@charset "UTF-8";
/***
 Theme Name: Dso
 Description: Grocery, Super Market, eCommerce HTML Template
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
==============================
TABLE CONTENT
 Import Google Fonts
 Include Third Party CSS Library
 GENERAL
 HEADER
 Offcanvas Sidebar
 Search form
 Main header
 Mega menu
 Header layouts
 Page layouts
 Pagination
 Breadcrumb
 CATEGORY PAGES
 SINGLE POST
 Author box
 comment
 Post share social
 WP STYPE
 Custom amine
***/
/**Thiết lập position absolute cho phần tử theo vị trí**/
/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

thead {
  font-weight: 600;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
}

*:focus,
select:focus,
.custom-select:focus,
button:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  outline: none !important;
}

input:focus::-moz-placeholder {
  opacity: 0;
  -moz-transition: 0.4s;
  transition: 0.4s;
}

a {
  color: var(--color-brand);
}
a:hover {
  color: var(--color-brand-2);
}

li.hr span {
  width: 100%;
  height: 1px;
  background-color: #e4e4e4;
  margin: 20px 0;
  display: block;
}

/*--- Common Classes---------------------*/
::-moz-selection {
  background: var(--color-brand); /* WebKit/Blink Browsers */
  color: #fff;
}
::selection {
  background: var(--color-brand); /* WebKit/Blink Browsers */
  color: #fff;
}

::-moz-selection {
  background: var(--color-brand); /* Gecko Browsers */
  color: #fff;
}

::-moz-placeholder {
  color: #838383;
}

::placeholder {
  color: #838383;
}

.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.section {
  float: left;
  width: 100%;
}

.f-right {
  float: right;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.bg-img {
  background-position: center center;
  background-size: cover;
}

.position-relative {
  position: relative;
}

.height-100vh {
  height: 100vh !important;
}

*:focus,
select:focus,
.custom-select:focus,
button:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  outline: none !important;
}

.bg-grey-9 {
  background-color: var(--color-grey-9);
}

.border-radius {
  border-radius: 4px;
}

.border-radius-5 {
  border-radius: 5px;
}

.border-radius-10 {
  border-radius: 10px;
}

.border-radius-15 {
  border-radius: 15px;
}

.border-radius-20 {
  border-radius: 20px;
}

.img-hover-scale img {
  transition: transform 0.5s;
}
.img-hover-scale:hover img {
  transform: scale(1.05);
  transition: transform 0.5s;
}

.hover-up {
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.hover-up:hover {
  transform: translateY(-5px);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.text-brand {
  color: var(--color-brand) !important;
}

.text-brand-2 {
  color: var(--color-brand-2) !important;
}

.text-primary {
  color: var(--color-primary) !important;
}

.text-warning {
  color: var(--color-warning) !important;
}

.text-danger {
  color: var(--color-danger) !important;
}

.text-success {
  color: var(--color-success) !important;
}

.text-info {
  color: var(--color-info) !important;
}

.text-grey-4 {
  color: var(--color-grey-4) !important;
}

.text-muted {
  color: var(--color-muted) !important;
}

.text-7 {
  color: #d77f7a !important;
}

.text-8 {
  color: #63a2c1 !important;
}

.text-white {
  color: #fff !important;
}

.text-grey-5, .text-grey-5 a, .text-hover-grey-5:hover {
  color: #a2a2a2 !important;
}

.bg-brand {
  background-color: var(--color-brand) !important;
}

.bg-primary {
  background-color: var(--color-primary) !important;
}

.bg-warning {
  background-color: var(--color-warning) !important;
}

.bg-danger {
  background-color: var(--color-danger) !important;
}

.bg-success {
  background-color: var(--color-success) !important;
}

.bg-info {
  background-color: var(--color-info) !important;
}

.bg-grey-4 {
  background-color: var(--color-grey-4) !important;
}

.bg-1 {
  background-color: #fddde4 !important;
}

.bg-2 {
  background-color: #cdebbc !important;
}

.bg-3 {
  background-color: #d1e8f2 !important;
}

.bg-4 {
  background-color: #cdd4f8 !important;
}

.bg-5 {
  background-color: #f6dbf6 !important;
}

.bg-6 {
  background-color: #fff2e5 !important;
}

.bg-7 {
  background-color: #d77f7a !important;
}

.bg-8 {
  background-color: #63a2c1 !important;
}

.bg-9 {
  background-color: #F2FCE4 !important;
}

.bg-10 {
  background-color: #FFFCEB !important;
}

.bg-11 {
  background-color: #ECFFEC !important;
}

.bg-12 {
  background-color: #FEEFEA !important;
}

.bg-13 {
  background-color: #FFF3EB !important;
}

.bg-14 {
  background-color: #FFF3FF !important;
}

.bg-15 {
  background-color: #F2FCE4 !important;
}

.bg-grey-9 {
  background-color: var(--color-grey-9) !important;
}

.box-shadow-none {
  box-shadow: none !important;
}

.flex-horizontal-center {
  display: flex;
  align-items: center;
}

.w-36px {
  max-width: 36px;
}

.border {
  border: 1px solid #E3E5E8 !important;
}

.box-shadow-outer-6 {
  box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
}
.box-shadow-outer-6:hover {
  box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.05);
}

.box-shadow-outer-7 {
  box-shadow: 0 0 11px 0 rgba(78, 42, 222, 0.03), 0 8px 16px 0 rgba(78, 42, 222, 0.08);
}
.box-shadow-outer-7:hover {
  box-shadow: 0 0 14px 0 rgba(78, 42, 222, 0.03), 0 8px 18px 0 rgba(78, 42, 222, 0.09);
}

.box-shadow-outer-3, .box-hover-shadow-outer-3:hover {
  box-shadow: 0 5px 16px 0 rgba(118, 126, 173, 0.09);
}

/*****************************
*********  BORDER  *****
******************************/
.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-solid {
  border-style: solid !important;
}

.border-double {
  border-style: double !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-brand {
  border-color: var(--color-brand) !important;
}

.border-muted {
  border-color: #f7f8f9;
}

.section-border {
  border-top: 1px solid #e6e9ec;
  border-bottom: 1px solid #e6e9ec;
}

.border-color-1 {
  border-color: #e0dede;
}

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

@keyframes slideleft {
  10% {
    opacity: 0;
    transform: scale(0);
    right: 0;
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  90% {
    opacity: 0;
    transform: scale(0);
    right: 100%;
  }
}
[data-loader=spinner] {
  width: 35px;
  height: 35px;
  display: inline-block;
  animation: spinner 1.2s infinite ease-in-out;
  background: url(../imgs/favicon.svg);
  box-shadow: 0 0 10px #fff;
}
@keyframes spinner {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    transform: perspective(120px) rotateX(-180deg) rotateY(0);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
  }
}
@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(239, 63, 72, 0.8);
  }
  100% {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
  }
}
@keyframes shadow-pulse-big {
  0% {
    box-shadow: 0 0 0 0 rgba(239, 63, 72, 0.1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
@keyframes jump {
  0% {
    transform: translate3d(0, 20%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.jump {
  transform-origin: 0;
  animation: jump 0.5s linear alternate infinite;
}

/*TYPOGRAPHY*/
body {
  color: var(--color-text);
  font-family: var(--font-text), sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-style: normal;
  font-weight: 400;
  background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-heading,
.display-1,
.display-2,
.heading-sm-1 {
  font-family: var(--font-heading), sans-serif;
  color: var(--color-heading);
  font-weight: 700;
  line-height: 1.2;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

.display-1 {
  font-size: 96px;
  line-height: 1;
}

.display-2 {
  font-size: 72px;
  line-height: 1;
}

.heading-sm-1 {
  font-size: 14px;
}

p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 5px;
  color: var(--color-text);
}

.text-heading {
  color: var(--color-heading);
}

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

.font-weight-bold {
  font-weight: 700;
}

a,
button {
  text-decoration: none;
  cursor: pointer;
}

b {
  font-weight: 500;
}

strong,
.fw-600 {
  font-weight: 600 !important;
}

.fw-900 {
  font-weight: 900;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.section-title {
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin-bottom: 16px;
  position: relative;
  justify-content: space-between;
}
.section-title .title {
  display: flex;
  flex-flow: row;
  align-items: flex-end;
}
.section-title h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  margin-right: 30px;
}
.section-title h6 a {
  font-size: 1rem !important;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}
.section-title a.show-all {
  font-size: 16px;
  color: var(--color-text);
}
.section-title a.show-all:hover {
  color: var(--color-brand);
}
.section-title a.show-all i {
  font-size: 12px;
  margin-left: 5px;
}
.section-title.style-1 {
  position: relative;
  border-bottom: 1px solid #E3E5E8;
  padding-bottom: 20px;
  font-size: 24px;
}
.section-title.style-1::after {
  content: "";
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(var(--color-brand-rgb), 0.4);
}
.section-title span {
  color: var(--color-brand);
}

h5.widget-title {
  font-size: 18px;
  font-weight: 600;
}

.title.style-3 {
  background-image: url(../imgs/theme/wave.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-bottom: 25px;
}

.text-body {
  color: var(--color-text) !important;
}

.font-xxs {
  font-size: 12px;
}

.font-xs {
  font-size: 13px;
}

.font-sm {
  font-size: 14px;
}

.font-md {
  font-size: 16px;
}

.font-lg {
  font-size: 17px;
}

.font-xl {
  font-size: 19px;
}
@media screen and (max-width: 1300px) {
  .font-xl {
    font-size: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .font-xl {
    font-size: 15px;
  }
}
@media screen and (max-width: 992px) {
  .font-xl {
    font-size: 14px;
  }
}

.font-xxl {
  font-size: 58px;
}

.text-hot {
  color: #f74b81;
}

.text-new {
  color: #55bb90;
}

.text-sale {
  color: #67bcee;
}

.text-best {
  color: #f59758;
}

.text-style-1 {
  position: relative;
}
.text-style-1::after {
  content: "";
  background-color: #ffdabf;
  height: 20%;
  width: 110%;
  display: block;
  position: absolute;
  bottom: 20%;
  left: -5%;
  z-index: -1;
  opacity: 0.8;
  transition: transform 0.5s;
}
.text-style-1:hover::after {
  height: 30%;
  transition: transform 0.5s;
}

.fw-700 {
  font-weight: 700;
}

.fw-500 {
  font-weight: 500;
}

/*COMPONENTS -> BUTTONS*/
.btn-default {
  color: #fff;
  background-color: var(--color-brand);
  border-radius: 50px;
  padding: 13px 28px;
  font-family: var(--font-heading), sans-serif;
}
.btn-default i {
  font-weight: 400;
  font-size: 12px;
  margin-left: 10px;
  transition-duration: 0.2s;
}
.btn-default:hover i {
  margin-left: 15px;
  transition-duration: 0.2s;
}

.btn-lg {
  padding: 13px 28px;
  font-size: 16px;
}

.btn-sm {
  padding: 8px 18px !important;
  font-size: 12px;
}

.btn-md {
  padding: 10px 24px !important;
  font-size: 12px;
}

.btn-outline {
  background-color: transparent !important;
}

.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: none !important;
}

.btn {
  font-family: var(--font-heading), sans-serif;
}
.btn:hover {
  color: #fff;
}

.btn-shadow-brand {
  box-shadow: 0 2px 6px 0 rgba(88, 151, 251, 0.16);
  border: 1px solid #f7f8f9;
}
.btn-shadow-brand:hover {
  border: 1px solid var(--color-brand);
}

.btn-brand {
  background-color: var(--color-brand);
  border-color: var(--color-brand);
}

.btn-heading, button.btn-heading[type=submit] {
  background-color: var(--color-heading);
  border-color: var(--color-heading);
  font-weight: 700;
  border: 0;
}

button.submit, button[type=submit] {
  font-size: 16px;
  font-weight: 500;
  padding: 15px 40px;
  color: #ffffff;
  border: none;
  background-color: var(--color-brand);
  border: 1px solid var(--color-brand-dark);
  border-radius: 12px;
}

.btn-brand:hover {
  background-color: var(--color-brand-dark) !important;
}

.btn-login {
  font-weight: 13px;
}
.btn-login .btn {
  min-width: unset;
}
.btn-login li {
  margin: 0px 5px 0;
  display: inline-block;
}
.btn-login li a {
  border-radius: 5px;
  padding: 15px 25px;
  color: #fff;
  display: block;
  line-height: 1;
  text-transform: none;
  letter-spacing: 0;
  font-size: 14px;
}

.btn, .button {
  display: inline-block;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 30px;
  border-radius: 12px;
  color: #fff;
  border: 1px solid transparent;
  background-color: var(--color-brand);
  cursor: pointer;
  transition: all 300ms linear 0s;
  letter-spacing: 0.5px;
}
.btn:hover, .button:hover {
  background-color: var(--color-brand-2);
}
.btn.btn-sm, .button.btn-sm {
  padding: 8px 18px;
  font-size: 12px;
  text-transform: none;
  line-height: 1.8;
}
.btn.btn-xs, .button.btn-xs {
  padding: 7px 8px 7px 12px;
  font-size: 12px;
  text-transform: none;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.3;
}
.btn.btn-xs i, .button.btn-xs i {
  font-size: 14px !important;
  line-height: 0;
}
.btn.btn-rounded, .button.btn-rounded {
  border-radius: 50px;
}
.btn.btn-secondary, .button.btn-secondary {
  background-color: #AAAAAA;
  border-color: #AAAAAA;
}
.btn.btn-facebook, .button.btn-facebook {
  background: #3b5998;
  border-color: #3b5998;
}
.btn.btn-google, .button.btn-google {
  background: #d85040;
  border-color: #d85040;
}
.btn.btn-brush, .button.btn-brush {
  background-color: transparent;
  color: var(--color-brand);
  border: 0;
  padding: 14px 80px 14px 65px;
  background-repeat: no-repeat;
  font-family: var(--font-heading), sans-serif;
}
.btn.btn-brush i, .button.btn-brush i {
  margin: 3px 0 0 5px;
}
.btn.btn-brush.btn-brush-1, .button.btn-brush.btn-brush-1 {
  background-image: url(../imgs/theme/btn-brush-bg-1.png);
}
.btn.btn-brush.btn-brush-2, .button.btn-brush.btn-brush-2 {
  background-image: url(../imgs/theme/btn-brush-bg-2.png);
}
.btn.btn-brush.btn-brush-3, .button.btn-brush.btn-brush-3 {
  background-image: url(../imgs/theme/btn-brush-bg-3.png);
}

.comments-area .btn-reply {
  display: flex !important;
  align-content: center;
  align-items: center;
}
.comments-area .btn-reply i {
  margin-left: 5px;
  font-size: 12px;
}

.tags .btn, .tags .button {
  border-radius: 4px;
  float: left;
}

/*COMPONENTS -> FORM*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
}

input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  height: 64px;
  box-shadow: none;
  padding-left: 20px;
  font-size: 16px;
  width: 100%;
}
input:focus {
  background: #fff;
  box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, 0.1);
  border-color: #f99f1b;
}
input.square {
  border-radius: 0;
}
input.coupon {
  height: 47px;
}

select {
  width: 100%;
  background: transparent;
  border: 0px solid #E3E5E8;
  box-shadow: none;
  font-size: 16px;
  color: var(--color-body);
}

option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  font-size: 16px;
}

textarea {
  border: 1px solid #E3E5E8;
  border-radius: 10px;
  height: 50px;
  box-shadow: none;
  padding: 10px 10px 10px 20px;
  font-size: 16px;
  width: 100%;
  min-height: 200px;
}
textarea:focus {
  background: transparent;
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border-bottom: 3px solid #414648;
  border-radius: 0;
  border-right: 0;
  height: 50px;
  padding-left: 0;
  border-top: 0;
  border-left: 0;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  font-size: 14px;
  padding: 0;
  font-family: var(--font-heading), sans-serif;
  color: var(--color-heading);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 12px;
  right: 15px;
  width: 20px;
}

.custom_select {
  position: relative;
  width: 100%;
}
.custom_select .select2-container {
  max-width: 155px;
}
.custom_select .nice-select {
  width: 100%;
  margin-bottom: 1rem;
}
.custom_select .select2-container--default .select2-selection--single {
  border: 1px solid #E3E5E8;
  border-radius: 4px;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  font-size: 14px;
}
.custom_select .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  font-size: 14px;
  padding-left: 0;
}
.custom_select .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
  right: 14px;
}

.select2-dropdown {
  border: 1px solid #E3E5E8;
  border-radius: 0 0 4px 4px;
  padding: 15px;
  min-width: 220px;
}
.select2-dropdown .select2-search--dropdown {
  padding: 0;
}
.select2-dropdown .select2-search--dropdown .select2-search__field {
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
  margin-bottom: 15px;
  border-radius: 5px;
  height: 40px;
  padding-left: 20px;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select2-results__options::-webkit-scrollbar {
  width: 16px;
  background-clip: padding-box;
}

.select2-results__options::-webkit-scrollbar-track {
  background-color: #F4F4F4;
  height: 8px;
  background-clip: padding-box;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #d1d1d1;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-results__options::-webkit-scrollbar-button {
  display: none;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ececec;
  color: unset;
}

.select2-container {
  max-width: 135px;
}

/*contact form*/
.contact-from-area .contact-form-style button {
  font-size: 17px;
  font-weight: 500;
  padding: 20px 40px;
  color: #ffffff;
  border: none;
  background-color: var(--color-heading);
  border-radius: 10px;
  font-family: var(--font-heading), sans-serif;
}
.contact-from-area .contact-form-style button:hover {
  background-color: var(--color-brand) !important;
}

.form-group {
  margin-bottom: 1rem;
}
.form-group input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  height: 64px;
  box-shadow: none;
  padding-left: 20px;
  font-size: 16px;
  width: 100%;
}
.form-group input:focus {
  background: #fff;
  box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, 0.1);
  border-color: #f99f1b;
}

.my-tooltip {
  position: relative;
  z-index: 999;
}

.my-tooltip .tooltip-content {
  position: absolute;
  z-index: 9999;
  width: 360px;
  left: 50%;
  margin: 0 0 20px -180px;
  bottom: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 30px;
  box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
  background: #2b2b2b;
  opacity: 0;
  cursor: default;
  pointer-events: none;
  border-radius: 4px;
}

.my-tooltip .tooltip-content::after {
  content: "";
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #2a3035 transparent transparent;
  border-width: 10px;
  margin-left: -10px;
}

.my-tooltip:hover .tooltip-item::after {
  pointer-events: auto;
}

.my-tooltip:hover .tooltip-content {
  pointer-events: auto;
  opacity: 1;
  transform: translate3d(2px, -2px, 2px) rotate3d(0, 0, 0, 0deg);
}

.my-tooltip .tooltip-text {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  display: block;
  padding: 1.31em 1.21em 1.21em 1.21em;
  color: #fff;
}

label {
  margin-bottom: 5px;
}

.security-code {
  display: inline-block;
  border-radius: 10px;
  height: 64px;
  line-height: 64px;
  padding: 0 40px;
  font-size: 24px;
  font-weight: bold;
  background: rgba(var(--color-brand-rgb), 0.4);
}
.security-code b {
  font-size: 24px;
  font-weight: bold;
}

.custome-radio .form-check-label,
.custome-checkbox .form-check-label {
  position: relative;
  cursor: pointer;
}

.custome-checkbox .form-check-label {
  position: relative;
  cursor: pointer;
  padding: 0;
  vertical-align: middle;
}
.custome-checkbox .form-check-label::before {
  content: "";
  border: 2px solid #1C1B1F;
  height: 17px;
  width: 17px;
  margin: 0px 8px 0 0;
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
}
.custome-checkbox .form-check-label span {
  vertical-align: middle;
}
.custome-checkbox input[type=checkbox]:checked + .form-check-label::after {
  opacity: 1;
}
.custome-checkbox input[type=checkbox] + .form-check-label::after {
  content: "";
  width: 11px;
  position: absolute;
  top: 13px;
  left: 3px;
  opacity: 0;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-65%) rotate(-45deg);
}

.custome-radio .form-check-input,
.custome-checkbox .form-check-input {
  display: none;
}

.login_footer {
  margin-bottom: 20px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.custome-checkbox input[type=checkbox]:checked + .form-check-label::before {
  background-color: var(--color-brand);
  border-color: var(--color-brand);
}
.custome-checkbox input[type=checkbox]:checked + .form-check-label::after {
  opacity: 1;
}

.divider-text-center {
  text-align: center;
  position: relative;
}
.divider-text-center::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid #ddd;
  transform: translateY(-50%);
}
.divider-text-center span {
  background-color: #fff;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
}

/*comment*/
.comments-area {
  background: transparent;
  border-top: 1px solid #E3E5E8;
  padding: 1rem 0;
  margin-top: 1rem;
}
.comments-area h5 {
  font-size: 16px;
  margin-bottom: 0px;
}
.comments-area .comment-list {
  padding-bottom: 48px;
}
.comments-area .comment-list:last-child {
  padding-bottom: 0px;
}
.comments-area .comment-list.left-padding {
  padding-left: 25px;
}
.comments-area .comment-list .single-comment {
  margin: 0 0 15px 0;
  border: 1px solid #f2f2f2;
  border-radius: 15px;
  padding: 20px;
  transition: 0.2s;
}
.comments-area .comment-list .single-comment.-custom {
  border: unset;
  border-radius: unset;
}
.comments-area .comment-list .single-comment:not(:last-child) {
  border-bottom: 1px solid #E3E5E8;
}
.comments-area .comment-list .single-comment .reply {
  opacity: 0;
  transition: 0.2s;
}
.comments-area .comment-list .single-comment:hover {
  transform: translateY(-5px);
  transition: 0.2s;
}
.comments-area .comment-list .single-comment:hover .reply {
  opacity: 1;
  transition: 0.2s;
}
.comments-area p {
  font-size: 16px !important;
}
.comments-area .thumb {
  margin-right: 20px;
}
.comments-area .thumb-custom {
  margin-right: unset;
}
.comments-area .thumb-custom img {
  width: 40px;
  border-radius: 50%;
}
.comments-area .thumb img {
  width: 70px;
  border-radius: 50%;
}
.comments-area .date {
  font-size: 14px;
  color: #999999;
  margin-bottom: 0;
  margin-left: 20px;
}
.comments-area .comment {
  margin-bottom: 10px;
  color: #777777;
  font-size: 15px;
}
.comments-area .btn-reply {
  background-color: transparent;
  color: #888888;
  padding: 5px 18px;
  font-size: 14px;
  display: block;
  font-weight: 400;
}
.comments-area.style-2 {
  border: 0;
  margin-top: 0;
  padding: 25px 0;
}

.comments-area h4 {
  margin-bottom: 35px;
  color: #2a2a2a;
  font-size: 18px;
}

.comment-form .email {
  padding-right: 0px;
}

.form-control {
  border: 1px solid #f0e9ff;
  border-radius: 10px;
  height: 48px;
  padding-left: 18px;
  font-size: 16px;
  background: transparent;
}

.comment-form {
  padding-top: 45px;
  margin-bottom: 20px;
}
.comment-form .form-group {
  margin-bottom: 20px;
}
.comment-form textarea {
  min-height: 200px;
  padding-top: 15px;
}
.comment-form textarea:focus {
  background: transparent;
  outline: none !important;
  box-shadow: none;
  border-color: rgba(var(--color-brand-rgb), 0.4);
}

.form-control:focus {
  outline: 0;
  box-shadow: none;
}
.form-control::-moz-placeholder {
  font-weight: 300;
  color: #999999;
  color: #777777;
}
.form-control::placeholder {
  font-weight: 300;
  color: #999999;
  color: #777777;
}

.nice-select .list {
  width: 100%;
}

.button-contactForm {
  background: var(--color-brand);
  color: #fff;
  border-color: var(--color-brand);
  padding: 12px 25px;
}

.search-form form {
  position: relative;
}
.search-form form input {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.search-form form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border: none;
  font-size: 20px;
  height: 100%;
  padding: 0 24px;
  background-color: transparent;
  color: var(--color-grey-2);
}
.search-form form button:hover {
  color: #fff;
}

form .search-form {
  position: relative;
}
form .search-form input {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
form .search-form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border: none;
  font-size: 20px;
  height: 100%;
  padding: 0 24px;
  background-color: transparent;
  color: var(--color-grey-2);
}
form .search-form button:hover {
  color: #fff;
}

/*COMPONENTS -> SLIDER*/
.single-animation-wrap.slick-active .slider-animated-1 h1 {
  animation-delay: 1.4s;
  animation-name: fadeInUp;
}
.single-animation-wrap.slick-active .slider-animated-1 h2 {
  animation-delay: 1.2s;
  animation-name: fadeInUp;
}
.single-animation-wrap.slick-active .slider-animated-1 h3 {
  animation-delay: 1s;
  animation-name: fadeInUp;
}
.single-animation-wrap.slick-active .slider-animated-1 h4 {
  animation-delay: 1s;
  animation-name: fadeInUp;
}
.single-animation-wrap.slick-active .slider-animated-1 span {
  animation-delay: 0.5s;
  animation-name: fadeInUp;
}
.single-animation-wrap.slick-active .slider-animated-1 p {
  animation-delay: 1.7s;
  animation-name: fadeInUp;
}
.single-animation-wrap.slick-active .slider-animated-1 a.btn {
  animation-delay: 2s;
  animation-name: fadeInUp;
}
.single-animation-wrap.slick-active .slider-animated-1.slider-product-price {
  animation-delay: 1.2s;
  animation-name: flipInY;
}
.single-animation-wrap.slick-active .slider-animated-1 .single-slider-img img {
  animation-delay: 1.5s;
  animation-name: fadeInUp;
}

.single-animation-wrap.slick-active .slider-animated-1 .slider-product-offer-wrap,
.single-animation-wrap.slick-active .slider-animated-1 .slider-product-offer-wrap-2 {
  animation-delay: 1s;
  animation-name: fadeInUp;
}

.hero-slider-1 {
  position: relative;
}
.hero-slider-1 .single-hero-slider {
  height: 538px;
  border-radius: 30px;
  background-size: cover;
  background-position: center center;
}
.hero-slider-1 .single-hero-slider.rectangle {
  border-radius: 0;
}
.hero-slider-1 .single-hero-slider.rectangle .slider-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
}
.hero-slider-1 .single-hero-slider.rectangle .slider-content .form-subscribe {
  margin: 0 auto;
}
.hero-slider-1 img {
  max-height: 538px;
  border-radius: 30px;
}
.hero-slider-1 .slider-content {
  position: absolute;
  top: 50%;
  left: 6%;
  transform: translateY(-50%);
}
.hero-slider-1 .slider-content p {
  font-size: 30px;
}
.hero-slider-1 .slider-content .form-subscribe {
  background-color: #fff;
  max-width: 450px;
  border-radius: 50px;
  margin-bottom: 10px;
}
.hero-slider-1 .slider-content .form-subscribe input {
  border: 0;
  border-radius: 50px 0 0 50px;
  padding-left: 58px;
  background: url(../imgs/theme/icons/icon-plane.png) no-repeat 25px center;
}
.hero-slider-1 .slider-content .form-subscribe button {
  border: 0;
  border-radius: 50px;
}
.hero-slider-1 .single-slider-img-1 {
  height: 538px;
  position: relative;
}
.hero-slider-1 .single-slider-img-1 .slider-1-1 {
  position: absolute;
  bottom: 30px;
  right: 0;
}
.hero-slider-1 .single-slider-img-1 .slider-1-2 {
  position: absolute;
  bottom: 20px;
  right: 0;
}
.hero-slider-1 .single-slider-img-1 .slider-1-3 {
  position: absolute;
  bottom: 30px;
  right: 0;
}
.hero-slider-1.style-5 .display-2 {
  font-size: 50px;
}
.hero-slider-1.style-5 .slider-content p {
  font-size: 24px;
}
.hero-slider-1.style-5 img {
  border-radius: 10px;
}
.hero-slider-1.style-5 .single-hero-slider {
  border-radius: 10px;
}

.dot-style-1 ul {
  display: flex;
}
.dot-style-1 ul li {
  margin: 0 3px;
}
.dot-style-1 ul li button {
  width: 15px;
  height: 15px;
  border-radius: 30px;
  border: 1px solid;
  padding: 0;
  font-size: 0px;
  border-color: var(--color-heading);
  background: none;
  transition: all 0.3s linear;
}
.dot-style-1 ul li button:hover {
  background: rgba(var(--color-brand-rgb), 0.4);
}
.dot-style-1 ul li.slick-active button {
  background: var(--color-brand);
  border-color: var(--color-brand);
}
.dot-style-1.dot-style-1-position-1 ul {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
}
.dot-style-1.dot-style-1-position-2 ul {
  position: absolute;
  left: 6%;
  bottom: 15px;
}
.dot-style-1.dot-style-1-center ul {
  justify-content: center;
}
.dot-style-1.dot-style-1-mt1 ul {
  margin-top: 30px;
}

.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 100%;
}
.slider-arrow .slider-btn {
  cursor: pointer;
  background: #F2F3F4;
  width: 45px;
  height: 45px;
  position: absolute;
  display: block;
  z-index: 100;
  border-radius: 50%;
  transition: all 0.2s ease-out;
  text-align: center;
  line-height: 45px;
  font-size: 16px;
  color: var(--color-text);
}
.slider-arrow .slider-btn.slider-prev {
  left: 20px;
}
.slider-arrow .slider-btn.slider-prev i {
  margin-right: 2px;
}
.slider-arrow .slider-btn.slider-next {
  right: 20px;
}
.slider-arrow .slider-btn.slider-next i {
  margin-left: 2px;
}
.slider-arrow .slider-btn:hover {
  background-color: var(--color-brand);
  color: #fff;
  border-color: var(--color-brand);
}
.slider-arrow.slider-arrow-2 .slider-btn {
  width: 40px;
  height: 40px;
  line-height: 44px;
  font-size: 24px;
}
.slider-arrow.slider-arrow-2.flex-right {
  display: flex;
  position: relative;
  max-width: 200px;
  justify-content: flex-end;
  top: unset;
  transform: unset;
}
.slider-arrow.slider-arrow-2.flex-right .slider-btn {
  position: relative;
  left: unset;
  right: unset;
}
.slider-arrow.slider-arrow-2.flex-right .slider-btn.slider-prev {
  margin-right: 10px;
}
.slider-arrow.slider-arrow-3 .slider-btn {
  width: 30px;
  height: 30px;
  line-height: 28px;
  font-size: 12px;
  margin-top: -15px;
}
.slider-arrow.style-3 .slider-btn {
  width: 40px;
  height: 40px;
  border: 1px solid #dcdeed;
  line-height: 40px;
  font-size: 12px;
  margin-top: -20px;
}

.home-slide-cover {
  position: relative;
}
.home-slide-cover .slider-arrow {
  left: 0;
}
.home-slide-cover .hero-slider-content-2 {
  padding-left: 50px;
}

/*Carousel*/
.carousel-8-columns-cover .carousel-8-columns {
  overflow: hidden;
  margin: 0 -12px;
}
.carousel-8-columns-cover .carousel-8-columns .card-1 {
  margin-right: 12px;
  margin-left: 12px;
}
.carousel-8-columns-cover .product-img {
  border: 1px solid #cce7d0;
}
.carousel-8-columns-cover .slider-arrow {
  top: -80px;
}
.carousel-8-columns-cover .slider-arrow .slider-btn.slider-next {
  right: 0;
}
.carousel-8-columns-cover .slider-arrow .slider-btn.slider-prev {
  right: 48px;
  left: unset;
}
.carousel-8-columns-cover.arrow-center .slider-arrow {
  top: 50%;
  transform: translateY(-50%);
  margin-top: -50px;
}
.carousel-8-columns-cover.arrow-center .slider-arrow .slider-btn.slider-next {
  right: -30px;
}
.carousel-8-columns-cover.arrow-center .slider-arrow .slider-btn.slider-prev {
  left: -30px;
}
.carousel-8-columns-cover.arrow-center .slider-arrow.slider-arrow-3 {
  margin-top: 0;
}

.carousel-10-columns-cover .carousel-10-columns {
  overflow: hidden;
  margin: 0 -12px;
}
.carousel-10-columns-cover .carousel-10-columns .card-2 {
  margin-right: 12px;
  margin-left: 12px;
}
.carousel-10-columns-cover .carousel-10-columns .card-3 {
  margin-right: 15px;
  margin-left: 15px;
  max-width: 204px;
  max-height: 204px;
}
@media only screen and (max-width: 991px) {
  .carousel-10-columns-cover .carousel-10-columns .card-3 {
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .carousel-10-columns-cover .carousel-10-columns .card-3 {
    margin-right: 7px;
    margin-left: 7px;
  }
}

.carousel-4-columns-cover .carousel-4-columns {
  overflow: hidden;
  margin: 0 -12px;
}
.carousel-4-columns-cover .carousel-4-columns .product-cart-wrap {
  margin-right: 12px;
  margin-left: 12px;
}
.carousel-4-columns-cover .carousel-4-columns-arrow {
  margin-top: -100px;
}
.carousel-4-columns-cover .product-cart-wrap {
  margin-bottom: 20px;
}
.carousel-4-columns-cover .product-cart-wrap:hover {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.carousel-5-columns-cover .slick-list {
  display: flex !important;
  justify-content: center;
  flex-direction: column;
  flex: 1 1 auto;
}
.carousel-5-columns-cover .carousel-5-columns {
  overflow: hidden;
}
.carousel-5-columns-cover .carousel-5-columns .product-cart-wrap {
  margin-right: 3px;
  margin-left: 3px;
}
.carousel-5-columns-cover .carousel-5-columns-arrow {
  margin-top: -100px;
}
.carousel-5-columns-cover .product-cart-wrap {
  margin-bottom: 20px;
}
.carousel-5-columns-cover .product-cart-wrap:hover {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.bg-grey-10 {
  background-color: #d0f3ec;
}

.home-slider .slider-arrow {
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.home-slider:hover .slider-arrow {
  opacity: 1;
  visibility: visible;
  transition: 0.4s;
}
.home-slider.style-2 {
  background: url(../imgs/banner/banner-12.png) no-repeat center bottom;
  background-size: cover;
  width: 100%;
  padding: 50px 0;
}

.carousel-3-columns-cover {
  position: relative;
}
.carousel-3-columns-cover .carousel-3-columns {
  overflow: hidden;
  margin: 0 -12px;
}
.carousel-3-columns-cover .carousel-3-columns img {
  margin-right: 12px;
  margin-left: 12px;
}
.carousel-3-columns-cover #carousel-3-columns-arrows {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 100%;
  z-index: 3;
}
.carousel-3-columns-cover .slider-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  line-height: 44px;
  text-align: center;
  background: #F2F3F4;
  font-size: 27px;
  color: var(--color-brand);
  position: absolute;
}
.carousel-3-columns-cover .slider-btn.slider-prev {
  left: -20px;
}
.carousel-3-columns-cover .slider-btn.slider-next {
  right: -20px;
}
.carousel-3-columns-cover .slider-btn:hover {
  background: var(--color-brand);
  color: #fff;
}

.home-slider.slider-style-6 .hero-slider-1 .single-hero-slider {
  height: 468px;
}
.home-slider.slider-style-6 .banner-header {
  display: flex;
  gap: 8px;
}
.home-slider.slider-style-6 .banner-left {
  width: calc(100% - 488px);
}
.home-slider.slider-style-6 .banner-right {
  height: 437px;
  width: 506.33px;
}
.home-slider.slider-style-6 .banner-right > .banner-item:nth-child(1) {
  padding-bottom: 4px;
  max-height: 230px;
  height: 100%;
}
.home-slider.slider-style-6 .banner-right > .banner-item:nth-child(2) {
  padding-top: 8px;
  max-height: 230px;
  height: 100%;
}
@media (max-width: 1300px) {
  .home-slider.slider-style-6 .banner-left {
    width: 100%;
  }
  .home-slider.slider-style-6 .banner-right {
    display: none;
  }
}

/*COMPONENTS -> CARD*/
.card-1 {
  position: relative;
  background: #F4F6FA;
  text-align: center;
  border: 1px solid #F4F6FA;
  border-radius: 10px;
  padding: 40px 30px 28px 30px;
  margin-bottom: 20px;
  min-height: 215px;
  transition: 0.2s;
}
.card-1:hover {
  background: #fff;
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  transition: 0.2s;
}
.card-1 figure {
  text-align: center;
  margin-bottom: 20px;
}
.card-1 figure img {
  border-radius: 10px;
  display: inline-block;
  max-width: 80px;
}
.card-1 h6 {
  margin: 0;
}
.card-1 h6 a {
  color: var(--color-heading);
}
.card-1:hover a {
  color: var(--color-brand);
}

.card-2 {
  position: relative;
  background: #F4F6FA;
  text-align: center;
  border: 1px solid #F4F6FA;
  border-radius: 10px;
  padding: 20px 0px 18px 0px;
  margin-bottom: 20px;
  min-height: 180px;
  transition: 0.2s;
}
.card-2:hover {
  background: #fff;
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  transition: 0.2s;
}
.card-2 figure {
  text-align: center;
  margin-bottom: 10px;
}
.card-2 figure img {
  border-radius: 10px;
  display: inline-block;
  max-width: 80px;
}
.card-2 h6 {
  margin: 0;
}
.card-2 h6 a {
  color: var(--color-heading);
}
.card-2:hover a {
  color: var(--color-brand);
}

.card-3 {
  width: 204px;
  position: relative;
  background: #F4F6FA;
  text-align: center;
  border: 1px solid #F4F6FA;
  border-radius: 10px;
  margin-bottom: 15px;
  min-height: 197px;
  transition: 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-3:hover {
  background: #fff;
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  transition: 0.2s;
}
@media only screen and (max-width: 991px) {
  .card-3 {
    padding: 0;
    min-height: 150px !important;
    width: 153px !important;
  }
  .card-3 figure img {
    max-width: 105px !important;
  }
}
@media only screen and (max-width: 768px) {
  .card-3 {
    min-height: 100px !important;
    width: 117px !important;
  }
  .card-3 figure img {
    max-width: 95px !important;
  }
}
@media only screen and (max-width: 480px) {
  .card-3 {
    min-height: 83px !important;
    width: 76px !important;
    margin-bottom: 10px !important;
  }
  .card-3 figure img {
    max-width: 64px !important;
  }
}
.card-3 figure {
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  .card-3 figure {
    margin-bottom: 0;
  }
  .card-3 figure a {
    display: flex !important;
  }
}
.card-3 figure img {
  border-radius: 10px;
  display: inline-block;
  max-width: 140px;
}
.card-3 h6 {
  margin: 0;
}
.card-3 h6 a {
  color: var(--color-heading);
}
.card-3:hover a {
  color: var(--color-brand);
}

.hero-card {
  width: 100%;
  position: relative;
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  transition: all 0.3s ease;
  border: 1px solid #eee;
}
.hero-card:hover {
  border: 1px solid var(--color-brand);
}
.hero-card .hero-card-icon {
  width: 65px;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.hero-card .hero-card-icon.icon-left {
  width: 135px;
  align-items: start;
}
.hero-card .hero-card-icon.icon-left-2 {
  width: 265px;
  align-items: start;
}
.hero-card .hero-card-icon i {
  font-size: 25px;
  color: #6143f7;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #E3E5E8;
  border-radius: 0.25rem;
}
.card .card-header {
  padding: 1rem;
  margin-bottom: 0;
  background-color: #f7f8f9;
  border-bottom: 1px solid #E3E5E8;
}

.featured-card {
  padding: 50px 30px;
  border-radius: 15px;
  border: 1px solid #E3E5E8;
  background: #fff;
}
.featured-card img {
  margin-bottom: 30px;
  width: 100px;
}
.featured-card h4 {
  margin-bottom: 30px;
}
.featured-card p {
  font-size: 17px;
  margin-bottom: 30px;
}
.featured-card a {
  font-size: 16px;
}
.featured-card:hover {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.team-card {
  position: relative;
}
.team-card img {
  border-radius: 15px;
  z-index: 1;
}
.team-card:hover .content {
  transform: translateY(-95px);
  transition: 0.2s;
}
.team-card .content {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  background: #fff;
  padding: 30px;
  max-width: 80%;
  position: relative;
  z-index: 2;
  transform: translateY(-90px);
  margin-left: auto;
  margin-right: auto;
  transition: 0.2s;
}
.team-card .content span {
  font-size: 17px;
}
.team-card .content .social-network a {
  display: inline-block;
  padding: 0 5px;
}
.team-card .content .social-network a img {
  max-width: 30px;
  min-width: 20px;
}

.account .card {
  border: 0;
}
.account .card .card-header {
  border: 0;
  background: none;
}
.account .card table td, .account .card table th {
  border: 0;
}
.account .card .table > thead {
  font-family: var(--font-heading), sans-serif;
  font-size: 17px;
}

.card-login {
  padding: 50px;
  border-radius: 15px;
  border: 1px solid #E3E5E8;
  margin-left: 30px;
}
.card-login .social-login {
  font-size: 20px;
  font-weight: 700;
  font-family: var(--font-heading), sans-serif;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px 25px;
  border-radius: 10px;
  margin-bottom: 20px;
  transition: 0.3s;
}
.card-login .social-login img {
  min-width: 28px;
  max-width: 28px;
  margin-right: 15px;
}
.card-login .social-login.facebook-login {
  background-color: #1877F2;
  color: #fff;
}
.card-login .social-login.google-login {
  background-color: #fff;
  color: var(--color-text);
  border: 1px solid #F2F3F4;
}
.card-login .social-login.apple-login {
  background-color: #000000;
  color: #fff;
  margin-bottom: 0;
}
.card-login .social-login.github-login {
  background-color: #fff;
  color: var(--color-text);
  border: 1px solid #F2F3F4;
}
.card-login .social-login.linkedin-login {
  background-color: #fff;
  color: var(--color-text);
  border: 1px solid #F2F3F4;
}
.card-login .social-login:hover {
  transform: translateY(-3px);
  transition: 0.3s;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.bg-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 63px;
  height: 63px;
  border-radius: 1000px;
  background-color: rgba(217, 217, 217, 0.5);
}

/*COMPONENTS -> TABS*/
.nav-tabs {
  border: 0;
  margin-bottom: 4px;
}
.nav-tabs .nav-link {
  background-color: rgb(238, 238, 238);
  font-size: 15px;
  margin: 0 10px;
  margin-left: 10px;
  color: #444;
  border-radius: 4px;
  padding: 15px 24px;
  transition: 0.2s;
  border: 0;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  font-family: var(--font-heading), sans-serif;
  font-weight: 600;
  line-height: 1;
}
.nav-tabs .nav-link.active {
  color: var(--color-brand);
  background-color: #fde1bd;
}
.nav-tabs .nav-link:hover {
  color: var(--color-brand);
  background-color: #fde1bd;
  transform: translateY(-3px);
  transition: 0.2s;
}
.nav-tabs .nav-link:first-child {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.nav-tabs.links .nav-link {
  padding: 0 10px;
  background: none;
  font-size: 16px;
  color: var(--color-heading);
}
.nav-tabs.links .nav-link:hover, .nav-tabs.links .nav-link.active {
  color: var(--color-brand);
}
.nav-tabs.no-border {
  border: none;
}
.nav-tabs.right .nav-item:last-child .nav-link {
  margin-right: 0;
}

.nav.right {
  justify-content: end;
}

.dashboard-menu ul {
  padding: 0;
  margin: 0;
}
.dashboard-menu ul li {
  position: relative;
  border-radius: 10px;
}
.dashboard-menu ul li a {
  font-size: 16px;
  color: var(--color-text);
  padding: 15px;
  font-family: var(--font-heading), sans-serif;
  font-weight: 700;
}
.dashboard-menu ul li a i {
  color: var(--color-text);
  font-size: 19px;
  opacity: 0.6;
}
.dashboard-menu ul li a:hover {
  color: lightgray;
}
.dashboard-menu ul li a.active {
  color: #0C568C;
  background-color: #FFFFFF;
  border-left: 2px solid #0C568C;
}
.dashboard-menu ul li a.active i {
  color: #fff;
}
.dashboard-menu ul li:not(:last-child) {
  margin-bottom: 10px;
}

.tab-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tab-header .view-more {
  font-family: var(--font-heading), sans-serif;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  border-bottom: 2px solid #cce7d0;
  margin-bottom: 20px;
}
.tab-header .view-more i {
  margin-left: 5px;
  margin-top: 5px;
  transition: 0.5s;
}
.tab-header .view-more:hover i {
  transform: translateX(5px);
  transition: 0.5s;
}

/*COMPONENTS -> MISC*/
/*Countdown*/
.deals-countdown .countdown-section {
  position: relative;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  padding: 20px 5px 30px 5px;
  margin-left: 7px;
  margin-right: 7px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #E3E5E8;
  margin-bottom: 2rem;
}
.deals-countdown .countdown-section .countdown-amount {
  display: inline-block;
  color: var(--color-brand);
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 15px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-family: var(--font-heading), sans-serif;
}
.deals-countdown .countdown-section .countdown-period {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 10px;
  display: block;
  color: var(--color-text);
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  font-size: 16px;
  text-transform: capitalize;
}

.img-grey-hover {
  opacity: 0.5;
  filter: grayscale(1);
  transition-duration: 0.3s;
}
.img-grey-hover:hover {
  filter: none;
  opacity: 1;
  transition-duration: 0.3s;
}

.brand-logo img {
  width: auto;
  display: inline-block;
  padding: 10px 0;
}

/*Heading tab*/
.heading-tab {
  align-items: center;
  flex-direction: row;
  text-align: left;
  justify-content: space-between;
}

/*page loading*/
.preloader {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  transition: 0.6s;
  margin: 0 auto;
}

.preloader img.jump {
  max-height: 100px;
}

/*custom amine*/
.loader,
.bar {
  width: 100px;
  height: 20px;
}

.bar {
  position: absolute;
  display: flex;
  align-items: center;
}

.bar::before,
.bar::after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background: var(--color-brand);
  opacity: 0;
  border-radius: 10px;
  animation: slideleft 3s ease-in-out infinite;
}

.bar1::before {
  animation-delay: 0s;
}

.bar1::after {
  animation-delay: 0.3s;
}

.bar2::before {
  animation-delay: 0.6s;
}

.bar2::after {
  animation-delay: 0.9s;
}

.bar3::before {
  animation-delay: 1.2s;
}

.bar3::after {
  animation-delay: 1.5s;
}

/*page header*/
.page-header .page-title {
  font-weight: 900;
  font-size: 4rem;
}
.page-header.breadcrumb-wrap {
  padding: 1.5rem 4rem;
  background-color: #fff;
  border-bottom: 1px solid #E3E5E8;
  font-family: var(--font-heading), sans-serif;
}
.page-header.breadcrumb-wrap .container {
  line-height: 0;
}

.breadcrumb {
  display: inline-block;
  padding: 0;
  text-transform: capitalize;
  color: #FFFFFF;
  font-size: 14px;
  background: none;
  margin: 0;
  border-radius: 0;
}
.breadcrumb span {
  padding: 0 10px;
  position: relative;
  text-align: center;
}
.breadcrumb span::before {
  padding: 0 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "/ ";
  font-family: "uicons-regular-straight" !important;
  display: inline-block;
  font-size: 23px;
}

/*****************************
*********  SOCIAL NETWORKS  **********
******************************/
.text-center.social-icons ul {
  display: inline-block;
}

.social-icons li {
  float: left;
  list-style: none;
}

.social-icons li a {
  float: left;
  font-size: 16px;
  text-align: center;
  margin: 0 4px 4px 0;
  border-radius: 4px;
  border: 0;
  background: 0 0;
  color: #333;
  overflow: hidden;
  transition: all 0.3s ease;
}

.dark .social-icons li a {
  color: #fff;
}

.social-icons.social-icons-colored a,
.social-icons.social-icons-colored-hover a:hover {
  color: #fff !important;
  border: 0;
}

.social-icons.social-icons-colored .social-rss a,
.social-icons.social-icons-colored-hover .social-rss a:hover,
.social-icons.social-icons-colored .social-snapchat a,
.social-icons.social-icons-colored-hover .social-snapchat a:hover {
  background-color: #faa33d;
}

.social-icons.social-icons-colored .social-facebook a,
.social-icons.social-icons-colored-hover .social-facebook a:hover {
  background-color: #5d82d1;
}

.social-icons.social-icons-colored .social-twitter a,
.social-icons.social-icons-colored-hover .social-twitter a:hover {
  background-color: #40bff5;
}

.social-icons.social-icons-colored .social-vimeo a,
.social-icons.social-icons-colored-hover .social-vimeo a:hover {
  background-color: #35c6ea;
}

.social-icons.social-icons-colored .social-myspace a,
.social-icons.social-icons-colored-hover .social-myspace a:hover {
  background-color: #008dde;
}

.social-icons.social-icons-colored .social-youtube a,
.social-icons.social-icons-colored-hover .social-youtube a:hover {
  background-color: #ef4e41;
}

.social-icons.social-icons-colored .social-instagram a,
.social-icons.social-icons-colored-hover .social-instagram a:hover {
  background-color: #e53d00;
}

.social-icons.social-icons-colored .social-gplus a,
.social-icons.social-icons-colored-hover .social-gplus a:hover {
  background-color: #d68400;
}

.social-icons.social-icons-colored .social-stumbleupon a,
.social-icons.social-icons-colored-hover .social-stumbleupon a:hover {
  background-color: #ff5c30;
}

.social-icons.social-icons-colored .social-lastfm a,
.social-icons.social-icons-colored-hover .social-lastfm a:hover {
  background-color: #f34320;
}

.social-icons.social-icons-colored .social-pinterest a,
.social-icons.social-icons-colored-hover .social-pinterest a:hover {
  background-color: #e13138;
}

.social-icons.social-icons-colored .social-google a,
.social-icons.social-icons-colored-hover .social-google a:hover {
  background-color: #eb5e4c;
}

.social-icons.social-icons-colored .social-evernote a,
.social-icons.social-icons-colored-hover .social-evernote a:hover {
  background-color: #9acf4f;
}

.social-icons.social-icons-colored .social-dribbble a,
.social-icons.social-icons-colored-hover .social-dribbble a:hover {
  background-color: #f7659c;
}

.social-icons.social-icons-colored .social-skype a,
.social-icons.social-icons-colored-hover .social-skype a:hover {
  background-color: #13c1f3;
}

.social-icons.social-icons-colored .social-forrst a,
.social-icons.social-icons-colored-hover .social-forrst a:hover {
  background-color: #45ad76;
}

.social-icons.social-icons-colored .social-linkedin a,
.social-icons.social-icons-colored-hover .social-linkedin a:hover {
  background-color: #238cc8;
}

.social-icons.social-icons-colored .social-wordpress a,
.social-icons.social-icons-colored-hover .social-wordpress a:hover {
  background-color: #2592c3;
}

.social-icons.social-icons-colored .social-grooveshark a,
.social-icons.social-icons-colored-hover .social-grooveshark a:hover {
  background-color: #ffb21d;
}

.social-icons.social-icons-colored .social-delicious a,
.social-icons.social-icons-colored-hover .social-delicious a:hover {
  background-color: #377bda;
}

.social-icons.social-icons-colored .social-behance a,
.social-icons.social-icons-colored-hover .social-behance a:hover {
  background-color: #1879fd;
}

.social-icons.social-icons-colored .social-dropbox a,
.social-icons.social-icons-colored-hover .social-dropbox a:hover {
  background-color: #17a3eb;
}

.social-icons.social-icons-colored .social-soundcloud a,
.social-icons.social-icons-colored-hover .social-soundcloud a:hover {
  background-color: #ff7e30;
}

.social-icons.social-icons-colored .social-deviantart a,
.social-icons.social-icons-colored-hover .social-deviantart a:hover {
  background-color: #6a8a7b;
}

.social-icons.social-icons-colored .social-yahoo a,
.social-icons.social-icons-colored-hover .social-yahoo a:hover {
  background-color: #ab47ac;
}

.social-icons.social-icons-colored .social-flickr a,
.social-icons.social-icons-colored-hover .social-flickr a:hover {
  background-color: #ff48a3;
}

.social-icons.social-icons-colored .social-digg a,
.social-icons.social-icons-colored-hover .social-digg a:hover {
  background-color: #75788d;
}

.social-icons.social-icons-colored .social-blogger a,
.social-icons.social-icons-colored-hover .social-blogger a:hover {
  background-color: #ff9233;
}

.social-icons.social-icons-colored .social-tumblr a,
.social-icons.social-icons-colored-hover .social-tumblr a:hover {
  background-color: #426d9b;
}

.social-icons.social-icons-colored .social-quora a,
.social-icons.social-icons-colored-hover .social-quora a:hover {
  background-color: #ea3d23;
}

.social-icons.social-icons-colored .social-github a,
.social-icons.social-icons-colored-hover .social-github a:hover {
  background-color: #3f91cb;
}

.social-icons.social-icons-colored .social-amazon a,
.social-icons.social-icons-colored-hover .social-amazon a:hover {
  background-color: #ff8e2e;
}

.social-icons.social-icons-colored .social-xing a,
.social-icons.social-icons-colored-hover .social-xing a:hover {
  background-color: #1a8e8c;
}

.social-icons.social-icons-colored .social-wikipedia a,
.social-icons.social-icons-colored-hover .social-wikipedia a:hover {
  background-color: #b3b5b8;
}

.social-icons.social-icons-border li a {
  border: 1px solid #d7d7d7;
  background: 0 0;
  color: #333;
}

.dark .social-icons.social-icons-border li a {
  border: 1px solid #333 !important;
}

.dark .social-icons li a .social-icons.social-icons-dark li a {
  background: #888;
  color: #fff;
}

.social-icons.social-icons-light li a {
  background: #fff;
  color: #333;
  border: 1px solid #E3E5E8;
}

.social-icons.social-icons-rounded li a {
  border-radius: 50%;
}

.social-icons.social-icons-square li a {
  border-radius: 0;
}

.social-icons.social-icons-xs li a {
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 12px;
}

.social-icons.social-icons-sm li a {
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 13px;
}

.social-icons.social-icons-md li a {
  height: 38px;
  width: 38px;
  line-height: 38px;
  font-size: 16px;
}

.social-icons.social-icons-lg li a {
  height: 42px;
  width: 42px;
  line-height: 42px;
  font-size: 18px;
}

.social-icons.social-icons-xl li a {
  height: 48px;
  width: 48px;
  line-height: 48px;
  font-size: 18px;
}

.dark .social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover {
  background-color: #1f1f1f;
}

.social-icons li:hover i {
  animation: toTopFromBottom 0.2s forwards;
}

/*Map*/
.leaflet-map {
  height: 350px;
  width: 100%;
}

/*table*/
table {
  width: 100%;
  margin-bottom: 1.5rem;
  border-collapse: collapse;
  vertical-align: middle;
}
table td, table th {
  padding: 10px 20px;
  border: 1px solid #E3E5E8;
  vertical-align: middle;
}
table thead > tr > th {
  vertical-align: middle;
  border-bottom: 0;
}
table p {
  margin-bottom: 0;
}
table.clean td, table.clean th {
  border: 0;
  border-top: 1px solid #E3E5E8;
}
table .product-thumbnail img {
  max-width: 80px;
}

/*divider*/
.divider {
  position: relative;
  overflow: hidden;
  height: 4px;
  z-index: 9;
}
.divider.center_icon {
  text-align: center;
  height: auto;
}
.divider::before, .divider::after {
  content: "";
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0px;
  height: 0;
  border-top: 1px solid #E3E5E8;
  transform: translateY(-50%);
}
.divider::before {
  margin-top: -1px;
}
.divider::after {
  margin-top: 1px;
}
.divider i {
  background-color: #fff;
  color: #aaa;
  position: relative;
  z-index: 1;
  font-size: 20px;
  padding: 0 20px;
  line-height: 1;
}

.divider-2 {
  width: 100%;
  height: 1px;
  background-color: #E3E5E8;
}

.bg-square {
  position: absolute;
  left: auto;
  top: 150px;
  right: 0%;
  bottom: auto;
  width: 100%;
  height: 100%;
  max-width: 45%;
  min-width: 300px;
  background-color: #f3fbf5;
  z-index: -1;
  max-height: 1200px;
}

.mobile-promotion {
  display: none;
}

.bg-green {
  background-color: #cee8e0;
}

/*modal*/
.custom-modal .modal-dialog {
  max-width: 888px !important;
  border-radius: 0px;
  overflow: hidden;
  border: 0;
}
.custom-modal .modal-dialog .modal-content {
  border-radius: 25px;
  padding: 40px;
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
}
.custom-modal .modal-dialog .btn-close {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 2;
}

.zoomContainer, .zoomWindow {
  z-index: 9999;
}

.single-product .zoomContainer, .single-product .zoomWindow {
  z-index: 99;
}

/*COMPONENTS -> BANNERS*/
.banner-left-icon {
  position: relative;
  background: #F4F6FA;
  padding: 20px;
  border-radius: 10px;
}
.banner-left-icon:hover .banner-icon {
  transform: translateY(-5px);
  transition-duration: 0.3s;
}
.banner-left-icon .banner-icon {
  max-width: 60px;
  margin-right: 20px;
  transition-duration: 0.3s;
}
.banner-left-icon .banner-text h3 {
  color: var(--color-grey-2);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
.banner-left-icon .banner-text p {
  margin-bottom: 0;
  color: var(--color-grey-4);
}
.banner-left-icon.style-2 {
  position: relative;
  border: 1px solid #E3E5E8;
  padding: 20px;
}

.banner-img {
  position: relative;
  clear: both;
  border-radius: 8px;
  overflow: hidden;
}
.banner-img img {
  border-radius: 8px;
}
.banner-img:hover img {
  opacity: 0.9;
}
.banner-img.banner-1 .banner-text {
  top: 30%;
}
.banner-img.banner-1.home-3 {
  margin-bottom: 24px;
  border-radius: 10px;
  overflow: hidden;
  max-height: 348px;
}
.banner-img.banner-2 .banner-text {
  right: 10px;
}
.banner-img .banner-text {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  padding: 0 50px;
}
.banner-img .banner-text span {
  color: var(--color-grey-4);
}
.banner-img .banner-text h4 {
  font-weight: 700;
  margin-bottom: 15px;
  min-height: 100px;
}
.banner-img .banner-text:hover h4 {
  transform: translateY(-5px);
}
.banner-img .banner-text a i {
  margin-left: 5px;
  transition-duration: 0.3s;
  font-size: 10px;
}
.banner-img .banner-text a:hover i {
  margin-left: 10px;
  transition-duration: 0.3s;
}
.banner-img.style-2 {
  border-radius: 15px;
  overflow: hidden;
  height: 520px;
  background: url(../imgs/banner/banner-4.png) no-repeat center bottom;
  background-size: cover;
  width: 100%;
}
.banner-img.style-2 .banner-text {
  top: 50px;
  transform: none;
}
.banner-img.style-3 {
  border-radius: 15px;
  overflow: hidden;
  height: 538px;
  background: url(../imgs/banner/banner-11.png) no-repeat center bottom;
  background-size: cover;
  width: 100%;
}
.banner-img.style-3 .banner-text {
  top: 50px;
  transform: none;
}
.banner-img.style-4 .banner-text h4 {
  font-size: 28px;
}
.banner-img.style-5 .banner-text {
  right: 0;
  padding: 0 30px;
}
.banner-img.style-6 .banner-text {
  right: 0;
  padding: 0 20px 0 0;
}
.banner-img.style-6 .banner-text h6 {
  font-size: 16px;
}

.banner-big .btn {
  background: var(--color-brand) !important;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  padding: 10px 22px;
  border: 0;
}
.banner-big .btn:hover {
  background: var(--color-brand-2) !important;
}

/*Deal banners*/
.deal {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  background-color: #fff;
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
  min-height: 420px;
}
.deal > div {
  width: 100%;
}
.deal h2 {
  color: var(--color-danger);
  font-weight: 600;
  font-size: 26px;
  line-height: 1.1;
  margin-bottom: 5px;
}
.deal h5 {
  color: var(--color-grey-2);
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 20px;
  max-width: 240px;
}
.deal .deal-content {
  align-self: center;
}
.deal .product-title {
  max-width: 57%;
  margin-bottom: 20px;
  font-size: 45px;
  line-height: 1.23;
}
.deal .product-title a {
  color: var(--color-grey-1);
}
.deal .btn {
  background: var(--color-brand);
  border: 0;
  color: #fff;
  border-radius: 12px;
  font-size: 14px;
  padding: 10px 24px;
}
.deal .btn i {
  margin-left: 5px;
  transition-duration: 0.3s;
  font-size: 12px;
}
.deal .btn:hover i {
  margin-left: 10px;
  transition-duration: 0.3s;
}
.deal .deal-bottom {
  align-self: flex-end;
}
.deal .deal-bottom .deals-countdown {
  margin-left: -12px;
  margin-bottom: 20px;
}
.deal .deal-bottom .deals-countdown .countdown-section {
  border: 2px solid var(--color-brand);
  box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
}

.banner-bg {
  background-position: center;
  background-size: cover;
  padding: 50px;
}

.banner-features {
  text-align: center;
  padding: 25px 15px;
  border-radius: 4px;
  border: 1px solid #E3E5E8;
  box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
}
.banner-features:hover {
  box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.05);
}
.banner-features img {
  display: inline-block;
  margin-bottom: 15px;
}
.banner-features h4 {
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  padding: 9px 8px 6px 8px;
  line-height: 1;
  border-radius: 4px;
  color: var(--color-brand);
}

.image-viewer__item {
  position: relative;
  transition: all 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  text-align: initial;
  margin-right: 2px;
  background-color: #eee;
  width: 70px;
  height: 70px;
  border: 1px solid #c4c6cf;
  margin-top: 5px;
}
.image-viewer__item img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.image-upload__uploader-container {
  display: inline-block;
}
.image-upload__uploader-container:hover {
  cursor: pointer;
}
.image-upload__uploader-container .image-upload__uploader {
  width: 70px;
  height: 70px;
  border: 1px dashed #c4c6cf;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  display: flex;
}
.image-upload__uploader-container .image-upload__uploader:hover {
  background: #d9edf7;
}
.image-upload__uploader-container .image-upload__uploader:hover .image-upload__file-input {
  cursor: pointer;
}

.image-upload__icon {
  color: #333;
  font-size: 20px;
  margin-bottom: 8px;
}

.image-upload__text {
  color: #333;
  font-size: 10px;
  padding: 0 3px;
  text-align: center;
}

.image-upload__file-input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.image-viewer__item {
  display: inline-block;
}

.image-viewer__list {
  display: block;
  width: 100%;
}

.image-viewer__icon-remove {
  position: absolute;
  top: -1px;
  right: 2px;
  z-index: 1;
  cursor: pointer;
}
.image-viewer__icon-remove i {
  color: #ffffff;
  background: #848484;
  border-radius: 50%;
  display: flex;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  justify-content: center;
  align-items: center;
}

.image-viewer__list.is-loading .loading {
  display: block !important;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  padding: 5px;
  font-size: 0.9em;
  cursor: help;
}

.image-upload__viewer .image-viewer__list .loading {
  position: absolute;
  width: 100%;
  background-color: rgba(146, 162, 177, 0.52);
  top: 0;
  display: none;
}
.image-upload__viewer .image-viewer__list .loading .half-circle-spinner {
  width: 30px;
  height: 30px;
}

.block--review .block__header .block__info {
  width: 100%;
}
.block--review .lh-1 {
  line-height: 1;
}
.block--review .block__images a {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-bottom: 5px;
  margin-right: 5px;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem !important;
}
.block--review .block__images a img {
  -o-object-fit: cover;
     object-fit: cover;
  border: none;
}
.block--review .block__images .more-review-images span {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #ffffff;
  font-size: 22px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block--review .block__images.block__images_total a {
  padding: 1.5px;
  height: -moz-fit-content;
  height: fit-content;
  width: inherit;
  margin: 0;
  border: 0;
}

.block__content {
  position: relative;
}
.block__content .review__loading {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 31;
  display: flex;
  align-items: center;
  top: 0;
  background: rgba(0, 0, 0, 0.03);
}

/*Page > About*/
.hero-2 {
  padding: 160px 0 100px;
  min-height: 640px;
}

.hero-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: content;
  flex-direction: column;
  background: url(../imgs/page/home-6-bg.jpg) no-repeat center center;
  background-size: cover;
  height: 330px;
}
.hero-3 form {
  background-color: #fff;
  max-width: 520px;
  border-radius: 50px;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
}
.hero-3 form input {
  border: 0;
  border-radius: 50px 0 0 50px;
  padding-left: 58px;
  background: url(../imgs/theme/icons/icon-search.png) no-repeat 25px center;
}
.hero-3 form button {
  border: 0;
  border-radius: 50px;
}
.hero-3 .nav-link {
  font-size: 14px !important;
}

.parallax-wrapper {
  position: absolute;
  z-index: 3;
  width: 100%;
}
.parallax-wrapper .parallax-img-area {
  display: flex;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
.parallax-wrapper .parallax-img-area .parallax-img {
  position: absolute;
  z-index: 2;
  text-align: right;
}
.parallax-wrapper .parallax-img-area .parallax-img.img-1 {
  right: 0;
  width: 52%;
  z-index: 2;
  top: 100px;
}
.parallax-wrapper .parallax-img-area .parallax-img.img-2 {
  right: 220px;
  width: 52%;
  top: 40px;
  z-index: 3;
}
.parallax-wrapper .parallax-img-area .parallax-img.img-3 {
  opacity: 0.1 !important;
  left: -210px;
  width: 320px;
  top: 193px;
}
.parallax-wrapper .parallax-img-area .parallax-img.img-4 {
  opacity: 0.08 !important;
  width: 180px;
  left: 50%;
}
.parallax-wrapper .parallax-img-area .parallax-img.img-5 {
  right: 0;
  width: 12%;
  z-index: 2;
  opacity: 0.3;
  bottom: 20%;
}
.parallax-wrapper .parallax-img-area .parallax-img.img-6 {
  width: 25%;
  z-index: 3;
  opacity: 0.2;
  bottom: 0;
  left: -150px;
}
.parallax-wrapper .parallax-img-area .parallax-img.img-7 {
  opacity: 0.2 !important;
  width: 16%;
  top: 10%;
  left: 10%;
}
.parallax-wrapper .parallax-img-area .parallax-img.img-8 {
  opacity: 0.2 !important;
  width: 10%;
  bottom: 40%;
  left: 50%;
}

.hero-content {
  position: absolute;
  z-index: 4;
  width: 100%;
}
.hero-content h1 {
  line-height: 1.1;
}

.about-count {
  z-index: 100;
  position: relative;
  color: #fff;
  background: url(../imgs/page/about-9.png) no-repeat center center;
  border-radius: 15px;
  padding: 100px 0;
  overflow: hidden;
}
.about-count::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #4B675A;
  z-index: 2;
  opacity: 0.8;
}
.about-count h1 {
  font-size: 72px;
  color: #fff;
}
.about-count h4 {
  color: #fff;
}
.about-count .text-center {
  z-index: 3;
  position: relative;
}

.hero-card-icon {
  width: 65px;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.hero-card-icon.icon-left {
  width: 165px;
  align-items: start;
}

.single-content > ol {
  list-style-type: decimal;
  margin-bottom: 30px;
  padding-left: 1em;
}
.single-content > ol li:not(:last-child) {
  margin-bottom: 16px;
}
.single-content > ol ol {
  list-style-type: lower-alpha;
  margin: 20px 0 30px;
  padding-left: 25px;
}
.single-content > ol ol ol {
  list-style-type: lower-roman;
}

/*page 404*/
.page-404 {
  background-color: #fff;
}
.page-404 img {
  max-width: 300px;
}
.page-404 img.logo {
  max-width: 150px;
}
.page-404 .search-form {
  max-width: 400px;
  margin: 0 auto;
}

/*SHOP*/
.product-cart-wrap {
  position: relative;
  background-color: #fff;
  border: 1px solid #E3E5E8;
  border-radius: 16px;
  overflow: hidden;
  transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
}
.product-cart-wrap:hover {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
  transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
}
.product-cart-wrap .product-img-action-wrap {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  max-height: 374px;
  padding: 25px 25px 0 25px;
}
.product-cart-wrap .product-img-action-wrap .product-action-1 {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
}
.product-cart-wrap .product-img-action-wrap .product-img {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.product-cart-wrap .product-img-action-wrap .product-img a {
  overflow: hidden;
  display: flex;
}
.product-cart-wrap .product-img-action-wrap .product-img a img {
  width: 100%;
}
.product-cart-wrap .product-img-action-wrap .product-img a img.hover-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s opacity, 0.25s visibility, transform 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.product-cart-wrap .product-img-action-wrap .product-img-zoom a img {
  transition: all 1.5s cubic-bezier(0, 0, 0.05, 1);
}
.product-cart-wrap .product-action-1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
  z-index: 9;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
}
.product-cart-wrap .product-action-1.show {
  visibility: visible;
  opacity: 1;
  bottom: 26px;
  left: unset;
  right: 20px;
  top: unset;
  transform: none;
}
.product-cart-wrap .product-action-1 button, .product-cart-wrap .product-action-1 a.action-btn {
  width: 40px;
  height: 36px;
  line-height: 40px;
  text-align: center;
  position: relative;
  display: inline-block;
  border-right: 1px solid rgba(var(--color-brand-rgb), 0.4);
}
.product-cart-wrap .product-action-1 button:last-child, .product-cart-wrap .product-action-1 a.action-btn:last-child {
  border: none;
}
.product-cart-wrap .product-action-1 button.small, .product-cart-wrap .product-action-1 a.action-btn.small {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.product-cart-wrap .product-action-1 button.small i, .product-cart-wrap .product-action-1 a.action-btn.small i {
  font-size: 12px;
}
.product-cart-wrap .product-action-1 button:after, .product-cart-wrap .product-action-1 a.action-btn:after {
  bottom: 100%;
  left: 50%;
  position: absolute;
  white-space: nowrap;
  border-radius: 5px;
  font-size: 11px;
  padding: 7px 10px;
  color: #ffffff;
  background-color: var(--color-brand);
  content: attr(aria-label);
  line-height: 1.3;
  transition-delay: 0.1s;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(0px);
}
.product-cart-wrap .product-action-1 button:before, .product-cart-wrap .product-action-1 a.action-btn:before {
  content: "";
  position: absolute;
  left: calc(50% - 7px);
  bottom: 100%;
  transition-delay: 0.1s;
  border: 7px solid transparent;
  border-top-color: var(--color-brand);
  z-index: 9;
  margin-bottom: -13px;
  transition-delay: 0.1s;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  opacity: 0;
  visibility: hidden;
}
.product-cart-wrap .product-action-1 button:last-child, .product-cart-wrap .product-action-1 a.action-btn:last-child {
  margin-right: 0;
}
.product-cart-wrap .product-action-1 button i, .product-cart-wrap .product-action-1 a.action-btn i {
  font-size: 15px;
  margin-left: 1px;
}
.product-cart-wrap .product-action-1 button:hover, .product-cart-wrap .product-action-1 a.action-btn:hover {
  color: var(--color-brand-2);
}
.product-cart-wrap .product-action-1 button:hover:after, .product-cart-wrap .product-action-1 a.action-btn:hover:after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-8px);
}
.product-cart-wrap .product-action-1 button:hover:before, .product-cart-wrap .product-action-1 a.action-btn:hover:before {
  opacity: 1;
  visibility: visible;
  transform: translateY(-8px);
}
.product-cart-wrap .product-action-1 button:hover i, .product-cart-wrap .product-action-1 a.action-btn:hover i {
  color: var(--color-brand-2);
}
.product-cart-wrap .product-badges {
  display: flex;
}
.product-cart-wrap .product-badges.product-badges-mrg {
  margin: 0 0 10px;
}
.product-cart-wrap .product-badges.product-badges-position {
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 9;
}
.product-cart-wrap .product-badges span {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  border-radius: 15px 0 20px 0;
  color: #fff;
  padding: 9px 20px 10px 20px;
}
.product-cart-wrap .product-badges span:last-child {
  margin-right: 0px;
}
.product-cart-wrap .product-badges span.hot {
  background-color: #f74b81;
}
.product-cart-wrap .product-badges span.new {
  background-color: var(--color-brand);
}
.product-cart-wrap .product-badges span.sale {
  background-color: #67bcee;
}
.product-cart-wrap .product-badges span.best {
  background-color: #f59758;
}
.product-cart-wrap .product-content-wrap {
  padding: 0 0.5rem 0.5rem 0.5rem;
}
.product-cart-wrap .product-content-wrap .product-category {
  margin-bottom: 5px;
}
.product-cart-wrap .product-content-wrap .product-category a {
  color: var(--color-grey-4);
  font-size: 12px;
}
.product-cart-wrap .product-content-wrap .product-category a:hover {
  color: var(--color-brand);
}
.product-cart-wrap .product-content-wrap h2 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}
.product-cart-wrap .product-content-wrap h2 a {
  color: var(--color-heading);
}
.product-cart-wrap .product-content-wrap h2 a:hover {
  color: var(--color-brand);
}
.product-cart-wrap .product-content-wrap .product-price {
  padding-top: 5px;
}
.product-cart-wrap .product-content-wrap .product-price span {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  color: var(--color-price);
}
@media only screen and (max-width: 768px) {
  .product-cart-wrap .product-content-wrap .product-price span {
    font-size: 16px;
  }
}
.product-cart-wrap .product-content-wrap .product-price span.new-price {
  color: var(--color-brand);
}
.product-cart-wrap .product-content-wrap .product-price span.old-price {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-grey-4);
  margin: 0 0 0 4px;
  text-decoration: line-through;
}
.product-cart-wrap .product-content-wrap .rating-result {
  display: flex;
}
.product-cart-wrap .product-content-wrap .rating-result > span {
  display: block;
  overflow: hidden;
  margin-left: 5px;
}
.product-cart-wrap .product-content-wrap .rating-result::before {
  font-family: "uicons-regular-straight" !important;
  font-size: 11px;
  letter-spacing: 2px;
  content: "\f225" "\f225" "\f225" "\f225" "\f225";
  color: var(--color-warning);
}
.product-cart-wrap .product-content-wrap .add-to-cart {
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 5px;
  background-color: #f5f5f5;
  text-align: center;
  display: block;
  color: var(--color-grey-1);
  font-size: 16px;
  position: absolute;
  bottom: 25px;
  right: 20px;
  font-weight: 300;
}
.product-cart-wrap .product-content-wrap .add-to-cart:hover {
  background-color: var(--color-brand);
  color: #fff;
}
.product-cart-wrap .product-content-wrap .add-to-cart img {
  width: 20px;
  display: inline-block;
  margin-top: 11px;
}
.product-cart-wrap .product-card-bottom {
  display: flex;
  justify-content: space-between;
}
.product-cart-wrap .product-card-bottom .add-cart {
  cursor: pointer;
}
.product-cart-wrap .product-card-bottom .add-cart .add {
  position: relative;
  display: inline-block;
  padding: 6px 20px 6px 20px;
  border-radius: 4px;
  background-color: rgba(var(--color-brand-rgb), 0.2);
  font-size: 14px;
  font-weight: 700;
}
.product-cart-wrap .product-card-bottom .add-cart .add:hover {
  background-color: var(--color-brand);
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}
.product-cart-wrap .product-stock .status-bar {
  background-color: #ededed;
  margin: 0px 0 10px;
  border-radius: 5px;
}
.product-cart-wrap .product-stock .status-bar .sold-bar {
  background-image: linear-gradient(235deg, var(--color-brand) 0%, #77ccfd 100%);
  border-radius: 4px;
  height: 8px;
}
.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-33 {
  width: 33.3333333333%;
}
.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-10 {
  width: 10%;
}
.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-40 {
  width: 40%;
}
.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-6 {
  width: 6.6666666667%;
}
.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-42 {
  width: 42.8571428571%;
}
.product-cart-wrap .product-stock .product-stock-status {
  display: flex;
  flex-wrap: wrap;
}
.product-cart-wrap .product-stock .product-stock-status .sold {
  flex-grow: 1;
  margin-right: 20px;
}
.product-cart-wrap .product-stock .product-stock-status .available {
  flex-shrink: 0;
}
.product-cart-wrap .product-stock .product-stock-status .stock-status-same-style span {
  font-size: 15px;
}
.product-cart-wrap .product-stock .product-stock-status .stock-status-same-style span.label {
  color: var(--color-heading);
}
.product-cart-wrap .product-stock .product-stock-status .stock-status-same-style span.value {
  font-weight: 700;
  color: #333;
}
.product-cart-wrap .progress {
  height: 5px;
}
.product-cart-wrap:hover .product-img-action-wrap .product-img a img.hover-img {
  opacity: 1;
  visibility: visible;
}
.product-cart-wrap:hover .product-img-action-wrap .product-action-1 {
  opacity: 1;
  visibility: visible;
}
.product-cart-wrap:hover .product-img-zoom a img {
  transform: scale3d(1.05, 1.05, 1.05) translateZ(0);
}
.product-cart-wrap.small {
  border: 0;
  text-align: center;
}
.product-cart-wrap.small .rating-result {
  justify-content: center;
}
.product-cart-wrap.small .product-content-wrap {
  padding: 5px 15px 0 15px;
}
.product-cart-wrap.small .product-price {
  padding-top: 0;
}
.product-cart-wrap.small:hover {
  box-shadow: none;
}
.product-cart-wrap.small h2 {
  border-bottom: 0;
  padding: 0;
  margin-bottom: 0;
}
.product-cart-wrap.small .product-badges span {
  font-size: 10px;
}
.product-cart-wrap.style-2 {
  border: 0;
  padding-bottom: 25px;
}
.product-cart-wrap.style-2:hover {
  border: 0;
  box-shadow: none;
}
.product-cart-wrap.style-2 .product-img-action-wrap {
  padding: 0;
  position: relative;
  z-index: 1;
  max-height: unset;
}
.product-cart-wrap.style-2 .product-img-action-wrap img {
  border-radius: 15px;
}
.product-cart-wrap.style-2 .product-content-wrap {
  position: relative;
  margin-top: -90px;
  z-index: 3;
  padding: 0;
  max-width: 86%;
  margin-left: auto;
  margin-right: auto;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.product-cart-wrap.style-2 .product-content-wrap .deals-content {
  margin: 0 auto;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  padding: 25px 30px;
}
.product-cart-wrap.style-2 .product-content-wrap .deals-countdown-wrap {
  position: absolute;
  top: -80px;
  width: 100%;
  text-align: center;
}
.product-cart-wrap.style-2:hover .product-content-wrap {
  transform: translateY(-5px);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}

.product-price {
  font-family: var(--font-heading), sans-serif;
}

.product-list-small article:not(:last-child) {
  margin-bottom: 20px;
}
.product-list-small h6 a {
  color: var(--color-heading);
}
.product-list-small h6 a:hover {
  color: var(--color-brand);
}
.product-list-small figure img {
  border-radius: 10px;
}
.product-list-small .product-price {
  color: var(--color-price);
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px;
}
.product-list-small .product-price span.old-price {
  font-size: 14px;
  color: var(--color-grey-4);
  margin: 0 0 0 7px;
  text-decoration: line-through;
}

.range .list-group-item {
  position: relative;
  display: block;
  padding: 0;
  background: none;
  border: 0;
}
.range .checkbox {
  font-size: 0.8em;
}
.range .price-filter {
  display: block;
  margin-top: 20px;
}
.range #slider-range, .range .slider-range {
  box-shadow: none;
  border: none;
  height: 4px;
  border-radius: 0px;
  background: var(--color-brand);
  color: var(--color-brand);
}
.range #slider-range .ui-slider-range, .range .slider-range .ui-slider-range {
  box-shadow: none;
  background: #222;
  border-radius: 0px;
  border: none;
}
.range .ui-slider-handle.ui-state-default.ui-corner-all {
  width: 14px;
  height: 14px;
  line-height: 10px;
  background: var(--color-brand);
  border: none;
  border-radius: 100%;
  top: -5px;
}
.range .label-input {
  margin-top: 15px;
}
.range .label-input span {
  margin-right: 5px;
  color: #282828;
}
.range .label-input input {
  border: none;
  margin: 0;
  height: unset;
  font-weight: 600;
  font-size: 14px;
  background: transparent;
  padding-left: 0;
}
.range .check-box-list {
  margin-top: 15px;
}
.range .check-box-list li {
  margin-bottom: 5px;
}
.range .check-box-list li:last-child {
  margin: 0;
}
.range .check-box-list li label {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  cursor: pointer;
}
.range .check-box-list li label input {
  display: inline-block;
  margin-right: 6px;
  position: relative;
  top: 1px;
}
.range .check-box-list .count {
  margin-left: 5px;
  color: #666;
}

.btn.btn-small {
  line-height: 1;
  padding: 10px 15px;
  min-width: unset;
  display: table;
  border-radius: 3px;
}

.product-sidebar .single-post {
  position: relative;
}
.product-sidebar .single-post:not(:last-child) {
  margin-bottom: 10px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
  padding-bottom: 10px;
}
.product-sidebar .single-post .content {
  padding-left: 95px;
}
.product-sidebar .single-post i {
  font-size: 12px;
}
.product-sidebar .image {
  height: 80px;
  width: 80px;
  float: left;
  margin-right: 10px;
  overflow: hidden;
}

.product-sidebar.custom .single-post:not(:last-child) {
  border-bottom: 1px solid var(--dso-hierarchy-grey-90, #E3E5E8);
}
.product-sidebar.custom .single-post .content {
  padding-left: 160px;
}
.product-sidebar.custom .single-post .content h5 {
  height: 48px;
}
.product-sidebar.custom .single-post .content .product-price {
  padding-top: 5px;
}
.product-sidebar.custom .single-post .content .product-price span {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  color: var(--color-price);
}
.product-sidebar.custom .single-post .content .product-price span.old-price {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: var(--color-grey-4);
  margin: 0 0 0 4px;
  text-decoration: line-through;
}
.product-sidebar.custom .image {
  height: 150px;
  width: 150px;
  float: left;
  margin-right: 10px;
  overflow: hidden;
}
.product-sidebar.custom .supplier-infor {
  display: flex;
  align-items: center;
  justify-content: left;
}
.product-sidebar.custom .supplier-infor img {
  height: 80px;
  width: 80px;
  margin-right: 10px;
  max-width: 80px;
}

.shop-product-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 30px;
}
.shop-product-filter.style-2 {
  padding-bottom: 20px;
  border-bottom: 1px solid #E3E5E8;
}
.shop-product-filter .sort-by-product-area {
  position: relative;
  display: flex;
}
.shop-product-filter .sort-by-product-area .sort-by-cover {
  position: relative;
}
.shop-product-filter .sort-by-product-area .sort-by-product-wrap {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #f7f8f9;
  color: #777;
  padding: 9px 16px;
  border-radius: 10px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  border: 1px solid #E3E5E8;
}
.shop-product-filter .sort-by-product-area .sort-by-product-wrap:hover {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}
.shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by {
  margin-right: 5px;
}
.shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by i {
  margin-right: 10px;
  font-size: 14px;
  color: #ababab;
  position: relative;
  top: 2px;
}
.shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by span {
  font-size: 13px;
  font-weight: 500;
}
.shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by-dropdown-wrap span {
  font-size: 13px;
  font-weight: 500;
  color: var(--color-text);
}
.shop-product-filter .sort-by-product-area .sort-by-product-wrap .sort-by-dropdown-wrap span i {
  font-size: 15px;
  color: var(--color-text);
  margin-left: 10px;
  position: relative;
  top: 2px;
}

.sort-by-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99;
  right: 0;
  padding: 16px 0 21px;
  background: #fff;
  border: 0;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  min-width: 100%;
  box-shadow: 0 -3px 23px rgba(0, 0, 0, 0.06);
  color: var(--color-text);
  font-weight: 500;
}
.sort-by-dropdown.show {
  opacity: 1;
  visibility: visible;
}
.sort-by-dropdown ul li {
  display: block;
}
.sort-by-dropdown ul li a {
  font-weight: 500;
  font-size: 13px;
  padding: 5px 30px;
  display: block;
  position: relative;
  color: var(--color-text);
}
.sort-by-dropdown ul li a.active::before {
  content: "\f143";
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 12px;
  color: var(--color-brand);
  font-family: "uicons-regular-straight" !important;
  font-weight: 900;
}
.sort-by-dropdown ul li a.active:hover::before {
  color: #fff;
}
.sort-by-dropdown ul li a:hover {
  background-color: var(--color-brand);
  color: #ffffff;
}

/*Product list*/
.product-list {
  position: relative;
}
.product-list .product-cart-wrap {
  border: 0;
  border-radius: 0;
  overflow: unset;
  display: flex;
  align-content: center;
  align-items: center;
}
.product-list .product-cart-wrap:not(:last-child) {
  margin-bottom: 30px;
}
.product-list .product-cart-wrap:hover {
  box-shadow: none;
}
.product-list .product-cart-wrap:hover .product-img {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}
.product-list .product-cart-wrap .product-badges.product-badges-position {
  left: 0;
  top: 0;
}
.product-list .product-cart-wrap .product-img-action-wrap {
  max-width: 28%;
  position: relative;
  padding: 0;
  max-height: unset;
}
.product-list .product-cart-wrap .product-img-action-wrap .product-img {
  border: 1px solid #E3E5E8;
  border-radius: 15px;
}
.product-list .product-cart-wrap .product-img-action-wrap .product-img .product-img-inner {
  overflow: hidden;
  padding: 10px;
}
.product-list .product-cart-wrap .product-img-action-wrap .product-img .product-img-inner a img {
  height: auto;
}
.product-list .product-cart-wrap h2 {
  font-size: 32px;
}
.product-list .product-cart-wrap .product-content-wrap .product-category a {
  font-size: 16px;
  margin-top: 15px;
  display: block;
}
.product-list .product-cart-wrap .product-content-wrap .product-price span {
  font-size: 32px;
}
.product-list .product-cart-wrap .product-content-wrap .product-price span.old-price {
  font-size: 20px;
}
.product-list .product-cart-wrap .product-content-wrap .product-action-1 {
  display: flex;
  justify-content: space-between;
  position: relative;
  bottom: unset;
  padding: 0 20px;
  margin-top: 20px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}
.product-list .product-cart-wrap .product-content-wrap .product-action-1 a.action-btn {
  border: none;
  width: auto;
  border-radius: 50px;
  background-color: var(--color-brand);
  color: #fff;
  text-align: center;
  margin-right: 0;
  position: relative;
  display: inline-block;
  padding: 0px 23px;
  height: 44px;
  font-weight: 500;
}
.product-list .product-cart-wrap .product-content-wrap .product-action-1 a.action-btn i {
  margin-right: 8px;
  color: #fff;
}

/*PRODUCT DETAILS*/
.detail-gallery {
  position: relative;
  padding: 5vw;
}
.detail-gallery .zoom-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  font-size: 22px;
  opacity: 0.6;
}

.slider-nav-thumbnails .slick-list {
  margin: 0 -10px;
}
.slider-nav-thumbnails .slick-slide {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.slider-nav-thumbnails .slick-slide img {
  border-radius: 17px;
}
.slider-nav-thumbnails .slick-slide.slick-current::before {
  border-bottom: 5px solid #333;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  top: -6px;
  width: 0;
}
.slider-nav-thumbnails .slick-slide.slick-current img {
  border: 2px solid #a2d2c9;
}
.slider-nav-thumbnails div.slick-slide {
  margin: 0 10px;
}
.slider-nav-thumbnails button {
  opacity: 0;
}
.slider-nav-thumbnails button.slick-arrow {
  margin: 0;
  border: 0;
  background: #F2F3F4;
  border-radius: 40px;
  width: 40px;
  height: 40px;
  line-height: 44px;
  font-size: 24px;
  z-index: 9;
  color: var(--color-text);
}
.slider-nav-thumbnails button.slick-arrow:hover {
  color: #fff;
  background-color: var(--color-brand);
}
.slider-nav-thumbnails button.slick-arrow.slick-prev {
  left: -20px;
}
.slider-nav-thumbnails button.slick-arrow.slick-next {
  right: -20px;
}
.slider-nav-thumbnails:hover button {
  opacity: 1;
}

.slider-nav-thumbnails .slick-prev,
.slider-nav-thumbnails .slick-next {
  font-size: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.product-rate {
  background-image: url("../imgs/theme/rating-stars.png");
  background-position: 0 -12px;
  background-repeat: repeat-x;
  height: 12px;
  width: 60px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}

.product-rating {
  height: 12px;
  background-repeat: repeat-x;
  background-image: url("../imgs/theme/rating-stars.png");
  background-position: 0 0;
}

.product-rate-20 {
  background-image: url("../imgs/theme/rating-stars-20.png");
  background-position: 0 -20px;
  background-repeat: no-repeat;
  width: 132px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}

.product-rating-20 {
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("../imgs/theme/rating-stars-20.png");
  background-position: 0 0;
}

.product-rate-small {
  background-image: url("../imgs/theme/rating-stars-small.png");
  background-position: 0 -16px;
  background-repeat: no-repeat;
  height: 16px;
  width: 96px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}

.product-rating-small {
  height: 16px;
  background-repeat: no-repeat;
  background-image: url("../imgs/theme/rating-stars-small.png");
  background-position: 0 0;
}

.list-filter {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-filter li {
  display: inline-block;
}
.list-filter li a {
  color: #555;
  display: block;
  min-width: 30px;
  text-align: center;
  position: relative;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}

.color-filter.list-filter a span {
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 40px;
}
.color-filter.list-filter a span.product-color-white {
  border: 1px solid #ddd;
}
.color-filter.list-filter li.active a::before {
  content: "";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  position: absolute;
  right: 3px;
  top: -3px;
  background: #4cd964;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
}

.size-filter.list-filter a {
  border-radius: 5px;
  padding: 0 9px;
  background: #fff;
}
.size-filter.list-filter li a {
  color: var(--color-text);
  height: 32px;
  line-height: 32px;
  min-width: 40px;
  text-align: center;
}

.size-filter.list-filter li a:hover,
.size-filter.list-filter li.active a {
  color: #fff;
  background-color: var(--color-brand);
  border-color: var(--color-brand);
}

.detail-qty:not(.detail-qty-custom) {
  max-width: 80px;
  padding: 9px 20px;
  position: relative;
  width: 100%;
  border-radius: 5px;
}
.detail-qty:not(.detail-qty-custom) > a {
  font-size: 16px;
  position: absolute;
  right: 8px;
  color: var(--color-brand);
}
.detail-qty:not(.detail-qty-custom) > a:hover {
  color: var(--color-brand-dark);
}
.detail-qty:not(.detail-qty-custom) > a.qty-up {
  top: 0;
}
.detail-qty:not(.detail-qty-custom) > a.qty-down {
  bottom: -4px;
}

.attr-detail .select-box select {
  height: 40px;
  width: 100%;
}
.attr-detail.attr-brand {
  margin-top: 23px;
}
.attr-detail.attr-brand .select-box {
  display: block;
  margin-bottom: 20px;
}
.attr-detail.attr-color table {
  margin-bottom: 15px;
}

.detail-extralink > div {
  display: flex;
  vertical-align: top;
}
.detail-extralink .detail-qty:not(.detail-qty-custom) {
  margin: 0 6px 15px 0;
  background: #fff;
  border: 2px solid var(--color-brand) !important;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-brand);
  border-radius: 5px;
  padding: 11px 20px 11px 30px;
  max-width: 130px;
}

.stock-status {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 5px;
  margin-bottom: 20px;
  font-family: var(--font-heading), sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.stock-status.in-stock {
  background: #DEF9EC;
  color: var(--color-brand);
}
.stock-status.out-stock {
  color: #f74b81;
  background: #fde0e9;
}

.detail-info .product-price-cover {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detail-info .product-price-cover .product-price {
  line-height: 1;
}
.detail-info .product-price {
  display: flex;
  align-items: center;
}
.detail-info .product-price .current-price {
  font-size: 58px;
  text-decoration: none;
  font-weight: 900;
}
.detail-info .product-price .old-price {
  text-decoration: line-through;
  color: var(--color-muted);
  margin-left: 20px;
  font-size: 28px;
  font-weight: 700;
  display: block;
}
.detail-info .product-price .save-price {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
  color: var(--color-brand-2);
}
.detail-info .product-meta {
  border-top: 1px solid #E3E5E8;
  padding-top: 15px;
}

.button.button-add-to-cart {
  padding: 8px 40px;
}

.product-extra-link2 a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f1f1f1;
  color: #333;
  border-radius: 5px;
  display: inline-block;
  height: 50px;
  line-height: 55px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 50px;
  margin: 0 5px;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.product-extra-link2 a:hover {
  color: var(--color-brand);
  border-color: var(--color-brand);
}
.product-extra-link2 a:hover i {
  opacity: 1;
}
.product-extra-link2 a i {
  font-size: 18px;
  opacity: 0.6;
}
.product-extra-link2 .button.button-add-to-cart {
  position: relative;
  padding: 0 20px;
  border-radius: 5px;
  border: 0;
  height: 50px;
  line-height: 50px;
  font-weight: 700;
  font-size: 16px;
  font-family: var(--font-heading), sans-serif;
}
.product-extra-link2 .button.button-add-to-cart i {
  margin-right: 10px;
}
.product-extra-link2 .button.button-add-to-cart-custom {
  border-radius: 10px;
  background: #EC971F;
  color: white;
  border: 1px solid var(--dso-hierarchy-grey-90, #E3E5E8);
}
.product-extra-link2 .button.button-add-to-cart-custom:hover {
  color: white;
}

.product-info {
  border: 1px solid #E3E5E8;
  border-radius: 15px;
  padding: 40px 50px;
}
.product-info.custom {
  padding: 1rem;
  border-radius: 5px;
}
.product-info .title {
  font-weight: bold;
}

.tab-style3 .nav-tabs .nav-item a.active, .tab-style3 .nav-tabs .nav-item a:hover {
  color: var(--color-brand);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}
.tab-style3 .nav-tabs li.nav-item a {
  display: block;
  padding: 13px 8px !important;
  text-align: center;
  font-weight: 700;
  font-family: var(--font-heading), sans-serif;
  text-transform: none;
  font-size: 17px;
  border-radius: 30px;
  border: 1px solid #E3E5E8;
  background: #fff;
  color: var(--color-text);
}

.tab-content.shop_info_tab {
  margin-top: 40px;
}

.tab-pane .comments-area {
  padding-top: 0;
  border: 0;
}

.product-color-red {
  background: #ff596d;
}
.product-color-yellow {
  background: #ffdb33;
}
.product-color-white {
  background: #ffffff;
}
.product-color-orange {
  background: #ffbb51;
}
.product-color-cyan {
  background: #80e6ff;
}
.product-color-green {
  background: #38cf46;
}
.product-color-purple {
  background: #ff8ff8;
}

.detail-gallery .product-image-slider {
  background-color: transparent;
  margin-bottom: 30px;
  border-radius: 15px;
  border: 1px solid #E3E5E8;
  overflow: hidden;
}
.detail-gallery .product-image-slider img {
  opacity: 1;
  border-radius: 16px;
}
.detail-gallery .product-image-slider.slider-nav-thumbnails {
  background: none;
  border-radius: 0;
}
.detail-gallery .product-image-slider button.slick-arrow {
  background: none;
  border: 0;
  padding: 0;
  font-size: 14px;
}
.detail-gallery .product-image-slider button.slick-arrow i {
  color: var(--color-grey-4);
}

.mail-to-friend {
  color: var(--color-grey-4);
  font-size: 12px;
}
.mail-to-friend i {
  margin-right: 5px;
}

.attr-color, .attr-size {
  display: flex;
  align-items: center;
}

.product-detail-rating {
  display: flex;
  align-items: center;
  padding: 15px 0;
  justify-content: space-between;
}

.product-detail .section-title.style-1 {
  font-size: 22px;
}

.product-more-infor {
  padding: 0 0 0px 14px;
}
.product-more-infor li {
  display: flex;
  margin: 0 0 10px;
  position: relative;
}
.product-more-infor li ::before {
  position: absolute;
  left: -14px;
  top: 9px;
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: #9b9b9b;
}
.product-more-infor li span {
  flex: 0 0 165px;
  display: inline-block;
}
.product-more-infor li:last-child {
  margin: 0 0 0;
}

.progress + .progress {
  margin-top: 1rem;
}
.progress span {
  line-height: 16px;
  background: #fff;
  padding-right: 10px;
  width: 45px;
}

.progress-bar {
  background-color: var(--color-brand);
}

.shop-filter-toggle {
  margin-bottom: 20px;
  display: inline-flex;
  align-items: center;
  position: relative;
  border-radius: 30px;
  border: 1px solid #E3E5E8;
  font-size: 17px;
  font-weight: 700;
  font-family: var(--font-heading), sans-serif;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  padding: 10px 20px;
}
.shop-filter-toggle i {
  margin-left: 5px;
  color: var(--color-muted);
}
.shop-filter-toggle i.angle-up {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.shop-filter-toggle .fi-rs-filter {
  font-size: 14px;
  color: var(--color-muted);
}
.shop-filter-toggle.active i.angle-up {
  opacity: 1;
  visibility: visible;
  display: inline-block;
}
.shop-filter-toggle.active i.angle-down {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.shop-product-filter-header .card {
  border: 1px solid #E3E5E8;
  border-radius: 20px;
  margin-bottom: 50px;
  padding: 30px 40px;
  box-shadow: 20px 20px 54px rgba(0, 0, 0, 0.03);
}
.shop-product-filter-header .categor-list li {
  font-size: 12px;
}
.shop-product-filter-header .categor-list li + li {
  border-top: 1px solid #f7f8f9;
  padding-top: 5px;
  margin-top: 5px;
}
.shop-product-filter-header .categor-list li a {
  font-size: 14px;
  color: var(--color-text);
  margin-right: 10px;
}
.shop-product-filter-header .categor-list li a:hover {
  color: var(--color-brand);
}
.shop-product-filter-header .color-filter {
  border-bottom: 1px solid #E3E5E8;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.shop-product-filter-header .product-rate-cover + .product-rate-cover {
  margin-top: 15px;
}

.shopping-summery table > :not(caption) > * > * {
  padding: 15px 0;
}
.shopping-summery table td, .shopping-summery table th, .shopping-summery table thead {
  border: 0;
}
.shopping-summery table thead th {
  background-color: #E3E5E8;
  padding: 18px 0;
  font-family: var(--font-heading), sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--color-heading);
}
.shopping-summery table thead th.start {
  border-radius: 8px 0 0 8px;
}
.shopping-summery table thead th.end {
  border-radius: 0 8px 8px 0;
}
.shopping-summery table tbody tr img {
  max-width: 88px;
  border: 1px solid #E3E5E8;
  border-radius: 15px;
}

table.no-border td, table.no-border th, table.no-border thead {
  border: 0;
}

.shipping_calculator .custom_select .select2-container {
  max-width: unset;
}
.shipping_calculator .custom_select .select2-container--default .select2-selection--single {
  border-radius: 10px;
  height: 64px;
  line-height: 64px;
}
.shipping_calculator .custom_select .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 64px;
}
.shipping_calculator .custom_select .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}
.shipping_calculator .w-100 .select2-container {
  max-width: unset;
  min-width: 445.5px;
}

.cart-totals {
  border-radius: 15px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  padding: 30px 40px;
}

.order_review {
  border: 1px solid #E3E5E8;
  padding: 30px;
  border-radius: 10px;
}

.toggle_info {
  padding: 12px 20px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #E3E5E8;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.login_form .panel-body, .coupon_form .panel-body {
  border: 1px solid #E3E5E8;
  padding: 30px;
  margin-top: 30px;
  border-radius: 10px;
}

.payment_option .custome-radio {
  margin-bottom: 10px;
}

.payment_option .custome-radio .form-check-label {
  color: #292b2c;
  font-weight: 600;
}

.custome-radio .form-check-label::before {
  content: "";
  border: 1px solid #908f8f;
  height: 16px;
  width: 16px;
  display: inline-block;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 8px;
}

.custome-radio input[type=radio] + .form-check-label::after {
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 100%;
  position: absolute;
  top: 8.5px;
  left: 3px;
  opacity: 0;
}

.custome-radio input[type=radio]:checked + .form-check-label::after {
  opacity: 1;
  background-color: var(--color-brand);
}

.related-products .product-img-action-wrap {
  padding: 0;
  margin-bottom: 15px;
}

.col-lg-4-5 .product-cart-wrap .product-action-1 a.action-btn {
  width: 35px;
}
.col-lg-4-5 .countdown-section .countdown-amount {
  width: 38px;
}

.zoomWindow {
  border-radius: 15px;
  overflow: hidden;
}

.table-wishlist {
  border: 0;
}

.apply-coupon {
  display: flex;
}
.apply-coupon input {
  height: 51px;
  border-radius: 10px 0 0 10px;
  background-image: url("../imgs/theme/icons/coupon.png");
  background-position: 20px center;
  background-repeat: no-repeat;
  padding-left: 50px;
}
.apply-coupon button {
  min-width: 150px;
  height: 51px;
  border-radius: 0 10px 10px 0;
  background-color: var(--color-heading);
}
.apply-coupon button:hover {
  background-color: var(--color-brand);
}

.order_table table .product-thumbnail img {
  max-width: 120px;
  border-radius: 15px;
  border: 1px solid #E3E5E8;
  padding: 5px;
}
.order_table table .w-160 {
  max-width: 160px;
}

.table.table-compare {
  border-radius: 15px;
}
.table.table-compare > :not(caption) > * > * {
  padding: 30px 0;
}

.mw-200 {
  min-width: 200px;
}

.detail-extralink-cart > div {
  display: flex;
  vertical-align: top;
}
.detail-extralink-cart .detail-qty-cart {
  padding: 11px 20px 11px 0px;
  background: #fff;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-brand);
  border-radius: 5px;
  max-width: 140px;
}
.detail-extralink-cart .detail-qty-cart > a {
  font-size: 16px;
  color: var(--color-brand);
}
.detail-extralink-cart .detail-qty-cart > a:hover {
  color: var(--color-brand-dark);
}
.detail-extralink-cart .detail-qty-cart > a.qty-up-cart {
  left: 50px;
}
.detail-extralink-cart .detail-qty-cart > a.qty-down-cart {
  right: 80px;
}
.detail-extralink-cart .detail-qty-cart > a.qty-down-cart, .detail-extralink-cart .detail-qty-cart > a.qty-up-cart {
  background-color: #8BCD41;
  border: 2px solid #8BCD41;
  border-radius: 3px;
  color: #ffffff;
  width: 45px;
  position: unset;
}
.detail-extralink-cart .detail-qty-cart > a.qty-down-cart i, .detail-extralink-cart .detail-qty-cart > a.qty-up-cart i {
  padding: 10px;
}

/*------------------------------------------------------------------------------*/
/* PRODUCT GRID CUSTOM */
/*------------------------------------------------------------------------------*/
.product-grid-custom {
  margin-bottom: 16px;
}

.product-grid-custom {
  display: flex;
  display: -ms-flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-right: -8px;
  margin-left: -8px;
  justify-content: center;
}
.product-grid-custom .product-item-loop {
  flex: 0 0 50%;
  max-width: 50%;
}

.product-item-loop {
  padding: 0 4px;
  margin-bottom: 16px;
  outline: none;
}

@media (min-width: 992px) {
  .product-grid-custom .product-item-loop {
    flex: 0 0 14.2857142857%;
  }
}
/*BLOG*/
.archive-header {
  background: url(../imgs/blog/header-bg.png) no-repeat center center;
  border-radius: 20px;
  padding: 70px 80px;
  background-size: cover;
}

.tags-list li {
  display: inline-block;
  margin: 0 15px 0 0;
}
.tags-list li a {
  background-color: #fff;
  display: inline-block;
  border-radius: 30px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  padding: 10px 20px;
  border: 1px solid #E3E5E8;
  font-family: var(--font-heading), sans-serif;
  font-size: 17px;
  font-weight: 700;
}
.tags-list li a i {
  color: var(--color-muted);
  font-size: 10px;
}
.tags-list li.active a {
  color: var(--color-heading);
}

.post-list article:not(:last-child) {
  margin-bottom: 20px;
}
.post-list .post-thumb {
  max-width: 221px;
  overflow: hidden;
}
.post-list .post-thumb a {
  margin-bottom: 0;
}
.post-list .post-title {
  font-weight: 500;
}
.post-list .post-title a {
  color: var(--color-grey-1);
}

.single-content {
  text-rendering: optimizeLegibility;
  color: var(--color-heading);
  font-size: 17px;
}
.single-content h1 {
  font-size: 56px;
  line-height: 72px;
  margin-bottom: 32px;
}
.single-content h2 {
  font-size: 48px;
  line-height: 64px;
  margin-bottom: 30px;
}
.single-content h3 {
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 28px;
}
.single-content h4 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 26px;
}
.single-content h5 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 24px;
}
.single-content h6 {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.single-content p {
  margin-bottom: 1.2em;
  font-weight: 400;
}
.single-content ul {
  list-style: circle;
  padding-left: 1rem;
  font-size: 1rem;
}
.single-content ul li {
  position: relative;
  margin-bottom: 7px;
}
.single-content ol li {
  font-size: 1rem;
}
.single-content .single-excerpt {
  font-size: 24px;
  line-height: 32px;
}
.single-content p {
  color: var(--color-heading);
  font-size: 17px;
}
.single-content blockquote {
  background-color: #F4F6FA;
  padding: 40px 60px;
  border-radius: 15px;
  margin: 30px auto;
  font-size: 24px;
  max-width: 80%;
}
.single-content blockquote p {
  font-size: 24px;
  line-height: 32px;
  color: var(--color-text);
  margin-bottom: 0;
}

.single-header {
  margin-bottom: 30px;
}
.single-header .entry-meta.meta-1 {
  display: flex;
  align-content: center;
  align-self: center;
  align-items: center;
}
.single-header .single-header-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.single-header .single-header-meta .social-icons ul {
  margin-top: 15px;
}

.single-thumbnail {
  margin-bottom: 30px;
}
.single-thumbnail img {
  border-radius: 15px;
  overflow: hidden;
}

.entry-bottom {
  border-top: 1px solid #E3E5E8;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.entry-bottom .social-icons ul {
  margin-top: 15px;
}
.entry-bottom .social-icons ul img {
  width: 20px;
  opacity: 0.6;
}

.author-bio {
  border-radius: 15px;
  border: 1px solid #E3E5E8;
}
.author-bio .author-image {
  display: flex;
  align-content: center;
  align-items: center;
}
.author-bio .author-image img {
  margin-right: 10px;
}
.author-bio .author-image p {
  font-size: 14px;
}

/*Entry meta*/
.entry-meta {
  line-height: 1;
}
.entry-meta.meta-2 .author-img img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.entry-meta.meta-2 .author-name {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  margin-top: 5px;
}
.entry-meta.meta-2 a.btn {
  display: flex;
  align-items: center;
  align-self: center;
}
.entry-meta .author-add {
  font-size: 12px;
}
.entry-meta.meta-1 span {
  margin-right: 10px;
}
.entry-meta.meta-1 a.text-brand {
  display: flex;
  align-items: center;
}
.entry-meta.meta-1 a.text-brand i {
  margin-left: 5px;
}
.entry-meta.meta-0 span {
  padding: 4px 10px 4px 19px;
  font-size: 11px;
  letter-spacing: 0.8px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 30px;
  position: relative;
  margin-left: -5px;
}
.entry-meta.meta-0 span::before {
  content: "";
  width: 6px;
  height: 6px;
  background: none;
  margin-right: 3px;
  border-radius: 5px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -3px;
  border: 1px solid var(--color-brand);
}
.entry-meta .author-avatar img {
  max-width: 30px;
  margin-right: 5px;
}

span.has-dot {
  position: relative;
  padding-left: 10px;
}
span.has-dot::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #d2d2d2;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  display: block;
  left: -2px;
}

h6.post-title {
  font-size: 14px;
}

.post-title a {
  color: var(--color-grey-1);
}
.post-title a:hover {
  color: var(--color-brand);
}

.post-thumb {
  overflow: hidden;
  position: relative;
}
.post-thumb.border-radius-5 img {
  border-radius: 5px;
}
.post-thumb a {
  line-height: 1;
}
.post-thumb .entry-meta {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}
.post-thumb .entry-meta a {
  display: inline-block;
  color: #fff !important;
  background-color: var(--color-brand-2);
  border-radius: 4px;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 35px;
}

/*Loop Grid*/
.loop-grid {
  position: relative;
}
.loop-grid article {
  position: relative;
  background: #fff;
  overflow: hidden;
}
.loop-grid .entry-content {
  padding: 30px;
}
.loop-grid .entry-content-2 {
  padding: 20px 20px;
}
.loop-grid.loop-list {
  position: relative;
}
.loop-grid.loop-list article {
  display: flex;
  align-items: center;
  border: 1px solid #E3E5E8;
  border-radius: 15px;
}
.loop-grid.loop-list article:not(:last-child) {
  margin-bottom: 30px;
}
.loop-grid.loop-list article .post-thumb {
  min-height: 366px;
  min-width: 438px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}

.img-hover-slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 280px;
  overflow: hidden;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}

.top-right-icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  z-index: 3;
  color: #fff;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition-duration: 0.4s;
  -ms-transition: all 0.4s ease;
}

.top-left-icon {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
  display: inline-block;
  color: #fff !important;
  background-color: var(--color-brand-2);
  border-radius: 4px;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 35px;
}

.entry-meta.meta-1, .entry-meta.meta-2 {
  display: flex;
  justify-content: space-between;
}
.entry-meta a.read-more {
  font-size: 12px;
  border-radius: 30px;
  border: 1px solid #abd7ab;
  padding: 10px 15px;
  color: #98ca98;
  font-weight: 600;
  display: inline-block;
}

.vendor-wrap {
  position: relative;
  background-color: #fff;
  border: 1px solid #E3E5E8;
  border-radius: 15px;
  overflow: hidden;
  transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
}
.vendor-wrap:hover {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
  transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
}
.vendor-wrap .vendor-img-action-wrap {
  padding: 25px 25px 0 25px;
}
.vendor-wrap .vendor-img-action-wrap img {
  max-width: 144px;
}
.vendor-wrap .vendor-content-wrap {
  padding: 20px 20px 30px 20px;
}
.vendor-wrap .vendor-content-wrap h4 a {
  color: var(--color-heading);
}
.vendor-wrap .vendor-content-wrap h4 a:hover {
  color: var(--color-brand);
}
.vendor-wrap .vendor-content-wrap .total-product {
  position: relative;
  display: inline-block;
  padding: 6px 20px 6px 20px;
  border-radius: 4px;
  background-color: #DEF9EC;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-brand);
  min-width: 123px;
}
.vendor-wrap .product-badges.product-badges-position {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 9;
}
.vendor-wrap .product-badges.product-badges-position span {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  border-radius: 0px 10px 0 20px;
  color: #fff;
  padding: 9px 20px 10px 20px;
  background-color: var(--color-brand);
}
.vendor-wrap .product-badges.product-badges-position span.hot {
  background-color: #f74b81;
}
.vendor-wrap .product-badges.product-badges-position span.new {
  background-color: var(--color-brand);
}
.vendor-wrap .product-badges.product-badges-position span.sale {
  background-color: #67bcee;
}
.vendor-wrap .product-badges.product-badges-position span.best {
  background-color: #f59758;
}
.vendor-wrap.style-2 {
  display: flex;
}
.vendor-wrap.style-2 .vendor-img-action-wrap {
  position: relative;
  padding: 20px;
}
.vendor-wrap.style-2 .vendor-img-action-wrap .total-product {
  position: relative;
  display: inline-block;
  padding: 6px 20px 6px 20px;
  border-radius: 4px;
  background-color: #DEF9EC;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-brand);
  min-width: 123px;
}
.vendor-wrap.style-2 .vendor-info .btn {
  min-width: 105px;
  padding: 8px 10px 8px 13px;
}

.archive-header-2 .search-form input {
  border-radius: 30px;
  padding-left: 30px;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
}

.archive-header-3 {
  position: relative;
  border-radius: 20px;
  padding: 50px;
}
.archive-header-3 .archive-header-3-inner {
  display: flex;
}

/*LAYOUT -> HEADER STYLE*/
/*Header default*/
.header-top-ptb-1 {
  padding: 7px 0;
  font-size: 13px;
  line-height: 1;
}
.header-top-ptb-1 #news-flash {
  min-width: 400px;
  font-size: 14px;
  line-height: 10px;
  font-weight: 600;
}
.header-top-ptb-1 #news-flash li {
  min-height: 14px;
}
.header-top-ptb-1 #news-flash i {
  line-height: 6px;
  margin-right: 5px;
}

.header-info-right {
  display: flex;
  justify-content: flex-end;
}

.header-info > ul {
  display: flex;
}
.header-info > ul > li {
  margin-right: 0.5rem;
  position: relative;
  display: flex;
  align-items: center;
}
.header-info > ul > li:last-child {
  margin-right: 0;
  padding-right: 0 !important;
}
.header-info > ul > li:last-child:before {
  display: none;
}
.header-info > ul > li a {
  color: var(--color-text);
  font-weight: 500;
}
.header-info > ul > li a i {
  font-size: 12px;
  margin-right: 5px;
}
.header-info > ul > li a.language-dropdown-active i.fa-chevron-down {
  font-size: 8px;
  margin-left: 5px;
}
.header-info > ul > li > ul.language-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  min-width: 120px;
  background: #fff;
  border-radius: 0 0 4px 4px;
  transform: translateY(20px);
  visibility: hidden;
  opacity: 0;
  padding: 10px 15px;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid #E3E5E8;
}
.header-info > ul > li > ul li {
  display: block;
}
.header-info > ul > li > ul li a {
  display: block;
  color: #696969;
  padding: 5px;
}
.header-info > ul > li > ul li a:hover {
  color: var(--color-brand);
  background-color: none;
}
.header-info > ul > li > ul li a img {
  max-width: 19px;
  display: inline-block;
}
.header-info > ul > li:hover > a {
  color: #333;
}
.header-info > ul > li:hover > ul.language-dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  top: 1rem;
}
.header-info i {
  font-size: 12px;
  margin-right: 5px;
  line-height: 6px;
}

.header-wrap {
  display: flex;
  align-items: center;
}
.header-wrap .header-nav {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin-top: 0.71rem;
  margin-bottom: 0.71rem;
}
.header-wrap.header-space-between {
  justify-content: space-between;
}
.header-wrap .header-right {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo a {
  display: block;
}
.logo.logo-width-1 {
  margin-right: 13px;
}
.logo.logo-width-1 a img {
  height: 52px;
}

.search-style-1 form {
  width: 370px;
  position: relative;
}
.search-style-1 form input {
  font-size: 16px;
  height: 48px;
  color: var(--color-heading);
  border-radius: 26px;
  padding: 3px 50px 3px 20px;
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.header-action .header-action-icon.header-action-mrg-none2 {
  margin-right: 0px;
}
.header-action .header-action-icon:last-child {
  margin-right: 0;
}
.header-action .header-action-icon > a span.pro-count {
  position: absolute;
  right: -5px;
  bottom: -4px;
  color: #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}

.header-action-2 {
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .header-action-2 .header-action-icon-2 {
    margin-right: 2rem;
  }
}
.header-action-2 .header-action-icon-2 span.lable {
  font-size: 16px;
  margin: 5px 0 0 10px;
}
.header-action-2 .header-action-icon-2:last-child {
  padding: 0 0px 0 0px;
  margin-right: 0;
}
.header-action-2 .header-action-icon-2 > div > a {
  font-size: 30px;
  color: #333;
  line-height: 1;
  display: inline-block;
  position: relative;
}
.header-action-2 .header-action-icon-2 > div > a img {
  width: 100%;
  max-width: 2.8125rem;
}
.header-action-2 .header-action-icon-2 > div > a span {
  font-size: 14px;
  color: var(--color-body);
}
.header-action-2 .header-action-icon-2 > a {
  font-size: 30px;
  color: #333;
  line-height: 1;
  display: inline-block;
  position: relative;
}
.header-action-2 .header-action-icon-2 > a img {
  width: 100%;
  max-width: 40px;
}
.header-action-2 .header-action-icon-2 > a span {
  font-size: 14px;
  color: var(--color-body);
}
.header-action-2 .header-action-icon-2 > a span.pro-count {
  position: absolute;
  right: -11px;
  top: -5px;
  color: #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}

.cart-dropdown-wrap ul li {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 20px;
}
.cart-dropdown-wrap ul li .shopping-cart-img a {
  display: block;
}

.header-height-2 {
  border-bottom: 1px solid #E3E5E8;
}

.header-height-3 {
  min-height: 132px;
}

.header-height-4 {
  min-height: 120px;
}

.search-popup-wrap.search-visible {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

.mobile-header-wrapper-style.sidebar-visible {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a {
  display: block;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav {
  height: 100%;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .main-categories-wrap a i {
  margin-right: 15px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .main-categories-wrap .categories-dropdown-active-small {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}

.header-action-right .search-location {
  display: none;
}

.search-style-1 {
  margin-right: 28px;
}
.search-style-1 form input::-moz-input-placeholder {
  color: var(--color-heading);
  opacity: 1;
}
.search-style-1 form input::-webkit-input-placeholder {
  color: var(--color-heading);
  opacity: 1;
}
.search-style-1 form input:focus {
  border: 1px solid var(--color-brand);
  background-color: #ffffff;
}
.search-style-1 form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border: none;
  font-size: 19px;
  height: 100%;
  padding: 0 15px;
  background-color: transparent;
  color: var(--color-brand);
}
.search-style-1 form button:hover {
  color: var(--color-primary);
}

.header-action {
  display: flex;
  align-items: center;
}
.header-action .header-action-icon {
  margin-right: 28px;
  position: relative;
  display: flex;
}
.header-action .header-action-icon.header-action-mrg-none {
  margin-right: 13px;
}
.header-action .header-action-icon > a {
  font-size: 24px;
  color: #333;
  line-height: 1;
  display: inline-block;
  position: relative;
}
.header-action .header-action-icon > a span.pro-count.blue {
  background-color: var(--color-brand);
}
.header-action .header-action-icon:hover > a {
  color: var(--color-brand);
}
.header-action .header-action-icon:hover .cart-dropdown-wrap {
  opacity: 1;
  visibility: visible;
  top: calc(100% + 10px);
}
.header-action.header-action-hm3 .header-action-icon.header-action-mrg-none2 {
  margin-right: 0;
}
.header-action.header-action-hm3 .header-action-icon:last-child {
  margin-right: 0;
}

.header-action-2 .header-action-icon-2 {
  position: relative;
  display: flex;
  padding: 0 10px;
}
.header-action-2 .header-action-icon-2 > a svg {
  width: 1em;
  height: 1em;
}
.header-action-2 .header-action-icon-2 > a span.pro-count.blue {
  background-color: var(--color-brand);
}
.header-action-2 .header-action-icon-2:hover > a {
  color: var(--color-brand);
  fill: var(--color-brand);
}
.header-action-2 .header-action-icon-2:hover .cart-dropdown-wrap {
  opacity: 1;
  visibility: visible;
  top: calc(100% + 10px);
}

.header-middle-ptb-1 {
  padding: 25px 0 0 0;
}

.cart-dropdown-wrap {
  position: absolute;
  right: 0;
  top: calc(100% + 20px);
  z-index: 99;
  width: 320px;
  background-color: #fff;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  padding: 30px 20px 27px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 10px;
  border: 1px solid #E3E5E8;
}
.cart-dropdown-wrap.cart-dropdown-hm2 {
  right: 0;
}
.cart-dropdown-wrap.account-dropdown {
  width: 200px;
}
.cart-dropdown-wrap.account-dropdown a {
  color: var(--color-heading);
}
.cart-dropdown-wrap.account-dropdown a:hover {
  color: var(--color-brand);
}
.cart-dropdown-wrap ul li:last-child {
  margin: 0 0 0px;
}
.cart-dropdown-wrap ul li .shopping-cart-img {
  flex: 0 0 80px;
  margin-right: 20px;
}
.cart-dropdown-wrap ul li .shopping-cart-img a img {
  max-width: 100%;
}
.cart-dropdown-wrap ul li .shopping-cart-title {
  margin: 6px 0 0;
}
.cart-dropdown-wrap ul li .shopping-cart-title h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 9px;
}
.cart-dropdown-wrap ul li .shopping-cart-title h4 a {
  color: var(--color-brand);
}
.cart-dropdown-wrap ul li .shopping-cart-title h4 a:hover {
  color: var(--color-heading);
}
.cart-dropdown-wrap ul li .shopping-cart-title h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 0px;
  color: var(--color-brand);
}
.cart-dropdown-wrap ul li .shopping-cart-title h3 span {
  color: #696969;
  font-weight: 400;
  font-size: 16px;
}
.cart-dropdown-wrap ul li .shopping-cart-delete {
  display: flex;
  flex-grow: 100;
  justify-content: flex-end;
  margin: 6px 0 0;
}
.cart-dropdown-wrap ul li .shopping-cart-delete a {
  font-size: 18px;
  color: #696969;
}
.cart-dropdown-wrap ul li .shopping-cart-delete a:hover {
  color: #333;
}
.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total {
  border-top: 2px solid #f3f3f3;
  margin: 25px 0;
  padding: 17px 0 0;
}
.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total h4 {
  color: #9b9b9b;
  font-weight: 700;
  font-size: 16px;
  margin: 0;
}
.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total h4 span {
  font-size: 18px;
  float: right;
  color: var(--color-brand);
}
.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 20px;
  align-items: center;
  align-self: center;
}
.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  border-radius: 4px;
  line-height: 1;
  padding: 10px 20px;
  background-color: var(--color-brand);
  font-family: var(--font-heading), sans-serif;
  border: 2px solid var(--color-brand);
}
.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a.outline {
  background-color: transparent;
  border: 2px solid var(--color-brand);
  color: var(--color-brand);
}
.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a.outline:hover {
  color: #ffffff;
}
.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a:hover {
  background-color: var(--color-brand-2);
}

.sticky-bar.stick {
  animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  transition: all 0.3s ease 0s;
  background: #fff;
}
.sticky-bar.stick.sticky-white-bg {
  background-color: #fff;
}
.sticky-bar.stick.sticky-blue-bg {
  background-color: #3286e0;
}

.header-height-1 {
  min-height: 133px;
}

.search-style-2 {
  width: 100%;
  margin-right: 32px;
}
.search-style-2 form {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
}
.search-style-2 form select {
  color: var(--color-heading);
  font-size: 16px;
  font-weight: 700;
  min-height: 50px;
  border: 1px solid #E3E5E8;
  border-right: none;
  width: 140px;
  padding: 3px 35px 3px 20px;
  border-radius: 4px 0 0 4px;
  background-color: #fff;
  transition: all 0.3s ease 0s;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
}
.search-style-2 form select:focus {
  color: #333;
}
.search-style-2 form select::after {
  position: absolute;
}
.search-style-2 form input {
  width: 100%;
  max-width: 683px;
  font-size: 14px;
  background-image: url(../imgs/theme/icons/search.png);
  background-repeat: no-repeat;
  background-position: center right;
  padding-left: 0;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
}
.search-style-2 form input::-moz-input-placeholder {
  opacity: 1;
}
.search-style-2 form input::-webkit-input-placeholder {
  opacity: 1;
}
.search-style-2 form input:focus {
  background-color: #FCFCFC;
  border-color: #414648;
  border-width: 0 0 3px 0;
  border-style: solid;
}
.search-style-2 form button {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  padding: 0;
  border: none;
  font-size: 20px;
  color: var(--color-brand);
  height: 100%;
  padding: 5px 17px;
}

.header-bottom-shadow {
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.05);
}

.header-bottom .header-action-right a span.pro-count {
  background-color: var(--color-brand);
  color: #fff;
}

.search-style-3 {
  margin-bottom: 10px;
}
.search-style-3 form {
  position: relative;
}
.search-style-3 form input {
  font-size: 14px;
  height: 45px;
  color: var(--color-heading);
  background-color: #F2F3F4;
  border-radius: 5px;
  padding: 3px 50px 3px 20px;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 0;
}
.search-style-3 form input::-moz-input-placeholder {
  color: var(--color-heading);
  opacity: 1;
}
.search-style-3 form input::-webkit-input-placeholder {
  color: var(--color-heading);
  opacity: 1;
}
.search-style-3 form input:focus {
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
}
.search-style-3 form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border: none;
  font-size: 16px;
  height: 100%;
  padding: 0 14px;
  background-color: transparent;
  color: #333;
}
.search-style-3 form button:hover {
  color: var(--color-brand);
}

.search-popup-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: white;
  transition: all 0.5s ease-in-out;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-popup-wrap .search-popup-content form input {
  width: 1170px;
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid var(--color-brand);
  font-size: 50px;
  padding: 21px 50px 16px 0px;
  color: #919191;
  font-weight: 300;
  max-width: 100%;
  height: auto;
  transform: translate(0, 50px);
  transition-delay: 0s;
  opacity: 0;
  transition: all 0.5s ease-in-out, opacity 0.5s linear;
}
.search-popup-wrap .search-popup-content form input::-moz-input-placeholder {
  color: #919191;
  opacity: 1;
}
.search-popup-wrap .search-popup-content form input::-webkit-input-placeholder {
  color: #919191;
  opacity: 1;
}
.search-popup-wrap.search-visible .search-popup-content form input {
  transform: none;
  opacity: 1;
  transition-delay: 0.6s;
}

.close-style-wrap {
  position: absolute;
  right: 55px;
  top: 40px;
}
.close-style-wrap.close-style-position-inherit {
  position: inherit;
}
.close-style-wrap .close-style {
  position: relative;
  background-color: transparent;
  padding: 0;
  border: none;
  width: 26px;
  height: 26px;
  background-color: #DEF9EC;
  border-radius: 30px;
}
.close-style-wrap .close-style > i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 1px;
  margin: 0 !important;
  transform-origin: center;
  display: block;
  overflow: hidden;
}
.close-style-wrap .close-style > i.icon-top {
  transform: translate(-50%, -50%) rotate(45deg);
}
.close-style-wrap .close-style > i.icon-top::before {
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transform: scaleX(1) translateZ(0);
  transform-origin: right;
}
.close-style-wrap .close-style > i.icon-top::after {
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scaleX(0) translateZ(0);
  transform-origin: left;
}
.close-style-wrap .close-style > i.icon-bottom {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.close-style-wrap .close-style > i.icon-bottom::before {
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transform: scaleX(1) translateZ(0);
  transform-origin: right;
}
.close-style-wrap .close-style > i.icon-bottom::after {
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scaleX(0) translateZ(0);
  transform-origin: left;
}
.close-style-wrap .close-style:hover {
  transform: rotateZ(360deg);
}

.close-style-wrap .close-style > i::before,
.close-style-wrap .close-style > i::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #111;
}

.burger-icon {
  position: relative;
  width: 24px;
  height: 20px;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.burger-icon > span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
}
.burger-icon > span.burger-icon-top {
  top: 2px;
}
.burger-icon > span.burger-icon-bottom {
  bottom: 2px;
}
.burger-icon > span.burger-icon-mid {
  top: 9px;
}

.burger-icon > span::before,
.burger-icon > span::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #333;
}

.burger-icon.burger-icon-white > span::before,
.burger-icon.burger-icon-white > span::after {
  background-color: var(--color-grey-1);
}

.body-overlay-1 {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  visibility: hidden;
  width: 100%;
  cursor: crosshair;
  z-index: 9999;
}

.mobile-menu-active .body-overlay-1 {
  opacity: 1;
  visibility: visible;
}

.main-wrapper {
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.mobile-header-wrapper-style {
  position: fixed;
  top: 0;
  width: 360px;
  min-height: 100vh;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translate(-200px, 0);
  background-color: #ffffff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
  z-index: 99999;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner {
  padding: 0px 0px 30px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px 30px;
  background-color: #ffffff;
  align-items: center;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img {
  width: 100px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area {
  padding: 0 30px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li {
  display: block;
  position: relative;
  padding: 13px 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:last-child {
  border-bottom: none;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.menu-item-has-children .menu-expand {
  right: 0;
  position: absolute;
  cursor: pointer;
  z-index: 9;
  text-align: center;
  font-size: 12px;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 38px;
  top: 5px;
  color: var(--color-heading);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.menu-item-has-children .menu-expand i {
  font-size: 14px;
  font-weight: 300;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.menu-item-has-children.active > .menu-expand {
  background: rgba(255, 255, 255, 0.2);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.menu-item-has-children.active > .menu-expand i::before {
  content: "\f112";
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a {
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
  display: inline-block;
  color: var(--color-heading);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a i {
  margin-right: 5px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul {
  padding: 10px 0 0 10px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li {
  padding: 10px 0;
  border-bottom: none;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.menu-item-has-children .menu-expand {
  top: 0px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li a {
  font-size: 14px;
  display: block;
  font-weight: 500;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li ul {
  margin-top: 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.menu-item-has-children.active {
  padding-bottom: 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:hover > a {
  color: var(--color-brand);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .categories-dropdown-wrap ul li a {
  padding: 5px 15px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap {
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #E3E5E8;
  margin: 17px 0 30px 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info {
  position: relative;
  margin-bottom: 13px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:last-child {
  margin-bottom: 0;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a {
  font-size: 14px;
  display: block;
  font-weight: 500;
  color: var(--color-heading);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a:hover {
  color: var(--color-brand);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a i {
  font-size: 14px;
  color: var(--color-brand);
  margin-right: 8px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown {
  margin-top: 5px;
  display: none;
  background-color: transparent;
  box-shadow: none;
  padding: 10px 0 0 0;
  width: 100%;
  z-index: 11;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li {
  padding-bottom: 10px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li:last-child {
  padding-bottom: 0px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a:hover {
  color: var(--color-brand);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:hover > a {
  color: var(--color-heading);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .site-copyright {
  font-size: 13px;
  color: var(--color-muted);
}

.mobile-social-icon a {
  text-align: center;
  font-size: 14px;
  margin-right: 5px;
  transition-duration: 0.5s;
  height: 30px;
  width: 30px;
  display: inline-flex;
  background: var(--color-brand);
  border-radius: 30px;
  line-height: 1;
  align-content: center;
  justify-content: center;
}
.mobile-social-icon a img {
  max-width: 16px;
}
.mobile-social-icon a img:hover {
  opacity: 0.8;
}
.mobile-social-icon a:hover {
  transform: translateY(-2px);
  transition-duration: 0.5s;
  margin-top: -2px;
}
.mobile-social-icon a:last-child {
  margin-right: 0;
}

.mobile-search {
  padding: 0 0 10px 0;
}

.hotline img {
  min-width: 35px;
  margin-right: 12px;
}
.hotline p {
  color: var(--color-brand);
  font-size: 26px;
  font-weight: 700;
  font-family: var(--font-heading), sans-serif;
  display: block;
  line-height: 1;
}
.hotline p span {
  font-weight: 500;
  font-size: 12px;
  font-family: var(--font-text), sans-serif;
  color: var(--color-text);
  display: block;
  letter-spacing: 0.9px;
}

/* Header style 1 */
.header-style-1 {
  position: relative;
}
.header-style-1.header-height-2 {
  border-bottom: 0;
}
.header-style-1 .header-top-ptb-1 {
  padding: 0.875rem 0;
  border: none;
}
.header-style-1 .header-top-ptb-1 .language-dropdown a {
  color: var(--color-grey-1);
}
.header-style-1 .header-middle-ptb-1 {
  padding: 0;
}
.header-style-1 .select2-container {
  max-width: unset;
  min-width: 150px;
}
.header-style-1 .select2-container--default .select2-selection--single {
  border: 0;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  width: 155px;
  max-width: unset;
  border-radius: 5px 0 0 5px;
}
.header-style-1 .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 10px;
}
.header-style-1 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0;
}
.header-style-1 .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  font-family: uicons-regular-straight !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1 !important;
  content: "\f10f";
  position: absolute;
  top: -4px;
}
.header-style-1 .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 50px;
  line-height: 50px;
  position: relative;
}
.header-style-1 .select2-container--default .select2-selection--single .select2-selection__rendered:after {
  content: "";
  height: 34px;
  width: 1px;
  background-color: #CACACA;
  position: absolute;
  right: 0;
  top: 7px;
}
.header-style-1 .search-location .select2-container--default .select2-selection--single {
  border: 0;
  height: 40px;
  line-height: 40px;
  padding-left: 13px;
  width: 164px;
  max-width: unset;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #E3E5E8;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}
.header-style-1 .search-location .select2-container--default .select2-selection--single:hover {
  transform: translateY(-3px);
  transition: 0.2s;
}
.header-style-1 .search-location .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 10px;
  top: 7px;
}
.header-style-1 .search-location .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 40px;
  line-height: 35px;
  position: relative;
  color: var(--color-brand);
  font-weight: 500;
}
.header-style-1 .search-location .select2-container--default .select2-selection--single .select2-selection__rendered:after {
  content: none;
}
.header-style-1 .search-location .select2-container--default .select2-selection--single .select2-selection__rendered:before {
  font-family: uicons-regular-straight !important;
  content: "\f1c6";
  color: var(--color-muted);
  margin-right: 7px;
  display: inline-block;
}
.header-style-1 .search-location .select2-container {
  min-width: 158px;
  max-width: 158px;
  margin-right: 30px;
}
.header-style-1 .search-style-2 form {
  border-radius: 50px;
  background-color: #E3E5E8;
}
.header-style-1 .search-style-2 form input {
  max-width: inherit;
  border-width: 0px;
  border-radius: 0 50px 50px 0;
  margin-left: 20px;
  background-color: #E3E5E8;
  border: none;
}
.header-style-1 .header-bottom-bg-color {
  background-color: #fff;
  border-top: 1px solid #E3E5E8;
  border-bottom: 1px solid #E3E5E8;
}
.header-style-1 .main-categories-wrap > a {
  color: #fff;
  line-height: 70px;
  background: var(--color-brand);
  padding: 0 30px;
}
.header-style-1 .main-categories-wrap > a i.up {
  right: 30px;
}
.header-style-1 .main-categories-wrap > a.categories-button-active {
  line-height: 44px;
  border-radius: 0.5rem;
  padding: 0.5rem;
  border: 1px solid #E0E3EB;
}
.header-style-1 .main-categories-wrap > a.categories-button-active .icon-menu {
  margin-right: 0.5rem;
}
.header-style-1 .main-categories-wrap > a.categories-button-active .angle-down {
  content: " ";
  display: inline-block;
  border: 7px solid #fff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.header-style-1 .main-categories-wrap > a:hover {
  background-color: var(--color-brand-dark);
}
.header-style-1 .main-menu.main-menu-light-white > nav > ul > li > a {
  color: #494949;
}
.header-style-1 .stick .main-menu.main-menu-light-white > nav > ul > li > a {
  color: #ffffff !important;
}
.header-style-1 .categories-dropdown-active-large {
  top: 100%;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}
.header-style-1 .hotline p {
  color: var(--color-brand) !important;
}
.header-style-1 .main-categories-wrap > a span {
  color: #fff !important;
}

.header-style-1.header-style-5 .header-bottom-bg-color {
  background-color: var(--color-brand) !important;
}
.header-style-1.header-style-5 .header-bottom-bg-color .main-categories-wrap > a {
  background: var(--color-brand-2);
}
.header-style-1.header-style-5 .main-menu > nav > ul > li > a {
  color: #fff;
}
.header-style-1.header-style-5 .hotline p {
  color: #fff !important;
}
.header-style-1.header-style-5 .hotline p span {
  color: #fff !important;
}

span.fi-rs-apps {
  font-size: 16px;
}

.hotline i {
  opacity: 0.7;
}

.header-info .scroll-header {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: none;
  margin-right: 0.5rem;
}
.header-info .scroll-header .parent > .sub-menu {
  transition: none;
}

/*LAYOUT -> NAVIGATION STYLE*/
.main-menu.main-menu-mrg-1 {
  margin: 0 0 0 27px;
}
.main-menu > nav > ul > li.hot-deals {
  padding-right: 30px !important;
}
.main-menu > nav > ul > li.hot-deals img {
  position: relative;
  margin-bottom: -4px;
  margin-right: 8px;
}
.main-menu > nav > ul > li.position-static {
  position: static;
}
.main-menu > nav > ul > li > a {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #E3E5E8;
  font-family: var(--font-heading), sans-serif;
}
.main-menu > nav > ul > li > a i {
  font-size: 8px;
  position: relative;
  margin-left: 4px;
}
.main-menu > nav > ul > li > a.active {
  color: var(--color-brand);
}
.main-menu > nav > ul > li ul.sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  min-width: 250px;
  padding: 15px 15px;
  transition: all 0.25s ease 0s;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  border-radius: 10px;
  z-index: 999;
  border: 1px solid #E3E5E8;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}
.main-menu > nav > ul > li ul.sub-menu li {
  line-height: 1;
  display: block;
  margin-bottom: 21px;
  position: relative;
}
.main-menu > nav > ul > li ul.sub-menu li:last-child {
  margin-bottom: 0;
}
.main-menu > nav > ul > li ul.sub-menu li ul.level-menu {
  position: absolute;
  left: 100%;
  top: -110px;
  background-color: #ffffff;
  width: 240px;
  padding: 33px 0 35px;
  transition: all 0.25s ease 0s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  margin-top: 20px;
  border: 1px solid #E3E5E8;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}
.main-menu > nav > ul > li ul.sub-menu li ul.level-menu.level-menu-modify {
  top: -25px;
}
.main-menu > nav > ul > li ul.sub-menu li a i {
  font-size: 9px;
  float: right;
  position: relative;
  top: 4px;
}
.main-menu > nav > ul > li ul.sub-menu li:hover > a {
  color: #000;
}
.main-menu > nav > ul > li ul.sub-menu li:hover > ul.level-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.main-menu > nav > ul > li ul.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  width: 100%;
  padding: 35px 25px 35px 35px;
  transition: all 0.25s ease 0s;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  border-radius: 0 0 10px 10px;
  z-index: 999;
  border: 1px solid #E3E5E8;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}
.main-menu > nav > ul > li ul.mega-menu li {
  line-height: 1;
  display: block;
  position: relative;
  float: left;
  padding-right: 10px;
}
.main-menu > nav > ul > li ul.mega-menu li:last-child {
  margin-bottom: 0;
}
.main-menu > nav > ul > li ul.mega-menu li.sub-mega-menu-width-22 {
  width: 22%;
}
.main-menu > nav > ul > li ul.mega-menu li.sub-mega-menu-width-34 {
  width: 34%;
}
.main-menu > nav > ul > li ul.mega-menu li a.menu-title {
  font-size: 19px;
  font-weight: 700;
  display: block;
}
.main-menu > nav > ul > li ul.mega-menu li ul {
  margin-top: 28px;
}
.main-menu > nav > ul > li ul.mega-menu li ul li {
  line-height: 1;
  display: block;
  margin-bottom: 14px;
  float: none;
}
.main-menu > nav > ul > li ul.mega-menu li ul li:last-child {
  margin-bottom: 0;
}
.main-menu > nav > ul > li ul.mega-menu li ul li a {
  font-size: 15px;
  color: var(--color-body);
  display: block;
  line-height: 1.4;
}
.main-menu > nav > ul > li ul.mega-menu li ul li a:hover {
  color: var(--color-brand);
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap {
  overflow: hidden;
  position: relative;
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap a {
  display: block;
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap a img {
  width: 100%;
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content {
  position: absolute;
  top: 32px;
  left: 30px;
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  margin: 5px 0 11px;
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-price span.old-price {
  font-size: 19px;
  font-weight: 400;
  color: #696969;
  text-decoration: line-through;
  margin-left: 5px;
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-btn a {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  border-radius: 26px;
  padding: 12px 22px 14px;
  background-color: var(--color-brand);
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-discount h3 span {
  display: block;
  line-height: 1;
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 3px;
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap:hover .menu-banner-btn a {
  background-color: var(--color-danger);
}
.main-menu > nav > ul > li:hover > a {
  color: var(--color-brand);
}
.main-menu > nav > ul > li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 12px;
}
.main-menu > nav > ul > li:hover ul.mega-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.main-menu.hover-boder > nav > ul > li > a {
  position: relative;
}
.main-menu.hover-boder > nav > ul > li > a::after {
  content: none;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 34px;
  height: 1px;
  width: 0;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: var(--color-brand);
}
.main-menu.hover-boder > nav > ul > li:hover > a::after {
  width: 100%;
  left: 0;
  right: auto;
}
.main-menu.hover-boder.hover-boder-white > nav > ul > li > a::after {
  bottom: 18px;
  background: #ffffff;
}
.main-menu.hover-boder.hover-boder-modify > nav > ul > li > a::after {
  bottom: 28px;
}
.main-menu.main-menu-light-white > nav > ul > li > a {
  color: white;
}
.main-menu.main-menu-padding-1 > nav > ul > li {
  padding: 0 17px;
}
.main-menu.main-menu-padding-1 > nav > ul > li:first-child {
  padding-left: 0 !important;
}
.main-menu.main-menu-lh-2 > nav > ul > li {
  line-height: 70px;
}
.main-menu.main-menu-lh-3 > nav > ul > li {
  line-height: 80px;
}

.main-menu.main-menu-grow {
  flex-grow: 1;
}
.main-menu > nav > ul li.parent {
  position: static !important;
}
.main-menu > nav > ul > li {
  display: inline-block;
  position: relative;
}
.main-menu > nav > ul > li ul.sub-menu li a {
  font-size: 14px;
  color: var(--color-text);
  display: block;
  padding: 0 15px;
}
.main-menu > nav > ul > li ul.sub-menu li a:hover {
  color: var(--color-brand);
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-price {
  margin: 0 0 28px;
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-price span.new-price {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-danger);
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-discount {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffd55a;
  position: absolute;
  top: 13%;
  right: 7%;
}
.main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-discount h3 {
  color: #333;
  margin: 0;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  line-height: 1;
}
.main-menu.main-menu-lh-1 > nav > ul > li {
  line-height: 70px;
}

.main-categories-wrap {
  position: relative;
  margin-right: 15px;
}
.main-categories-wrap > a {
  display: flex !important;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
}
.main-categories-wrap > a span {
  margin-right: 8px;
  color: var(--color-body);
}
.main-categories-wrap > a > i {
  margin-left: 5px;
  margin-top: 7px;
  color: #999;
}
.main-categories-wrap > a > i.up {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  right: 0;
  opacity: 0;
  visibility: hidden;
}
.main-categories-wrap > a.open > i {
  transform: rotate(180deg);
  margin-bottom: 7px;
  margin-top: 0;
}
.main-categories-wrap .categories-dropdown-inner {
  display: flex;
  min-width: 257px;
}
.main-categories-wrap .categories-dropdown-inner-1 {
  display: flex;
  min-width: -moz-max-content;
  min-width: max-content;
}

.categories-dropdown-active-large {
  list-style-type: none;
  position: absolute;
  top: 130%;
  left: 0;
  z-index: 99;
  margin: 0;
  padding: 30px;
  background: #fff;
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
  border-radius: 10px;
  font-size: 16px;
  min-width: 270px;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  visibility: hidden;
}
.categories-dropdown-active-large.open {
  opacity: 1;
  visibility: visible;
}

.categories-dropdown-active-large-1 {
  list-style-type: none;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 99;
  margin: 0;
  padding: 30px;
  background: #fff;
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
  border-radius: 10px;
  font-size: 16px;
  min-width: 270px;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  visibility: hidden;
}
.categories-dropdown-active-large-1.open {
  opacity: 1;
  visibility: visible;
}

.categories-dropdown-active-small {
  z-index: 9;
  margin: 0;
  padding: 14px 0 23px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
  font-size: 16px;
  font-weight: 400;
  display: none;
  width: 100%;
}

.categories-dropdown-wrap ul li {
  display: flex;
  align-items: center;
  line-height: 48px;
  border-radius: 5px;
  border: 1px solid #F2F3F4;
  padding: 9px 18px;
  margin: 0 15px 15px 0;
  height: 50px;
  position: relative;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.categories-dropdown-wrap ul li:hover {
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.categories-dropdown-wrap ul li:hover a {
  color: var(--color-brand);
}
.categories-dropdown-wrap ul li a {
  display: flex;
  align-items: center;
  padding: 0;
  line-height: 1.5;
  color: var(--color-heading);
  font-size: 14px;
}
.categories-dropdown-wrap ul li a:hover {
  color: var(--color-brand);
  background-color: transparent;
}
.categories-dropdown-wrap ul li a img {
  max-width: 30px;
  margin-right: 15px;
}
.categories-dropdown-wrap ul li:hover .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
  pointer-events: auto;
}
.categories-dropdown-wrap ul li.has-children {
  position: relative;
}
.categories-dropdown-wrap ul li.has-children > a::after {
  content: "\f111";
  font-family: "uicons-regular-straight" !important;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -10px;
}
.categories-dropdown-wrap ul li.has-children .dropdown-menu {
  left: 100%;
  top: 0;
  margin: 0;
  margin-top: 0px;
  border: 1px solid #E3E5E8;
  min-width: 800px;
  width: 100%;
  right: 0;
  border-radius: 0;
  padding: 20px;
}
.categories-dropdown-wrap ul li.has-children .dropdown-menu .submenu-title {
  font-size: 19px;
  font-weight: 700;
  display: block;
  color: var(--color-brand);
  padding: 5px 34px;
}
.categories-dropdown-wrap ul li.has-children .dropdown-menu .header-banner2 {
  display: block;
  position: relative;
  margin-bottom: 15px;
}
.categories-dropdown-wrap ul li.has-children .dropdown-menu .header-banner2 .banne_info {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 15px;
}
.categories-dropdown-wrap ul li.has-children .dropdown-menu .header-banner2 .banne_info a {
  text-transform: capitalize;
  position: relative;
  padding: 0;
  color: #272a2c !important;
}
.categories-dropdown-wrap ul li.has-children .dropdown-menu .header-banner2 .banne_info a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 50%;
  background-color: #272a2c;
  transition: all 0.5s ease-in-out;
}
.categories-dropdown-wrap ul.end li {
  margin-right: 0;
}
.categories-dropdown-wrap .more_categories {
  margin-top: 15px;
  color: var(--color-brand);
  position: relative;
  font-size: 13px;
  font-family: var(--font-heading), sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.categories-dropdown-wrap .more_categories span.icon {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  border: 2px solid;
  border-radius: 30px;
  margin-right: 5px;
}
.categories-dropdown-wrap .more_categories span.icon::before {
  content: "";
  width: 12px;
  height: 2px;
  background-color: #3BB77E;
  position: absolute;
  right: 4px;
  top: 9px;
}
.categories-dropdown-wrap .more_categories span.icon::after {
  content: "";
  width: 2px;
  height: 12px;
  background-color: #3BB77E;
  position: absolute;
  right: 9px;
  top: 4px;
}
.categories-dropdown-wrap .more_categories.show span.icon::after {
  display: none;
  content: none;
}
.categories-dropdown-wrap.style-2 {
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
  border-radius: 10px;
  padding: 30px;
}
.categories-dropdown-wrap.style-2 ul li {
  border-radius: 0;
  border: 0;
  height: 24px;
  padding: 0;
  line-height: 24px;
  margin-bottom: 16px;
}
.categories-dropdown-wrap.style-2 ul li:hover {
  box-shadow: none;
}
.categories-dropdown-wrap.style-2 ul li a {
  font-weight: 500;
}
.categories-dropdown-wrap.style-2 ul li img {
  max-height: 20px;
}
.categories-dropdown-wrap.style-2 .more_categories {
  justify-content: left;
}
.categories-dropdown-wrap.style-2 .more_categories .icon {
  transform: scale(0.7);
}

/*Pagination*/
.pagination-area .page-item {
  margin: 0 5px;
}
.pagination-area .page-item:first-child {
  margin-left: 0;
}
.pagination-area .page-item:first-child .page-link {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination-area .page-item:last-child .page-link {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.pagination-area .page-item.active .page-link, .pagination-area .page-item:hover .page-link {
  color: #fff;
  background: var(--color-brand);
}
.pagination-area .page-item:last-child .page-link {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  line-height: 43px;
}
.pagination-area .page-item:first-child .page-link {
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  line-height: 43px;
}
.pagination-area .page-link {
  border: 0;
  padding: 0 10px;
  box-shadow: none;
  outline: 0;
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 40px;
  color: var(--color-text);
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  font-family: var(--font-heading), sans-serif;
  font-size: 16px;
  background-color: #F2F3F4;
}
.pagination-area .page-link.dot {
  background-color: transparent;
  color: var(--color-text);
  letter-spacing: 2px;
}

/*LAYOUT -> SIDEBAR*/
.widget-category ul > li {
  padding: 6px 0;
  transition-duration: 0.2s;
}
.widget-category ul > li:hover {
  padding-left: 5px;
  transition-duration: 0.2s;
}
.widget-category ul > li a {
  color: var(--color-grey-2);
}
.widget-category ul > li a:hover {
  color: var(--color-brand);
}

.primary-sidebar .sidebar-widget {
  position: relative;
  padding: 30px;
  border: 1px solid #E3E5E8;
  border-radius: 15px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.widget-category-2 ul li {
  display: flex;
  align-items: center;
  line-height: 48px;
  border-radius: 5px;
  border: 1px solid #F2F3F4;
  padding: 9px 18px;
  margin: 0 0 15px 0;
  justify-content: space-between;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.widget-category-2 ul li:last-child {
  margin-bottom: 0 !important;
}
.widget-category-2 ul li:hover {
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.widget-category-2 ul li:hover a {
  color: var(--color-brand);
}
.widget-category-2 ul li a {
  display: flex;
  align-items: center;
  padding: 0;
  line-height: 1.5;
  color: var(--color-heading);
  font-size: 14px;
}
.widget-category-2 ul li a:hover {
  color: var(--color-brand);
  background-color: transparent;
}
.widget-category-2 ul li a img {
  max-width: 30px;
  margin-right: 15px;
}
.widget-category-2 ul li:hover .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
  pointer-events: auto;
}
.widget-category-2 ul li.has-children {
  position: relative;
}
.widget-category-2 ul li.has-children > a::after {
  content: "\f111";
  font-family: "uicons-regular-straight" !important;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -10px;
}
.widget-category-2 ul li.has-children .dropdown-menu {
  left: 100%;
  top: 0;
  margin: 0;
  margin-top: 0px;
  border: 1px solid #E3E5E8;
  min-width: 800px;
  width: 100%;
  right: 0;
  border-radius: 0;
  padding: 20px;
}
.widget-category-2 ul li.has-children .dropdown-menu .submenu-title {
  font-size: 19px;
  font-weight: 700;
  display: block;
  color: var(--color-brand);
  padding: 5px 34px;
}
.widget-category-2 ul li.has-children .dropdown-menu .header-banner2 {
  display: block;
  position: relative;
  margin-bottom: 15px;
}
.widget-category-2 ul li.has-children .dropdown-menu .header-banner2 .banne_info {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 15px;
}
.widget-category-2 ul li.has-children .dropdown-menu .header-banner2 .banne_info a {
  text-transform: capitalize;
  position: relative;
  padding: 0;
  color: #272a2c !important;
}
.widget-category-2 ul li.has-children .dropdown-menu .header-banner2 .banne_info a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 50%;
  background-color: #272a2c;
  transition: all 0.5s ease-in-out;
}
.widget-category-2 ul.end li {
  margin-right: 0;
}
.widget-category-2 .count {
  display: inline-block;
  background-color: rgba(var(--color-brand-rgb), 0.4);
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 20px;
  margin-left: 5px;
  font-size: 12px;
  color: var(--color-heading);
}

/*Social network widget*/
.follow-us a {
  display: block;
  padding: 12px 10px;
  color: #fff;
  width: 50%;
  border-radius: 5px;
  font-size: 11px;
  overflow: hidden;
  height: 46px;
}
.follow-us a .social-count {
  font-weight: bold;
}
.follow-us a:hover i {
  transform: translateY(-35px) !important;
}
.follow-us a i {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateY(0);
  transition: 0.2s cubic-bezier(0.65, 0.23, 0.31, 0.88);
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}
.follow-us a i.nth-2 {
  position: absolute;
  top: 38px;
  left: 0;
}
.follow-us i.v-align-space {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  padding-right: 4px;
  line-height: 1;
}
.follow-us .social-icon {
  display: inline-block;
  position: relative;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}

.follow-us a.follow-us-facebook,
.single-social-share a.facebook-icon {
  background: #305c99;
}

.follow-us a.follow-us-twitter,
.single-social-share a.twitter-icon {
  background: #00cdff;
}

.follow-us a.follow-us-instagram,
.single-social-share a.instagram-icon {
  background: #3f729b;
}

.follow-us a.follow-us-youtube,
.single-social-share a.pinterest-icon {
  background: #e22b26;
}

.sidebar-widget .widget-header {
  border-bottom: 1px solid #E3E5E8;
}
.sidebar-widget .widget-header h5 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 14px;
}
.sidebar-widget .banner-img {
  float: none;
}

.widget_categories li.cat-item,
.widget_archive li,
.widget_pages li,
.widget_recent_comments li,
.widget_nav_menu li {
  text-align: right;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
  display: table;
  width: 100%;
  font-size: 14px;
  padding: 7px 0;
}

.widget_categories li.cat-item:last-child {
  border: none;
}

.widget_categories li.cat-item a,
.widget_archive li a,
.widget_pages li a {
  text-align: left;
  float: left;
  padding: 0;
}

.widget-tags li {
  margin: 0 20px 20px 0;
}

.widget_instagram .insta-feed {
  padding-top: 5px;
  margin: -2px;
  display: flex;
  flex-wrap: wrap;
}
.widget_instagram .insta-feed li {
  width: 29.33%;
  margin: 5px;
}
.widget_instagram .insta-feed li img {
  width: 100%;
}

.social-network li {
  display: inline-block;
  margin: 0 5px 0 0;
}

.vendor-logo img {
  max-width: 150px;
}

/*newsletter*/
footer .mobile-social-icon {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: center;
}
footer .mobile-social-icon h6 {
  display: inline-block;
  margin-right: 15px;
}
footer .mobile-social-icon a {
  border-radius: 50%;
}
footer .mobile-social-icon a img {
  margin-bottom: 2px;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  max-width: 20px;
}
footer .hotline {
  min-width: 200px;
}
footer .hotline img {
  min-width: 10px;
  margin-right: 12px;
  max-width: 30px;
  opacity: 0.5;
}

.newsletter {
  position: relative;
}
.newsletter .newsletter-inner {
  background: url(../imgs/banner/banner-10.png) no-repeat center;
  background-size: cover;
  padding: 84px 78px;
  clear: both;
  display: table;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  min-height: 230px;
}
.newsletter .newsletter-inner img {
  position: absolute;
  right: 50px;
  bottom: 0;
  max-width: 40%;
}
.newsletter .newsletter-inner .newsletter-content p {
  font-size: 18px;
}
.newsletter .newsletter-inner .newsletter-content .form-subscribe {
  background-color: #fff;
  max-width: 450px;
  border-radius: 50px;
  position: relative;
  z-index: 4;
  margin-bottom: 10px;
}
.newsletter .newsletter-inner .newsletter-content .form-subscribe input {
  border: 0;
  border-radius: 50px 0 0 50px;
  padding-left: 58px;
  background: url(../imgs/theme/icons/icon-plane.png) no-repeat 25px center;
}
.newsletter .newsletter-inner .newsletter-content .form-subscribe button {
  border: 0;
  border-radius: 50px;
  font-weight: 700;
}

.widget-about {
  min-width: 300px;
  font-size: 15px;
}

.widget-install-app {
  min-width: 310px;
}

.contact-infor {
  font-size: 15px;
  color: var(--color-heading);
}
.contact-infor li:not(:last-child) {
  margin-bottom: 10px;
}
.contact-infor li img {
  margin-right: 8px;
  max-width: 16px;
}

.footer-link-widget:not(:last-child) {
  margin-right: 50px;
}
.footer-link-widget p {
  font-size: 15px;
  color: var(--color-heading);
}

.download-app {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.31rem;
  gap: 0.5rem;
}
.download-app a {
  display: block;
}

.certificate {
  display: flex;
  flex-wrap: wrap;
  margin: 25px 0 0 0;
}
.certificate a {
  display: block;
  margin-right: 12px;
}
.certificate a img {
  max-width: 168px;
}

.footer-list {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  min-width: 170px;
}
.footer-list li {
  display: block;
  margin: 0 0 1.5rem;
  transition-duration: 0.3s;
}
.footer-list li:last-child {
  margin-bottom: 1rem;
}
.footer-list li:hover {
  padding-left: 5px;
  transition-duration: 0.3s;
}
.footer-list li a {
  font-size: 0.875rem !important;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: var(--color-heading);
  display: block;
}
.footer-list li a:hover {
  color: var(--color-brand);
}

.footer-bottom {
  border-top: 1px solid rgba(var(--color-brand-rgb), 0.4);
}

#scrollUp {
  width: 32px;
  height: 32px;
  color: var(--color-heading);
  right: 30px;
  bottom: 30px;
  border-radius: 30px;
  text-align: center;
  overflow: hidden;
  z-index: 999 !important;
  border: 2px solid var(--color-heading);
  background-color: #fff;
}
#scrollUp i {
  display: block;
  line-height: 32px !important;
  font-size: 25px;
}
#scrollUp:hover {
  transform: translateY(-5px);
}

.footer-mid .widget-title {
  margin: 0.938rem 0 1.5rem 0;
}

footer section.banner-footer {
  padding: 0.5rem 0;
}
footer section.banner-footer .banner-img {
  max-width: 820px;
  max-height: 320px;
}
footer section.footer-mid {
  background: #fff;
}
footer .footer-sidebar-custom .site-info-left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 290px;
  min-width: 290px;
}
footer .footer-sidebar-custom .site-info-custom {
  display: flex;
}
footer .footer-sidebar-custom .site-info-custom .mobile-social-icon-custom a {
  display: inline-block;
  margin-right: 10px;
}
footer .footer-sidebar-custom .site-info-custom .mobile-social-icon-custom a img {
  width: 40px;
}
footer .footer-sidebar-custom .site-info-custom .mobile-social-icon-custom a:hover {
  transform: translateY(-2px);
  transition-duration: 0.5s;
  margin-top: -2px;
}
footer .footer-sidebar-custom .site-info-custom-left {
  width: 290px;
  padding-top: 2rem;
}
footer .footer-sidebar-custom .site-info-custom-right {
  flex: 1;
}
footer .footer-sidebar-custom .site-info-custom-right ul.contact-infor li, footer .footer-sidebar-custom .site-info-custom-right ul.contact-infor .contact-infor-bank {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
footer .footer-sidebar-custom .site-info-custom-right ul.contact-infor li strong, footer .footer-sidebar-custom .site-info-custom-right ul.contact-infor li svg, footer .footer-sidebar-custom .site-info-custom-right ul.contact-infor .contact-infor-bank strong, footer .footer-sidebar-custom .site-info-custom-right ul.contact-infor .contact-infor-bank svg {
  flex-shrink: 0;
}
footer .footer-copyright {
  padding: 0.75rem 0;
  background: var(--color-price);
}

@media only screen and (max-width: 1280px) {
  footer .footer-sidebar-custom .site-info-left {
    min-width: 100%;
  }
  footer .footer-sidebar-custom .site-info-left .logo img {
    max-width: 312px;
  }
  footer .footer-sidebar-custom .site-info-custom {
    flex-wrap: wrap;
  }
  footer .footer-sidebar-custom .site-info-custom-left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
/*LAYOUT -> SPACING**/
.section-padding-30 {
  padding: 30px 0;
}

.section-padding-50 {
  padding: 50px 0;
}

.section-padding-60 {
  padding: 60px 0;
}

.section-padding {
  padding: 24px 0;
}

.ptb-0 {
  padding: 0;
}

.ptb-10 {
  padding: 10px 0;
}

.ptb-20 {
  padding: 20px 0;
}

.ptb-30 {
  padding: 30px 0;
}

.ptb-35 {
  padding: 35px 0;
}

.ptb-32 {
  padding: 32px 0;
}

.ptb-40 {
  padding: 40px 0;
}

.ptb-50 {
  padding: 50px 0;
}

.ptb-60 {
  padding: 60px 0;
}

.ptb-70 {
  padding: 70px 0;
}

.ptb-80 {
  padding: 80px 0;
}

.ptb-90 {
  padding: 90px 0;
}

.ptb-100 {
  padding: 100px 0;
}

.ptb-110 {
  padding: 110px 0;
}

.ptb-120 {
  padding: 120px 0;
}

.ptb-130 {
  padding: 130px 0;
}

.ptb-140 {
  padding: 140px 0;
}

.ptb-150 {
  padding: 150px 0;
}

.ptb-160 {
  padding: 160px 0;
}

.ptb-170 {
  padding: 170px 0;
}

.ptb-177 {
  padding: 177px 0;
}

.ptb-180 {
  padding: 180px 0;
}

.ptb-190 {
  padding: 190px 0;
}

.ptb-200 {
  padding: 200px 0;
}

.ptb-210 {
  padding: 210px 0;
}

.ptb-220 {
  padding: 220px 0;
}

.ptb-290 {
  padding: 290px 0;
}

.ptb-310 {
  padding: 310px 0;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-65 {
  padding: 65px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pt-105 {
  padding-top: 105px !important;
}

.pt-110 {
  padding-top: 110px !important;
}

.pt-115 {
  padding-top: 115px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.pt-125 {
  padding-top: 125px !important;
}

.pt-130 {
  padding-top: 130px !important;
}

.pt-135 {
  padding-top: 135px !important;
}

.pt-140 {
  padding-top: 140px !important;
}

.pt-145 {
  padding-top: 145px !important;
}

.pt-150 {
  padding-top: 150px !important;
}

.pt-155 {
  padding-top: 155px !important;
}

.pt-160 {
  padding-top: 160px !important;
}

.pt-165 {
  padding-top: 165px !important;
}

.pt-170 {
  padding-top: 170px !important;
}

.pt-175 {
  padding-top: 175px !important;
}

.pt-180 {
  padding-top: 180px !important;
}

.pt-185 {
  padding-top: 185px !important;
}

.pt-190 {
  padding-top: 190px !important;
}

.pt-195 {
  padding-top: 195px !important;
}

.pt-200 {
  padding-top: 200px !important;
}

.pt-260 {
  padding-top: 260px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-105 {
  padding-bottom: 105px !important;
}

.pb-110 {
  padding-bottom: 110px !important;
}

.pb-115 {
  padding-bottom: 115px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.pb-125 {
  padding-bottom: 125px !important;
}

.pb-130 {
  padding-bottom: 130px !important;
}

.pb-135 {
  padding-bottom: 135px !important;
}

.pb-140 {
  padding-bottom: 140px !important;
}

.pb-145 {
  padding-bottom: 145px !important;
}

.pb-150 {
  padding-bottom: 150px !important;
}

.pb-155 {
  padding-bottom: 155px !important;
}

.pb-160 {
  padding-bottom: 160px !important;
}

.pb-165 {
  padding-bottom: 165px !important;
}

.pb-170 {
  padding-bottom: 170px !important;
}

.pb-175 {
  padding-bottom: 175px !important;
}

.pb-180 {
  padding-bottom: 180px !important;
}

.pb-185 {
  padding-bottom: 185px !important;
}

.pb-190 {
  padding-bottom: 190px !important;
}

.pb-195 {
  padding-bottom: 195px !important;
}

.pb-200 {
  padding-bottom: 200px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pl-65 {
  padding-left: 65px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pl-85 {
  padding-left: 85px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pl-95 {
  padding-left: 95px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pl-105 {
  padding-left: 105px !important;
}

.pl-110 {
  padding-left: 110px !important;
}

.pl-115 {
  padding-left: 115px !important;
}

.pl-120 {
  padding-left: 120px !important;
}

.pl-125 {
  padding-left: 125px !important;
}

.pl-130 {
  padding-left: 130px !important;
}

.pl-135 {
  padding-left: 135px !important;
}

.pl-140 {
  padding-left: 140px !important;
}

.pl-145 {
  padding-left: 145px !important;
}

.pl-150 {
  padding-left: 150px !important;
}

.pl-155 {
  padding-left: 155px !important;
}

.pl-160 {
  padding-left: 160px !important;
}

.pl-165 {
  padding-left: 165px !important;
}

.pl-170 {
  padding-left: 170px !important;
}

.pl-175 {
  padding-left: 175px !important;
}

.pl-180 {
  padding-left: 180px !important;
}

.pl-185 {
  padding-left: 185px !important;
}

.pl-190 {
  padding-left: 190px !important;
}

.pl-195 {
  padding-left: 195px !important;
}

.pl-200 {
  padding-left: 200px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pr-65 {
  padding-right: 65px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pr-85 {
  padding-right: 85px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pr-95 {
  padding-right: 95px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pr-105 {
  padding-right: 105px !important;
}

.pr-110 {
  padding-right: 110px !important;
}

.pr-115 {
  padding-right: 115px !important;
}

.pr-120 {
  padding-right: 120px !important;
}

.pr-125 {
  padding-right: 125px !important;
}

.pr-130 {
  padding-right: 130px !important;
}

.pr-135 {
  padding-right: 135px !important;
}

.pr-140 {
  padding-right: 140px !important;
}

.pr-145 {
  padding-right: 145px !important;
}

.pr-150 {
  padding-right: 150px !important;
}

.pr-155 {
  padding-right: 155px !important;
}

.pr-160 {
  padding-right: 160px !important;
}

.pr-165 {
  padding-right: 165px !important;
}

.pr-170 {
  padding-right: 170px !important;
}

.pr-175 {
  padding-right: 175px !important;
}

.pr-180 {
  padding-right: 180px !important;
}

.pr-185 {
  padding-right: 185px !important;
}

.pr-190 {
  padding-right: 190px !important;
}

.pr-195 {
  padding-right: 195px !important;
}

.pr-200 {
  padding-right: 200px !important;
}

.plr-5-percent {
  padding: 0 5%;
}

/***************************
    Page section margin
****************************/
.mtb-0 {
  margin: 0;
}

.mtb-10 {
  margin: 10px 0;
}

.mtb-15 {
  margin: 15px 0;
}

.mtb-20 {
  margin: 20px 0;
}

.mtb-30 {
  margin: 30px 0;
}

.mtb-40 {
  margin: 40px 0;
}

.mtb-50 {
  margin: 50px 0;
}

.mtb-60 {
  margin: 60px 0;
}

.mtb-70 {
  margin: 70px 0;
}

.mtb-80 {
  margin: 80px 0;
}

.mtb-90 {
  margin: 90px 0;
}

.mtb-100 {
  margin: 100px 0;
}

.mtb-110 {
  margin: 110px 0;
}

.mtb-120 {
  margin: 120px 0;
}

.mtb-130 {
  margin: 130px 0;
}

.mtb-140 {
  margin: 140px 0;
}

.mtb-150 {
  margin: 150px 0;
}

.mtb-290 {
  margin: 290px 0;
}

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

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-105 {
  margin-top: 105px !important;
}

.mt-110 {
  margin-top: 110px !important;
}

.mt-115 {
  margin-top: 115px !important;
}

.mt-120 {
  margin-top: 120px !important;
}

.mt-125 {
  margin-top: 125px !important;
}

.mt-130 {
  margin-top: 130px !important;
}

.mt-135 {
  margin-top: 135px !important;
}

.mt-140 {
  margin-top: 140px !important;
}

.mt-145 {
  margin-top: 145px !important;
}

.mt-150 {
  margin-top: 150px !important;
}

.mt-155 {
  margin-top: 155px !important;
}

.mt-160 {
  margin-top: 160px !important;
}

.mt-165 {
  margin-top: 165px !important;
}

.mt-170 {
  margin-top: 170px !important;
}

.mt-175 {
  margin-top: 175px !important;
}

.mt-180 {
  margin-top: 180px !important;
}

.mt-185 {
  margin-top: 185px !important;
}

.mt-190 {
  margin-top: 190px !important;
}

.mt-195 {
  margin-top: 195px !important;
}

.mt-200 {
  margin-top: 200px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

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

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

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

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

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

.mb-55 {
  margin-bottom: 55px !important;
}

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

.mb-65 {
  margin-bottom: 65px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

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

.mb-85 {
  margin-bottom: 85px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

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

.mb-105 {
  margin-bottom: 105px !important;
}

.mb-110 {
  margin-bottom: 110px !important;
}

.mb-115 {
  margin-bottom: 115px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.mb-125 {
  margin-bottom: 125px !important;
}

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

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

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

.mb-145 {
  margin-bottom: 145px !important;
}

.mb-150 {
  margin-bottom: 150px !important;
}

.mb-155 {
  margin-bottom: 155px !important;
}

.mb-160 {
  margin-bottom: 160px !important;
}

.mb-165 {
  margin-bottom: 165px !important;
}

.mb-170 {
  margin-bottom: 170px !important;
}

.mb-175 {
  margin-bottom: 175px !important;
}

.mb-180 {
  margin-bottom: 180px !important;
}

.mb-185 {
  margin-bottom: 185px !important;
}

.mb-190 {
  margin-bottom: 190px !important;
}

.mb-195 {
  margin-bottom: 195px !important;
}

.mb-200 {
  margin-bottom: 200px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.ml-85 {
  margin-left: 85px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.ml-105 {
  margin-left: 105px !important;
}

.ml-110 {
  margin-left: 110px !important;
}

.ml-115 {
  margin-left: 115px !important;
}

.ml-120 {
  margin-left: 120px !important;
}

.ml-125 {
  margin-left: 125px !important;
}

.ml-130 {
  margin-left: 130px !important;
}

.ml-135 {
  margin-left: 135px !important;
}

.ml-140 {
  margin-left: 140px !important;
}

.ml-145 {
  margin-left: 145px !important;
}

.ml-150 {
  margin-left: 150px !important;
}

.ml-155 {
  margin-left: 155px !important;
}

.ml-160 {
  margin-left: 160px !important;
}

.ml-165 {
  margin-left: 165px !important;
}

.ml-170 {
  margin-left: 170px !important;
}

.ml-175 {
  margin-left: 175px !important;
}

.ml-180 {
  margin-left: 180px !important;
}

.ml-185 {
  margin-left: 185px !important;
}

.ml-190 {
  margin-left: 190px !important;
}

.ml-195 {
  margin-left: 195px !important;
}

.ml-200 {
  margin-left: 200px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

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

.mr-35 {
  margin-right: 35px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mr-85 {
  margin-right: 85px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mr-105 {
  margin-right: 105px !important;
}

.mr-110 {
  margin-right: 110px !important;
}

.mr-115 {
  margin-right: 115px !important;
}

.mr-120 {
  margin-right: 120px !important;
}

.mr-125 {
  margin-right: 125px !important;
}

.mr-130 {
  margin-right: 130px !important;
}

.mr-135 {
  margin-right: 135px !important;
}

.mr-140 {
  margin-right: 140px !important;
}

.mr-145 {
  margin-right: 145px !important;
}

.mr-150 {
  margin-right: 150px !important;
}

.mr-155 {
  margin-right: 155px !important;
}

.mr-160 {
  margin-right: 160px !important;
}

.mr-165 {
  margin-right: 165px !important;
}

.mr-170 {
  margin-right: 170px !important;
}

.mr-175 {
  margin-right: 175px !important;
}

.mr-180 {
  margin-right: 180px !important;
}

.mr-185 {
  margin-right: 185px !important;
}

.mr-190 {
  margin-right: 190px !important;
}

.mr-195 {
  margin-right: 195px !important;
}

.mr-200 {
  margin-right: 200px !important;
}

@media only screen and (max-width: 992px) {
  .logo.logo-width-1 {
    margin-right: 0;
    left: 120px;
    transform: translateX(-50%);
  }
  .logo.logo-width-1 a img {
    height: 60px;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 768px) {
  .total-product h2 {
    font-size: 28px;
  }
  .loop-grid.loop-list article .post-thumb {
    min-height: 220px;
    min-width: 300px;
  }
  .loop-grid.loop-list article h3.post-title {
    font-size: 22px;
    margin-bottom: 30px !important;
  }
  .loop-grid.loop-list article .post-exerpt {
    display: none;
  }
  .loop-grid.loop-list article .entry-content-2.pl-50 {
    padding-left: 30px !important;
  }
  .loop-big h2.post-title {
    font-size: 32px;
  }
  .header-style-1 .header-bottom-bg-color {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
  }
  .header-action-2 .header-action-icon-2:last-child {
    padding: 0;
  }
  .header-bottom {
    padding: 10px 0;
  }
  .header-action .header-action-icon {
    margin-right: 15px;
  }
  .header-action .header-action-icon.header-action-mrg-none {
    margin-right: 15px;
  }
  .header-action .header-action-icon.header-action-mrg-none2 {
    margin-right: 15px;
  }
  .header-action .header-action-icon > a {
    font-size: 20px;
  }
  .header-action-2 .header-action-icon-2 {
    padding: 0 6px;
  }
  .header-action-2 .header-action-icon-2:last-child {
    padding: 0 0 0 6px;
  }
  .header-action-2 .header-action-icon-2 > a {
    color: #fff;
    fill: #fff;
    font-size: 22px;
    margin-right: 10px;
  }
  .cart-dropdown-wrap {
    width: 290px;
    right: -39px;
  }
  .cart-dropdown-wrap ul li .shopping-cart-img {
    flex: 0 0 60px;
    margin-right: 10px;
  }
  .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a {
    padding: 12px 22px 13px;
  }
  .categories-dropdown-wrap ul li a {
    padding: 5px 12px;
  }
  .search-popup-wrap .search-popup-content form input {
    width: 270px;
    font-size: 25px;
    padding: 21px 20px 12px 0;
  }
  .mobile-header-wrapper-style {
    width: 340px;
  }
  .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
    padding: 15px 30px 13px 30px;
    border-bottom: 1px solid #E3E5E8;
  }
  .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img {
    width: 140px;
  }
  .mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area {
    padding: 0 30px;
  }
  .header-height-1 {
    min-height: 65px;
  }
  .header-height-2 {
    min-height: 65px;
  }
  .home-slider.pt-50 {
    padding-top: 0 !important;
  }
  .hero-slider-content-2 h1 {
    font-size: 32px;
    line-height: 1.2;
  }
  .hero-slider-content-2 h2 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .hero-slider-content-2 h4 {
    font-size: 16px;
    margin: 0 0 10px;
  }
  .hero-slider-content-2 .btn-default {
    color: #fff;
    background-color: var(--color-brand);
    border-radius: 50px;
    padding: 10px 22px;
    font-size: 14px;
  }
  .hero-slider-content-2 p {
    font-size: 14px;
    line-height: 1.3;
  }
  .banner-big h4 {
    font-size: 12px;
  }
  .banner-big h2 {
    font-size: 16px;
  }
  .banner-big .btn {
    background-color: var(--color-brand);
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
    padding: 10px 22px;
    border: 0;
  }
  .home-slider .slider-arrow {
    display: none;
  }
  .home-slider .hero-slider-1.style-2 {
    height: 400px;
  }
  .home-slider .hero-slider-1.style-2 .hero-slider-content-2 {
    padding-left: 0;
    padding-top: 100px;
  }
  .home-slider .hero-slider-1.style-2 .single-slider-img img {
    max-width: 400px;
  }
  .home-slider .hero-slider-1.style-2 .slider-1-height-2 {
    height: 400px;
    position: relative;
  }
  .banner-img {
    float: left;
  }
  .banner-img.f-none {
    float: none;
  }
  .hero-slider-1.style-3 .slider-1-height-3 {
    height: 390px;
  }
  .hero-slider-1.style-3 .hero-slider-content-2 {
    padding-left: 20px;
  }
  .home-slide-cover .hero-slider-1.style-4 .hero-slider-content-2 {
    padding-left: 0;
  }
  .home-slide-cover .hero-slider-1.style-4 .hero-slider-content-2 h1 {
    font-size: 30px;
  }
  .home-slide-cover .hero-slider-1.style-4 .hero-slider-content-2 h2 {
    font-size: 14px;
  }
  .home-slide-cover .hero-slider-1.style-4 .hero-slider-content-2 h4 {
    font-size: 12px;
  }
  .header-style-3 .header-bottom-bg-color {
    border-bottom: 2px solid var(--color-brand);
  }
  .header-style-3 .main-nav {
    border: none !important;
  }
  .header-style-3 .sticky-bar.stick.sticky-blue-bg {
    background-color: var(--color-brand);
  }
  .header-style-4 .main-nav {
    border: none !important;
  }
  .header-style-4 .sticky-bar.stick.sticky-blue-bg {
    background-color: var(--color-brand);
  }
  .font-xxl {
    font-size: 38px;
  }
  .single-page.pl-30, .single-page.pr-30 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .download-app {
    margin-bottom: 0 !important;
  }
  .footer-mid .logo img {
    max-width: 150px;
  }
  .footer-mid .widget-install-app, .footer-mid .widget-about {
    min-width: 205px;
  }
  .footer-mid .widget-about strong {
    display: none;
  }
  .product-list .product-cart-wrap {
    align-items: start;
  }
  .product-list .product-cart-wrap .product-img-action-wrap {
    max-width: 45%;
  }
  .product-list .product-cart-wrap h2 {
    font-size: 24px;
  }
  .product-list .product-cart-wrap p.mt-15 {
    display: none;
  }
  .product-list .product-cart-wrap .product-rate-cover {
    margin-bottom: 20px;
  }
  .detail-info {
    padding: 0 !important;
  }
  .detail-info h2 {
    font-size: 30px;
  }
  .detail-info .detail-extralink .detail-qty:not(.detail-qty-custom) {
    padding: 11px 20px 11px 10px;
    max-width: 60px;
  }
  .detail-info .product-extra-link2 .button.button-add-to-cart {
    padding: 0px 15px;
  }
  .detail-info .product-extra-link2 .button.button-add-to-cart i {
    display: none;
  }
  .shopping-summery table tbody tr img {
    max-width: 80px;
    margin-right: 15px;
  }
  .shopping-summery .form-check-label {
    display: none;
  }
  .shopping-summery h6 {
    font-size: 14px;
  }
  .shopping-summery td.pl-30 {
    padding-left: 0 !important;
  }
  .shopping-summery button.btn {
    width: 120px;
    margin-left: 15px;
  }
  .product-cart-wrap .product-img-action-wrap .product-action-1 {
    min-width: 111px;
  }
  .custom-modal .modal-dialog {
    max-width: 720px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .mobile-promotion {
    display: block;
    padding: 7px 0;
    text-align: center;
    background: var(--color-brand);
    color: #fff;
  }
}
/*Mobile landscape*/
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-action .header-action-icon {
    margin-right: 20px;
  }
  .header-action .header-action-icon.header-action-mrg-none {
    margin-right: 20px;
  }
  .header-action .header-action-icon.header-action-mrg-none2 {
    margin-right: 20px;
  }
  .header-action .header-action-icon > a {
    font-size: 22px;
  }
  .header-action-2 .header-action-icon-2 {
    padding: 0 10px;
  }
  .header-action-2 .header-action-icon-2:last-child {
    padding: 0 0 0 10px;
  }
  .header-action-2 .header-action-icon-2 > a {
    font-size: 22px;
  }
  .cart-dropdown-wrap {
    width: 310px;
  }
  .search-popup-wrap .search-popup-content form input {
    width: 480px;
    font-size: 25px;
    padding: 21px 20px 12px 0;
  }
  .comment-form .name {
    padding-right: 0px;
    margin-bottom: 1rem;
  }
  .header-style-5 .search-style-2 {
    display: none;
  }
}
/*Tablet*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-action .header-action-icon {
    margin-right: 33px;
  }
  .header-action .header-action-icon.header-action-mrg-none {
    margin-right: 33px;
  }
  .header-action .header-action-icon.header-action-mrg-none2 {
    margin-right: 33px;
  }
  .header-action-2 .header-action-icon-2 > a {
    color: #fff;
    fill: #fff;
  }
  .search-popup-wrap .search-popup-content form input {
    width: 650px;
    font-size: 35px;
  }
  .header-height-1 {
    min-height: 50px;
  }
  .header-height-2 {
    min-height: 50px;
    border-bottom: 2px solid var(--color-brand);
  }
  .header-height-3 {
    min-height: 50px;
  }
  .header-height-4 {
    min-height: 50px;
  }
  .header-style-5 .header-bottom {
    padding: 5px 0;
    border-bottom: 1px solid #f7f8f9;
  }
  .comment-form .email {
    padding-left: 0px;
  }
  .loop-grid.pr-30 {
    padding-right: 0 !important;
  }
}
/*Desktop*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .total-product h2 {
    font-size: 28px;
  }
  .loop-grid.loop-list article .post-thumb {
    min-height: 220px;
    min-width: 300px;
  }
  .loop-grid.loop-list article h3.post-title {
    font-size: 22px;
    margin-bottom: 30px !important;
  }
  .loop-grid.loop-list article .post-exerpt {
    display: none;
  }
  .loop-grid.loop-list article .entry-content-2.pl-50 {
    padding-left: 30px !important;
  }
  .logo.logo-hm3 a img {
    width: 120px;
  }
  .header-style-5 .search-style-2 {
    display: none;
  }
  .main-menu.main-menu-mrg-1 {
    margin: 0 0 0 15px;
  }
  .main-menu > nav > ul > li ul.sub-menu li ul.level-menu.level-menu-modify {
    width: 165px;
  }
  .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content {
    left: 20px;
    top: 22px;
  }
  .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content h3 {
    font-size: 20px;
    line-height: 1.3;
    margin: 5px 0 7px;
  }
  .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-price {
    margin: 0 0 10px;
  }
  .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-content .menu-banner-btn a {
    padding: 10px 16px 13px;
  }
  .main-menu > nav > ul > li ul.mega-menu li .menu-banner-wrap .menu-banner-discount {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
  .main-menu.main-menu-padding-1 > nav > ul > li {
    padding: 0 8px;
  }
  .main-menu.main-menu-padding-1.hm3-menu-padding > nav > ul > li {
    padding: 0 6px;
  }
  .search-style-1 {
    margin-right: 15px;
  }
  .search-style-1 form {
    width: 170px;
  }
  .header-action.header-action-hm3 .header-action-icon {
    margin-right: 15px;
  }
  .header-action.header-action-hm3 .header-action-icon.header-action-mrg-none2 {
    margin-right: 0;
  }
  .header-action.header-action-hm3 .header-action-icon:last-child {
    margin-right: 0;
  }
  .hotline p {
    font-size: 15px;
  }
  .search-popup-wrap .search-popup-content form input {
    width: 820px;
  }
  .header-height-1 {
    min-height: 157px;
  }
  .header-height-3 {
    min-height: 133px;
  }
  .header-height-4 {
    min-height: 144px;
  }
}
@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
  }
  .col-md-2-5 {
    width: 40%;
  }
  .col-md-3-5 {
    width: 60%;
  }
  .col-md-4-5 {
    width: 80%;
  }
  .col-md-5-5 {
    width: 100%;
  }
}
/*Wide screen*/
@media only screen and (min-width: 1600px) {
  .header-action-right .search-location {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1732px;
  }
  .col-lg-1-5 {
    width: 20%;
  }
  .col-lg-2-5 {
    width: 40%;
  }
  .col-lg-3-5 {
    width: 60%;
  }
  .col-lg-4-5 {
    width: 80%;
  }
  .col-lg-5-5 {
    width: 100%;
  }
  .header-action-right {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
    align-items: center;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu.main-menu-padding-1 > nav > ul > li {
    padding: 0 14px;
  }
}
@media only screen and (max-width: 1400px) {
  .product-cart-wrap.style-2 .product-content-wrap {
    max-width: 94%;
  }
  .hero-slider-1 .single-hero-slider {
    height: 468px;
  }
  .display-2 {
    font-size: 64px;
  }
  .banner-img.style-2 {
    height: 483px;
  }
  .slider-nav-thumbnails button.slick-arrow.slick-prev {
    left: 10px;
  }
  .slider-nav-thumbnails button.slick-arrow.slick-next {
    right: 10px;
  }
  .zoomContainer {
    display: none;
  }
  .detail-info h2 {
    font-size: 30px;
  }
  .tab-style3 .nav-item {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .header-style-1 .main-categories-wrap {
    margin-right: 20px;
  }
  .product-cart-wrap .product-action-1 a.action-btn {
    width: 34px;
    height: 34px;
    line-height: 40px;
    font-size: 13px;
  }
  .banner-big h1 {
    font-size: 22px;
  }
  .banner-big .btn {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 12px;
    border: 0;
  }
  .banner-img .banner-text h4 {
    margin-top: 0px !important;
  }
  .footer-link-cover {
    display: block;
  }
  .footer-link-cover .footer-link-widget {
    margin-right: 30px;
    float: left;
    margin-bottom: 30px;
  }
  .footer-link-cover .footer-link-widget:not(:last-child) {
    margin-right: 30px;
  }
  .et, .hotline, li.hot-deals, .header-action-2 .header-action-icon-2 span.lable {
    display: none !important;
  }
  .main-menu.main-menu-padding-1 > nav > ul > li {
    padding: 0 10px;
  }
  .hero-slider-1 .single-hero-slider {
    height: 350px;
  }
  .hero-slider-1 .single-hero-slider .display-2 {
    font-size: 46px;
    margin-bottom: 25px !important;
  }
  .hero-slider-1 .single-hero-slider .slider-content p {
    font-size: 22px;
    margin-bottom: 40px !important;
  }
  .banner-img .banner-text h4 {
    min-height: 50px;
    font-size: 18px;
  }
  .header-style-1 .search-style-2 form {
    max-width: 450px;
  }
  .header-action-2 .header-action-icon-2:last-child {
    padding: 0 0 0 8px;
  }
  .nav-tabs.links .nav-link {
    padding: 0 7px;
    font-size: 14px;
  }
  .deals-countdown .countdown-section {
    padding: 20px 2px 30px 2px;
    margin-left: 2px;
    margin-right: 2px;
  }
  .section-title.style-1 {
    padding-bottom: 15px;
    font-size: 20px;
  }
  .product-list-small h6 {
    font-size: 14px;
  }
  .product-list-small .product-rate-cover {
    display: none;
  }
  .section-title.style-2 {
    display: block;
  }
  .section-title.style-2 h3 {
    margin-bottom: 25px;
    font-size: 28px;
  }
  .modal-open .modal {
    padding-right: 0 !important;
  }
  .vendor-wrap.style-2 {
    display: block;
  }
}
/*small phone*/
@media only screen and (max-width: 480px) {
  .archive-header {
    padding: 30px;
  }
  .mobile-promotion {
    display: block;
    padding: 7px 0;
    text-align: center;
    background: var(--color-brand);
    color: #fff;
  }
  .loop-big h2.post-title {
    font-size: 22px;
  }
  .entry-meta.meta-1 {
    justify-content: start;
  }
  .single-header-meta .single-share {
    display: none;
  }
  .single-content blockquote {
    padding: 20px 30px;
    border-radius: 15px;
    margin: 20px auto;
    font-size: 16px;
    max-width: 100%;
  }
  .single-content blockquote p {
    font-size: 16px;
    line-height: 22px;
  }
  .hero-slider-1 .single-hero-slider .display-2 {
    font-size: 32px;
  }
  .hero-slider-1 .single-hero-slider .slider-content p {
    font-size: 16px;
    margin-bottom: 40px !important;
  }
  .hero-slider-1 .single-hero-slider .slider-content .form-subscribe {
    max-width: 310px;
  }
  .hero-slider-1 .single-hero-slider .slider-content .form-subscribe button.submit, .hero-slider-1 .single-hero-slider .slider-content .form-subscribe button[type=submit] {
    padding: 12px 20px;
  }
  .security-code {
    padding: 0 20px;
  }
  .post-list .post-thumb {
    max-width: unset;
    margin-right: 0 !important;
  }
  .entry-meta.meta-2 a.btn {
    display: inline-block;
    align-items: center;
    align-self: center;
  }
  .entry-meta.meta-2 .font-xs {
    max-width: 150px;
    line-height: 1.3;
  }
  .banner-bg h2 {
    font-size: 20px;
  }
  .single-header .single-header-meta, .entry-bottom {
    display: block;
  }
  .carousel-6-columns, .carousel-4-columns {
    max-width: 375px;
    overflow: hidden;
  }
  .hero-slider-1 {
    height: unset;
  }
  .hero-slider-content-2 {
    text-align: center;
    padding-top: 20px;
  }
  .hero-slider-content-2 p {
    width: 100%;
  }
  .header-height-2 {
    min-height: 40px;
  }
  .banner-left-icon, .banner-img {
    margin-bottom: 15px;
  }
  .header-action-2 .header-action-icon-2:last-child {
    padding: 0;
  }
  .popular-categories .slider-btn.slider-prev {
    right: 50px !important;
    left: unset !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-4 {
    margin-bottom: 1rem;
  }
  .mb-sm-5 {
    margin-bottom: 2rem;
  }
  .heading-tab {
    display: block !important;
  }
  .heading-tab h3.section-title {
    margin-bottom: 15px !important;
  }
  .nav.right {
    justify-content: start;
  }
  .hero-slider-1.style-2 .single-slider-img {
    display: none;
  }
  ul.footer-list {
    margin-bottom: 30px;
  }
  .section-padding-60 {
    padding: 30px 0;
  }
  .pt-60, .pt-40 {
    padding-top: 30px !important;
  }
  .pb-60 {
    padding-bottom: 30px !important;
  }
  .mb-60 {
    margin-bottom: 30px !important;
  }
  .hero-slider-1.style-3 .slider-1-height-3 {
    height: 220px;
  }
  .hero-slider-1.style-3 .hero-slider-content-2 {
    position: relative;
    text-align: left;
    padding-left: 15px;
    padding-top: 0;
  }
  .hero-slider-1.style-3 .hero-slider-content-2 h1 {
    font-size: 18px;
  }
  .hero-slider-1.style-3 .hero-slider-content-2 h2 {
    font-size: 16px;
  }
  .hero-slider-1.style-3 .hero-slider-content-2 h4 {
    font-size: 14px;
  }
  .hero-slider-1.style-3 .hero-slider-content-2 p {
    font-size: 11px;
  }
  .hero-slider-1.style-3 .hero-slider-content-2 a.btn {
    display: none;
  }
  .header-style-5 .search-style-2 {
    display: none;
  }
  .header-style-5 .header-action-2 .header-action-icon-2 > a {
    font-size: 18px;
  }
  .header-style-5 .sticky-bar.stick.sticky-white-bg {
    background-color: #fff;
    padding: 15px 0;
  }
  .font-xxl {
    font-size: 28px;
  }
  .w-50 {
    width: 100% !important;
  }
  .product-list .product-cart-wrap {
    display: block;
  }
  .product-list .product-cart-wrap .product-img-action-wrap {
    max-width: 100%;
  }
  .shop-product-filter {
    display: block;
  }
  .shop-product-filter .total-product {
    margin-bottom: 15px;
  }
  .table td {
    display: block;
    width: 100%;
    text-align: center;
  }
  .table td::before {
    content: attr(data-title) " ";
    float: left;
    text-transform: capitalize;
    margin-right: 15px;
    font-weight: bold;
  }
  .table thead {
    display: none;
  }
  .loop-grid.pr-30 {
    padding-right: 0 !important;
  }
  .loop-grid.loop-list article {
    display: block;
  }
  .d-sm-none {
    display: none;
  }
  .banner-features {
    margin-bottom: 15px;
  }
  .product-cart-wrap:not(:last-child), .mb-xs-30 {
    margin-bottom: 30px !important;
  }
  .slick-track .product-cart-wrap {
    margin-bottom: 0;
  }
  .first-post .meta-1 .font-sm {
    display: none;
  }
  .first-post .btn.btn-sm {
    display: none;
  }
  .loop-grid .entry-content {
    padding: 20px 20px 0 20px;
  }
  .img-hover-slide {
    min-height: 232px;
  }
  .comments-area .thumb {
    min-width: 100px;
  }
  .hero-slider-1 .single-slider-img-1 {
    height: 300px;
  }
  .featured .col-lg-2 {
    width: 50%;
  }
  .nav-tabs .nav-link {
    font-size: 13px;
    padding: 10px 12px;
  }
  .deal {
    background-position: left bottom;
  }
  .deals-countdown .countdown-section {
    padding: 20px 2px 30px 2px;
    margin-left: 2px;
    margin-right: 2px;
  }
  .banner-bg {
    padding: 30px;
  }
  .product-list-small figure {
    margin-bottom: 20px !important;
  }
  .product-list-small .title-small {
    font-size: 16px;
    font-weight: 600;
  }
  .newsletter .des {
    display: none;
  }
  .newsletter form {
    margin: 15px 0;
  }
  footer .col-lg-2.col-md-3 {
    width: 50%;
  }
  footer .download-app a img {
    width: 150px;
  }
  .home-slider .hero-slider-1.style-2 .hero-slider-content-2 {
    padding-left: 0;
    padding-top: 50px;
  }
  .home-slider .hero-slider-1.style-2 .hero-slider-content-2 h3 {
    line-height: 1.4;
  }
  .hero-slider-1.style-3.dot-style-1.dot-style-1-position-1 ul {
    bottom: 0;
  }
  .single-content .banner-text, .banner-img.banner-big .banner-text {
    display: none;
  }
  .comments-area {
    padding: 25px 0;
    margin-top: 0;
  }
  .entry-bottom {
    margin-bottom: 0 !important;
  }
  section.pt-150.pb-150 {
    padding: 50px 0 !important;
  }
  .product-detail .single-share {
    margin-bottom: 20px;
  }
  .product-detail .tab-style3 .nav-tabs li.nav-item a {
    padding: 0.5rem;
    text-transform: none;
  }
  .related-products .product-cart-wrap {
    margin-bottom: 30px;
  }
  .mb-sm-15 {
    margin-bottom: 15px;
  }
  .section-title {
    display: block;
    margin-bottom: 15px;
  }
  .section-title .title {
    display: block;
  }
  .section-title h3 {
    margin-bottom: 0;
    font-size: 28px;
  }
  .section-title .show-all {
    display: none;
  }
  .nav-tabs.links .nav-link {
    margin-bottom: 10px;
  }
  .slider-arrow.slider-arrow-2.flex-right {
    display: none;
  }
  .product-grid-4 .product-cart-wrap {
    margin-bottom: 30px;
  }
  .product-list-small figure.col-md-4 {
    max-width: 30%;
    float: left;
    margin: 0 !important;
  }
  .product-list-small .col-md-8 {
    float: left;
    max-width: 70%;
  }
  .newsletter .newsletter-inner {
    padding: 20px;
  }
  .newsletter .newsletter-inner h2 {
    font-size: 22px;
  }
  .newsletter .newsletter-inner .newsletter-content p {
    font-size: 14px;
    margin-bottom: 25px !important;
  }
  .newsletter .newsletter-inner button.submit, .newsletter .newsletter-inner button[type=submit] {
    padding: 12px 20px;
  }
  .footer-link-widget:not(:last-child) {
    margin-right: 0;
  }
  .widget-about {
    margin-bottom: 30px;
  }
  footer p.font-md {
    font-size: 13px;
  }
  .hero-slider-1 .single-hero-slider.rectangle .slider-content {
    width: 100%;
  }
  .product-info {
    border: 0;
    padding: 0;
  }
  .product-info .tab-style3 .nav-tabs li.nav-item a {
    padding: 11px 12px !important;
    font-size: 13px;
  }
  .shopping-summery table tbody tr img {
    max-width: 180px;
    margin-right: 0;
  }
  .toggle_info .font-lg, .toggle_info input, .apply-coupon .font-lg, .apply-coupon input {
    font-size: 14px !important;
  }
  .cart-totals.ml-30 {
    margin-left: 0 !important;
    text-align: center;
  }
  .order_table table .w-160 {
    margin: 0 auto;
  }
  .modal-open .modal {
    padding-right: 0 !important;
  }
  .archive-header-3 {
    padding: 30px;
  }
  .archive-header-3 .archive-header-3-inner {
    display: block;
  }
}
/*phone landscape*/
@media only screen and (min-width: 480px) and (max-width: 667px) {
  .header-height-2 {
    min-height: 40px;
  }
  .col-lg-4 .banner-img {
    margin-bottom: 30px;
  }
  .banner-features {
    margin-bottom: 30px;
  }
  .modal-open .modal {
    padding-right: 0 !important;
  }
}
/*small phone*/
@media only screen and (max-width: 375px) {
  .entry-meta .hit-count, .entry-meta.meta-2 .font-xs {
    display: none;
  }
  .deal {
    padding: 30px;
  }
  .custom-modal .modal-dialog .modal-content {
    padding: 0;
  }
  .deal .product-title {
    max-width: unset;
    font-size: 25px;
  }
  .modal-open .modal {
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 375px) and (max-width: 667px) {
  .deal .product-title {
    max-width: 100%;
    font-size: 35px;
  }
}
@media screen and (min-width: 768px) {
  .footer-mobile {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .footer-mobile {
    bottom: -1px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    display: block;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100vw;
    z-index: 1000;
  }
  .footer-mobile .menu--footer {
    align-items: center;
    background: #fff;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 5px 0px;
    justify-content: center;
  }
  .footer-mobile .menu--footer a img {
    width: 100%;
    max-width: 50px;
  }
  .footer-mobile .banner-custom {
    max-height: 6.25rem;
  }
}
@media (min-width: 768px) {
  .border-md-bottom {
    border-bottom: 1px solid #dee2e6;
  }
}
@media only screen and (min-width: 480px) {
  .order-footer-table tr td:first-child {
    width: 75%;
  }
  .order-footer-table tr td:last-child {
    width: 25%;
  }
}
@media only screen and (max-width: 480px) {
  .cart-footer-scss table tbody tr {
    display: flex;
  }
  .main-categories-wrap {
    margin: auto;
  }
}
@media only screen and (max-width: 1200px) {
  .d-none-mobile {
    display: none !important;
  }
  .banner-custom {
    max-height: 10rem;
  }
}
@media only screen and (max-width: 991px) {
  .header-action-icon-2 > div > a img {
    max-width: 1.8125rem !important;
  }
}
@media only screen and (max-width: 992px) {
  .header-bottom .logo-width-1 {
    margin-right: -43px;
  }
  .banner-custom {
    max-height: 8.5rem;
  }
}
@media only screen and (max-width: 450px) {
  .header-bottom .search-style-3 {
    width: 50%;
  }
  .header-bottom .search-style-3 .input-search-product {
    font-size: 12px;
  }
  .header-bottom .logo-width-1 {
    margin-right: -67px;
  }
  .header-bottom .logo-width-1 img {
    width: 80% !important;
  }
  .banner-custom {
    max-height: 5rem;
  }
}
@media only screen and (max-width: 480px) {
  .label-partner a {
    font-size: x-small;
  }
  .carousel-10-columns-cover .carousel-10-columns-partner .card-3 {
    margin-right: 6px;
    margin-left: 6px;
    min-height: 80px;
    margin-bottom: 0px;
  }
  .carousel-10-columns-cover .carousel-10-columns-partner .card-3 figure {
    margin: 0px;
  }
  .carousel-10-columns-cover .carousel-10-columns-partner .card-3 figure img {
    max-width: 65px;
  }
  .banner-container {
    height: auto !important;
    padding: 0.5rem 1.5rem !important;
  }
  .banner-container .hero-slider-1 .single-hero-slider {
    height: 178px !important;
  }
  .embed-responsive-item {
    background-color: transparent;
    font-size: 15px;
    margin: 0px;
    max-width: 100%;
    padding: 0px;
  }
  .slick-slide .embed-responsive-item {
    width: 387px !important;
  }
}
html {
  overflow-x: hidden;
}

.text-price {
  color: var(--color-price) !important;
}

.text-white-99 {
  color: #FCFCFC !important;
}

.text-hierarchy-dark-20 {
  color: #313235 !important;
}

.text-background-blue {
  color: #CCD8FF;
}

.text-hierarchy-dark {
  color: #0C101D;
}

.text-alert-error {
  color: #E04A56;
}

.text-pale-green-2 {
  color: #5FB540;
}

.text-color-heading {
  color: var(--color-heading);
}

.text-hierarchy-grey-60 {
  color: #95989D;
}

.text-hierarchy-dark-40 {
  color: #62656A;
}

.bg-hierarchy-white-99 {
  background-color: #FCFCFC;
}

.bg-hierarchy-grey-85 {
  background-color: #D6D8DC;
}
.bg-hierarchy-grey-85:hover {
  background-color: #5FB540;
}

.background-price {
  background-color: var(--color-price) !important;
}

.three-dot-space {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-hd1 {
  font-size: 0.875rem !important;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}

.text-hd1-large {
  font-size: 0.875rem !important;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
}

.text-hd2 {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 1.5rem !important;
}

.text-hd2-small {
  font-size: 1rem !important;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}
@media only screen and (max-width: 991px) {
  .text-hd2-small {
    font-size: 0.75rem !important;
  }
}

.text-hd2-large {
  font-size: 1rem !important;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
}

.text-hd3 {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.75rem;
}

.text-hd3-large {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
}

.text-hd4 {
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.text-hd4-small {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.25rem;
}
@media only screen and (max-width: 991px) {
  .text-hd4-small {
    font-size: 1rem;
  }
}

.text-hd5 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media only screen and (max-width: 991px) {
  .text-hd5 {
    font-size: 1.5rem;
  }
}

.text-hd6 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.lh-0 {
  line-height: 0 !important;
}

p:empty {
  margin-bottom: 0;
}

.required:after {
  content: " *";
  color: #fc655e;
}

.product-attributes ul {
  padding-left: 0;
  list-style: none;
}

.half-circle-spinner {
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  margin: 20px auto;
  border-radius: 100%;
  position: relative;
}
.half-circle-spinner * {
  box-sizing: border-box;
}
.half-circle-spinner .circle {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 3px solid transparent;
}
.half-circle-spinner .circle.circle-1 {
  border-top-color: var(--color-brand);
  animation: half-circle-spinner-animation 1s infinite;
}
.half-circle-spinner .circle.circle-2 {
  border-bottom-color: var(--color-brand);
  animation: half-circle-spinner-animation 1s infinite alternate;
}

@keyframes half-circle-spinner-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.button-loading {
  border: 1px solid #c4cdd5;
  cursor: default;
  text-shadow: none;
  color: transparent !important;
  position: relative;
  transition: border-color 0.2s ease-out;
}
.button-loading span {
  color: transparent !important;
}

.button-loading, .button-loading:hover, .button-loading:focus, .button-loading:active {
  color: transparent;
}

.button-loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  margin-top: -9px;
  margin-left: -9px;
  width: 18px;
  height: 18px;
  animation: button-loading-spinner 1s linear infinite;
  border-color: #ffffff;
  border-bottom-color: transparent;
}

.button-loading.btn-fill-out {
  color: transparent !important;
  border: 1px solid var(--color-brand);
}
.button-loading.btn-fill-out:before {
  width: 18px;
  background-color: transparent;
  border-color: var(--color-brand);
  border-bottom-color: transparent;
}
.button-loading.btn-fill-out:after {
  display: none;
}
@keyframes button-loading-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#alert-container {
  top: 100px;
  right: 5px;
  position: fixed;
  z-index: 9999999;
}
#alert-container .alert {
  max-width: 450px !important;
  min-height: 45px !important;
  font-weight: 400;
  position: relative;
  padding: 15px 40px 15px 60px;
  margin-bottom: 10px;
  box-shadow: 0 4px 10px 0 rgba(3, 3, 3, 0.1);
}
#alert-container .alert.alert-success {
  color: #299c77;
  background-color: #bff9d0;
}
#alert-container .alert .message-icon {
  position: absolute;
  left: 5%;
  top: 30%;
  font-size: 20px;
  fill: #299c77;
  stroke: #299c77;
}
#alert-container .alert.alert-dismissible .close {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 10px;
  padding: 0;
}

body.show-admin-bar #alert-container {
  top: 140px;
}
body.show-admin-bar .mobile-header-wrapper-style {
  top: 40px;
}
body.show-admin-bar .sticky-bar.stick {
  top: 40px;
}

.product__color {
  padding-bottom: 10px;
}
.product__color ul, .product__color ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product__color .color-swatch li {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.9rem;
}
.product__color .color-swatch li:last-child {
  margin-right: 0;
}
.product__color .color-swatch li span {
  margin-bottom: 0;
}

.text-swatch li {
  display: inline-block;
}
.text-swatch li input[type=radio], .text-swatch li input[type=checkbox] {
  display: none;
}
.text-swatch li input[type=radio]:checked ~ span:after, .text-swatch li input[type=checkbox]:checked ~ span:after {
  width: 15px;
  height: 15px;
  content: "\f143";
  font-family: "uicons-regular-straight" !important;
  position: absolute;
  overflow: hidden;
  right: -8px;
  bottom: 2px;
  color: #fff;
  font-size: 7px;
}
.text-swatch li input[type=radio]:checked ~ span:before, .text-swatch li input[type=checkbox]:checked ~ span:before {
  border: 16px solid transparent;
  border-bottom: 16px solid var(--color-brand);
  content: "";
  position: absolute;
  right: -16px;
  bottom: -1px;
}
.text-swatch li span {
  padding: 5px 15px;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  overflow: hidden;
  display: inline-block;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  line-height: 2rem;
  font-weight: 700;
  font-size: 18px;
  margin-right: 1rem;
}
@media screen and (max-width: 1100px) {
  .text-swatch li span {
    font-size: 16px;
    line-height: 1.8rem;
  }
}
@media screen and (max-width: 991px) {
  .text-swatch li span {
    font-size: 14px;
    line-height: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .text-swatch li span {
    font-size: 12px;
    line-height: 1.4rem;
  }
}
.text-swatch-custom li input[type=radio]:checked ~ span, .text-swatch-custom li input[type=checkbox]:checked ~ span {
  background-color: #E5FFCC;
}
.text-swatch-custom li input[type=radio]:checked ~ span:after, .text-swatch-custom li input[type=radio]:checked ~ span:before, .text-swatch-custom li input[type=checkbox]:checked ~ span:after, .text-swatch-custom li input[type=checkbox]:checked ~ span:before {
  content: unset;
}
.text-swatch-custom li span {
  padding: 4px 0.31rem;
}

.text-swatch li input[type=checkbox]:checked ~ span:after {
  bottom: 1px;
}

.widget__title {
  margin-bottom: 20px;
  text-transform: capitalize;
  font-weight: 600;
  letter-spacing: 0.3px;
  font-size: 1.25rem;
}

.attribute-name {
  margin-bottom: 5px;
}

.attribute-values ul {
  margin: 0;
  padding: 0;
  padding-left: 5px;
  list-style: none;
}

.widget--colors .color-swatch li {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px;
}

.custom-checkbox input[type=checkbox], .custom-checkbox input[type=radio], .custom-radio input[type=checkbox], .custom-radio input[type=radio] {
  display: none;
}
.custom-checkbox label, .custom-radio label {
  display: block;
}
.custom-checkbox span, .custom-radio span {
  display: block;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
}
.custom-checkbox input[type=checkbox]:checked ~ span:before, .custom-checkbox input[type=radio]:checked ~ span:before, .custom-radio input[type=checkbox]:checked ~ span:before, .custom-radio input[type=radio]:checked ~ span:before {
  content: "";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  position: absolute;
  right: 3px;
  top: -3px;
  background: var(--color-brand);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.custom-checkbox.disabled label, .custom-radio.disabled label {
  position: relative;
}
.custom-checkbox.disabled label:before, .custom-checkbox.disabled label:after, .custom-radio.disabled label:before, .custom-radio.disabled label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 90%;
  background-color: var(--hover-main-color);
  transform-origin: 50% 50%;
  transition: all 0.4s ease;
  z-index: 20;
}
.custom-checkbox.disabled label:before, .custom-radio.disabled label:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.custom-checkbox.disabled label:after, .custom-radio.disabled label:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.custom-checkbox.disabled span, .custom-radio.disabled span {
  opacity: 0.9;
}
.custom-checkbox.disabled input[type=checkbox]:checked ~ span:before, .custom-checkbox.disabled input[type=radio]:checked ~ span:before, .custom-radio.disabled input[type=checkbox]:checked ~ span:before, .custom-radio.disabled input[type=radio]:checked ~ span:before {
  display: none;
}

.rating_wrap .rating {
  font-family: uicons-regular-straight !important;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  height: 20px;
  width: 80px;
  display: inline-block;
}
.rating_wrap .rating::before {
  font-size: 12px;
  content: "\f225\f225\f225\f225\f225";
  top: 0;
  position: absolute;
  left: 0;
  float: left;
  color: #d2d2d2;
  letter-spacing: 2px;
  font-weight: 900;
}
.rating_wrap .rating_num {
  font-size: 12px;
  display: inline-block;
  color: #696969;
}
.rating_wrap .product_rate {
  overflow: hidden;
  font-family: uicons-regular-straight !important;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
  color: #EDB867;
}
.rating_wrap .product_rate::before {
  font-size: 12px;
  content: "\f225\f225\f225\f225\f225";
  top: 0;
  position: absolute;
  left: 0;
  letter-spacing: 2px;
  font-weight: 900;
}

.ps-checkbox {
  position: relative;
  display: block;
}
.ps-checkbox > input {
  position: absolute;
  visibility: hidden;
  box-sizing: border-box;
}
.ps-checkbox label {
  margin-bottom: 0;
  position: relative;
  padding-left: 30px;
  font-weight: 400;
  cursor: pointer;
}
.ps-checkbox label:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  transition: all 0.4s ease;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #000;
}
.ps-checkbox label:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  transition: all 0.4s ease;
  top: 4px;
  left: 7px;
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  opacity: 0;
  transform: rotate(0deg);
}
.ps-checkbox input[type=checkbox]:checked ~ label:before {
  background-color: #222;
  border-color: #222;
}
.ps-checkbox input[type=checkbox]:checked ~ label:after {
  transform: rotate(45deg);
  opacity: 1;
}

.ps-my-account {
  margin-top: 40px;
}

.customer-page .profile-sidebar .profile-usermenu li.list-group-item a.active {
  color: var(--color-brand);
}

.avatar-upload .avatar-input {
  border: none;
}

.list-content-loading {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: none;
  margin: -15px;
  border-radius: 3px;
}
.list-content-loading .half-circle-spinner .circle.circle-1 {
  border-top-color: #fff;
}
.list-content-loading .half-circle-spinner .circle.circle-2 {
  border-bottom-color: #fff;
}
.list-content-loading .half-circle-spinner {
  position: absolute;
  top: 200px;
  left: 0;
  right: 0;
}
.list-content-loading .half-circle-spinner .circle {
  border: 5px solid transparent;
}

@media screen and (max-width: 768px) {
  .list-content-loading {
    top: 15px;
  }
  .post-list .post-thumb {
    max-width: 100%;
  }
}
.product-cart-wrap .product-action-1 a.action-btn.button-loading, .product-cart-wrap .product-action-1 button.button-loading {
  background-color: var(--color-brand) !important;
  text-indent: -9999px;
}
.product-cart-wrap .product-action-1 a.action-btn.button-loading:before, .product-cart-wrap .product-action-1 button.button-loading:before {
  left: 50%;
  animation: button-loading-spinner 1s linear infinite;
  border: 3px solid;
  border-color: #fff #fff transparent;
  opacity: 1;
  margin-bottom: 0;
  visibility: visible;
}
.product-cart-wrap .product-action-1 a.action-btn.button-loading:after, .product-cart-wrap .product-action-1 button.button-loading:after {
  display: none;
}

.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total h5 {
  color: #9b9b9b;
  font-weight: 500;
  font-size: 12px;
  margin: 0 0 5px;
}
.cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total h5 span {
  font-size: 15px;
  float: right;
}
.cart-dropdown-wrap li.content-loading {
  position: relative;
}
.cart-dropdown-wrap li.content-loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  margin-top: -9px;
  margin-left: -9px;
  width: 18px;
  height: 18px;
  animation: button-loading-spinner 1s linear infinite;
  border-color: var(--color-brand);
  border-bottom-color: transparent;
}
.cart-dropdown-wrap li.content-loading:after {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  left: -10px;
  bottom: -10px;
  background: rgba(0, 0, 0, 0.02);
}

.cart-dropdown-wrap ul li .shopping-cart-title h3 small {
  font-size: 80%;
  color: #9b9b9b;
}

.product__attribute-custom {
  display: flex;
  align-items: center;
  align-content: center;
  text-align: center;
  border-radius: 0.5rem;
  border: 1px solid #E3E5E8;
  padding: 1rem;
}
.product__attribute .attribute-swatch-item.pe-none {
  cursor: not-allowed !important;
}
.product__attribute .attribute-swatch-item.pe-none > div {
  pointer-events: none !important;
}
.product__attribute .text-swatch .attribute-swatch-item.pe-none span, .product__attribute .color-swatch .attribute-swatch-item.pe-none span {
  color: gray;
  cursor: unset;
  opacity: 0.7;
}
.product__attribute .text-swatch .attribute-swatch-item.pe-none span:before, .product__attribute .text-swatch .attribute-swatch-item.pe-none span:after, .product__attribute .color-swatch .attribute-swatch-item.pe-none span:before, .product__attribute .color-swatch .attribute-swatch-item.pe-none span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px dashed #999;
}
.product__attribute .text-swatch .attribute-swatch-item.pe-none span:before, .product__attribute .color-swatch .attribute-swatch-item.pe-none span:before {
  transform: rotate(45deg);
}
.product__attribute .text-swatch .attribute-swatch-item.pe-none span:after, .product__attribute .color-swatch .attribute-swatch-item.pe-none span:after {
  transform: rotate(-45deg);
}

.cart-dropdown-wrap small {
  font-size: 80%;
}

.slick-slide {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
}
.slick-slide figure a {
  display: block;
}
.slick-slide img {
  display: block;
  margin: auto auto 0 auto;
}

@media only screen and (max-width: 480px) {
  .carousel-4-columns, .carousel-6-columns, .carousel-5-columns {
    max-width: none;
  }
}
.progress span {
  width: auto;
  min-width: 45px;
}

.progress.custom {
  background-color: #D6D8DC;
  width: 127px;
  height: 8px;
  margin: 0 1rem;
}
.progress.custom .progress-bar {
  background-color: #2550A7;
}
@media (max-width: 400px) {
  .progress.custom {
    margin: 0 0.5rem;
    width: 93px;
  }
}

.rate {
  display: flex;
}
.rate > input {
  display: none;
}
.rate > label {
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  color: #ffc700;
}
.rate > label:before {
  content: "★";
  font-size: 52px;
  line-height: 1;
  display: inline-block;
  transition: color 0.35s ease;
  color: inherit;
  width: 52px;
  text-align: center;
}
.rate > input:checked ~ label {
  color: #cccccc;
}
.rate > input:checked + label {
  color: #ffc700;
}
.rate:hover > label {
  color: #ffc700 !important;
}
.rate > input:hover ~ label {
  color: #cccccc !important;
}
.rate > input:hover + label {
  color: #ffc700 !important;
}

small {
  font-size: 80%;
}

.text-left {
  text-align: left;
}

.product-cart-wrap .product-content-wrap h2 {
  line-height: 25px;
  height: 40px;
}

.single-content article.entry-wraper ol, .single-content article.entry-wraper ul {
  padding-left: 25px;
  list-style: disc;
  margin-bottom: 25px;
}
.single-content article.entry-wraper ol li, .single-content article.entry-wraper ul li {
  font-weight: 400;
  list-style: disc;
}
.single-content article.entry-wraper ol {
  list-style: decimal;
}
.single-content article.entry-wraper ol li {
  list-style: decimal;
}
.single-content article.entry-wraper table {
  border: 1px solid #dee2e6;
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border-collapse: collapse;
  max-width: 100%;
}
.single-content article.entry-wraper table caption {
  font-size: 90%;
  padding: 10px 0;
  text-align: center;
  color: #6c757d;
  font-weight: 500;
  caption-side: top;
}
.single-content article.entry-wraper table th {
  vertical-align: bottom;
  padding: 0.75rem;
  border: 1px solid #dee2e6;
  border-bottom-width: 2px;
}
.single-content article.entry-wraper table td {
  border: 1px solid #dee2e6;
}
.single-content article.entry-wraper table tbody tr th {
  border-bottom-width: 1px;
}
.single-content article.entry-wraper table blockquote {
  margin: 0 0 1rem;
  padding: 2px 8px 2px 20px;
  border-width: 0;
  border-left-width: 5px;
  font-style: italic;
  border-style: solid;
  border-color: #ccc;
}
.single-content article.entry-wraper table blockquote p {
  font-size: 14px;
  line-height: 40px;
  margin-bottom: 0;
}
.single-content article.entry-wraper h2 {
  font-size: 1.75rem;
}
.single-content article.entry-wraper h3 {
  font-size: 1.5rem;
}
.single-content article.entry-wraper h4 {
  font-size: 1.25rem;
}
.single-content article.entry-wraper h5 {
  font-size: 1rem;
}
.single-content article.entry-wraper h6 {
  font-size: 0.9rem;
}

.single-content article.entry-wraper .single-more-articles ul {
  list-style: none;
}

#quick-view-modal .modal-body.modal-empty {
  min-height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#quick-view-modal .form-group {
  margin-bottom: 0;
}

.form-subscribe button {
  white-space: nowrap;
}

.separator {
  border-right: 1px solid #FCFCFC;
  height: 1.25rem;
}
@media only screen and (max-width: 991px) {
  .separator {
    border-right: 1px solid #0C101D;
    height: 1rem;
  }
}

.header-info.header-info-right > ul > li {
  padding: 0 1.063rem;
}
.header-info.header-info-right > ul > li > div img {
  vertical-align: middle;
  margin-right: 0.25rem;
}
.header-info.header-info-right > ul > li > div a {
  position: relative;
}
.header-info.header-info-right > ul > li > div a span.pro-count {
  position: absolute;
  right: 5px;
  top: -5px;
  color: #ffffff;
  height: 15px;
  width: 15px;
  border-radius: 100%;
  font-weight: 500;
  font-size: 9px;
  text-align: center;
  line-height: 15px;
  background-color: var(--color-brand);
}
.header-info.header-info-right > ul > li .btn {
  border-radius: 1rem;
  border: 1px solid #E3E5E8;
  background: #F4F5F6;
  padding: 0.688rem 1.125rem;
}
.header-info.header-info-right > ul > li .btn:hover {
  color: black;
}

.header-wrap {
  min-height: 60px;
}

.categories-dropdown-wrap ul li.has-children .dropdown-menu {
  min-width: 0;
}
.categories-dropdown-wrap .mega-menu-col ul li {
  width: 100%;
}

.post-thumb .entry-meta a {
  white-space: nowrap;
}

.entry-meta.meta-1 span:last-child:before {
  display: none;
}

.section--shopping-cart .table-responsive {
  padding: 0 10px;
}
.section--shopping-cart .table-responsive .table--cart.content-loading:after {
  right: -10px;
  left: -10px;
}

.section--shopping-cart .table--cart.content-loading {
  position: relative;
}
.section--shopping-cart .table--cart.content-loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  margin-top: -9px;
  margin-left: -9px;
  width: 50px;
  height: 50px;
  animation: button-loading-spinner 1s linear infinite;
  border-color: var(--color-brand);
  border-bottom-color: transparent;
  z-index: 99;
}
.section--shopping-cart .table--cart.content-loading:after {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.02);
}

.product-extra-link2 a {
  height: 44px;
  line-height: 44px;
}

.product-category-custom li {
  color: black;
  align-items: flex-start;
  display: flex;
}
.product-category-custom li:first-child {
  background: #F4F5F6;
}
.product-category-custom li .lileft {
  width: 124px;
}
.product-category-custom li .liright span {
  position: relative;
  text-align: center;
  padding: 0 10px;
}
.product-category-custom li .liright span::before {
  position: absolute;
  left: 0;
  content: "\f111";
  font-family: "uicons-regular-straight" !important;
  display: inline-block;
  font-size: 16px;
}

.has-buy-now-button .button.button-buy-now {
  background-color: #E81729;
  position: relative;
  padding: 0px 20px;
  border-radius: 5px;
  border: 0;
  height: 50px;
  line-height: 50px;
  font-weight: 700;
  font-size: 16px;
  font-family: var(--font-heading), sans-serif;
}
.has-buy-now-button .button.button-buy-now-custom {
  border-radius: 10px;
}

.deal-co {
  margin: 15px 0;
}

.popular-categories .card-1 h5 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.preloader {
  z-index: 9999999;
}

.header-info > ul > li > ul.language-dropdown {
  padding: 0;
  border-radius: 0;
}

@media screen and (max-width: 768px) {
  .hero-slider-content, .hero-slider-content-2 {
    margin-bottom: 20px;
  }
}
.image-upload__uploader-container .image-upload__uploader {
  line-height: 13px;
}

.block--review {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
}
.block--review .block__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.block--review .block__header img {
  border: 1px solid #ddd;
  border-radius: 50%;
}
.block--review .block__header h5 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6em;
  color: var(--color-heading);
}
.block--review .block__header .block__info {
  padding-left: 15px;
}
.block--review .block__content {
  padding-top: 10px;
}
.block--review:last-child {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: none;
}
.block--review .block__content {
  padding-top: 0;
}
.block--review .block__header {
  align-items: start;
}
.block--review > .block__header {
  padding-bottom: 15px;
}
.block--review > .block__header p {
  color: var(--color-heading);
}
.block--review > .block__header p i {
  margin-right: 0;
  font-size: 16px;
}
.block--review > .block__header p span {
  color: var(--color-heading);
  font-weight: inherit;
  margin-left: 0.5em;
}

.btn.btn-danger {
  background: #fff;
  color: #b02a37;
  border-color: #b02a37;
}
.btn.btn-danger:hover {
  background-color: #bb2d3b;
  color: #fff;
}

.categories-dropdown-inner > ul {
  width: 100%;
}

.header-top-ptb-1 #news-flash li {
  min-height: 15px;
  margin-top: 2px !important;
}
.header-top-ptb-1 #news-flash li i {
  vertical-align: top;
  margin-top: -2px;
}

.mobile-social-icon a {
  align-items: center;
  vertical-align: middle;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  margin-right: 10px;
  text-align: center;
  transition-duration: 0.5s;
  width: 34px;
}
.mobile-social-icon a img {
  width: 16px;
  height: 16px;
}
.mobile-social-icon a.linkedin {
  background-color: #0e76a8;
  border: 1px solid #0e76a8;
}
.mobile-social-icon a.facebook {
  background-color: #3b5999;
  border: 1px solid #3b5999;
}
.mobile-social-icon a.twitter {
  background-color: #55acee;
  border: 1px solid #55acee;
}
.mobile-social-icon a.tumblr {
  background-color: #35465c;
  border: 1px solid #35465c;
}
.mobile-social-icon a.instagram {
  background-color: #e4405f;
  border: 1px solid #e4405f;
}

.card-2 h6 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
}

.card-3 h6 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
}

.range .label-input span.from, .range .label-input span.to {
  font-weight: 600;
}
.range .label-input span.to:before {
  content: "- ";
}

.shop-product-filter-header button.submit, .shop-product-filter-header button[type=submit] {
  border-radius: 4px;
}
.shop-product-filter-header .card {
  margin-bottom: 20px;
}

.shop-filter-toggle.is-filtering .title {
  position: relative;
}
.shop-filter-toggle.is-filtering .title:after {
  background: #f74b81;
  border-radius: 50%;
  content: " ";
  height: 7px;
  position: absolute;
  top: 10%;
  width: 7px;
}

.list-of-suggestions li {
  cursor: pointer;
  font-weight: 500;
}
.list-of-suggestions li:hover {
  background-color: #E3E5E8;
}

@media only screen and (min-width: 1400px) {
  .col-xxl-1-5 {
    width: 20%;
  }
  .col-xxl-2-5 {
    width: 40%;
  }
  .col-xxl-3-5 {
    width: 60%;
  }
  .col-xxl-4-5 {
    width: 80%;
  }
  .col-xxl-5-5 {
    width: 100%;
  }
}
.tags-checkbox input[type=checkbox], .tags-checkbox input[type=radio], .tags-radio input[type=checkbox], .tags-radio input[type=radio] {
  display: none;
}
.tags-checkbox label, .tags-radio label {
  display: block;
}
.tags-checkbox span, .tags-radio span {
  cursor: pointer;
  display: inline-block;
  border-radius: 30px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
  padding: 10px 20px;
  border: 1px solid #E3E5E8;
  font-family: var(--font-heading), sans-serif;
  font-size: 17px;
  font-weight: 700;
}
.tags-checkbox span i, .tags-radio span i {
  color: var(--color-muted);
  font-size: 10px;
}
.tags-checkbox span i:before, .tags-radio span i:before {
  content: "\f143";
}
.tags-checkbox input[type=checkbox]:checked ~ span, .tags-checkbox input[type=radio]:checked ~ span, .tags-radio input[type=checkbox]:checked ~ span, .tags-radio input[type=radio]:checked ~ span {
  color: var(--color-brand);
}
.tags-checkbox input[type=checkbox]:checked ~ span i, .tags-checkbox input[type=radio]:checked ~ span i, .tags-radio input[type=checkbox]:checked ~ span i, .tags-radio input[type=radio]:checked ~ span i {
  color: var(--color-brand);
}
.tags-checkbox input[type=checkbox]:checked ~ span i:before, .tags-checkbox input[type=radio]:checked ~ span i:before, .tags-radio input[type=checkbox]:checked ~ span i:before, .tags-radio input[type=radio]:checked ~ span i:before {
  content: "\f15d";
}
.tags-checkbox.disabled label, .tags-radio.disabled label {
  position: relative;
}
.tags-checkbox.disabled label:before, .tags-checkbox.disabled label:after, .tags-radio.disabled label:before, .tags-radio.disabled label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 90%;
  background-color: var(--hover-main-color);
  transform-origin: 50% 50%;
  transition: all 0.4s ease;
  z-index: 20;
}
.tags-checkbox.disabled label:before, .tags-radio.disabled label:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.tags-checkbox.disabled label:after, .tags-radio.disabled label:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.tags-checkbox.disabled span, .tags-radio.disabled span {
  opacity: 0.9;
}
.tags-checkbox.disabled input[type=checkbox]:checked ~ span:before, .tags-checkbox.disabled input[type=radio]:checked ~ span:before, .tags-radio.disabled input[type=checkbox]:checked ~ span:before, .tags-radio.disabled input[type=radio]:checked ~ span:before {
  display: none;
}

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .mobile-language-active {
  position: relative;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .mobile-language-active span {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 5px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .mobile-language-active span i {
  font-size: 13px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul {
  padding-left: 15px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a {
  font-size: 13px;
  color: #253D4E;
  font-weight: 400;
}

@media only screen and (max-width: 768px) {
  .header-action-2 .header-action-icon-2:first-child {
    padding: 0;
  }
  .header-action-2 .header-action-icon-2 > a span.pro-count {
    height: 16px;
    width: 16px;
    font-size: 11px;
    line-height: 16px;
  }
  .header-action-2 .header-action-icon-2 > a img {
    max-width: 20px;
  }
  .logo.logo-width-1 a img {
    width: auto;
  }
}
.comment-form button {
  font-size: 24px;
  font-weight: 500;
  padding: 12px 40px;
  color: #ffffff;
  border: none;
  background-color: var(--color-brand);
  border-radius: 12px;
}
.comment-form button:hover {
  background-color: var(--color-primary) !important;
  border: none !important;
}

.form-group--icon .product-cat-label {
  position: relative;
  white-space: nowrap;
  color: #444;
  font-size: 14px;
  min-height: 42px;
  border-right: none;
  padding: 12px 45px 12px 20px;
  transition: all 0.3s ease 0s;
  -moz-appearance: none;
  -webkit-appearance: none;
  line-height: 42px;
}
.form-group--icon .product-cat-label:after {
  color: #0C101D;
  content: "\f10c";
  display: inline-block;
  font-family: uicons-regular-straight !important;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  right: 22px;
  top: 13px;
}
.form-group--icon .product-cat-label:before {
  content: "";
  height: 45px;
  width: 1px;
  background-color: #CACACA;
  position: absolute;
  right: 0;
  top: 2px;
}
.form-group--icon .product-category-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 100%;
  left: 0;
  min-height: 42px;
  opacity: 0;
  padding-left: 10px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.shop-product-filter-header {
  border: 1px solid #eee;
  border-radius: 10px;
  margin-bottom: 50px;
  padding: 30px;
  box-shadow: 0 -3px 23px rgba(0, 0, 0, 0.06);
}
.shop-product-filter-header .custome-checkbox {
  max-height: 300px;
  overflow: auto;
}
.shop-product-filter-header .show-advanced-filters {
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 20px;
}
.shop-product-filter-header .show-advanced-filters i {
  font-size: 8px;
}
.shop-product-filter-header .show-advanced-filters .angle-down {
  display: none;
}
.shop-product-filter-header .show-advanced-filters.active .angle-down {
  display: inline-block;
}
.shop-product-filter-header .show-advanced-filters.active .angle-up {
  display: none;
}
.shop-product-filter-header .advanced-search-widgets {
  margin-bottom: 40px;
}
.shop-product-filter-header .advanced-search-widgets .card {
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

.faqs-list h4 {
  margin-top: 30px;
  margin-bottom: 10px;
}
.faqs-list h4:first-child {
  margin-top: 0;
}
.faqs-list .card {
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.faqs-list .card .card-header {
  background: #fff;
  border-radius: 0;
}
.faqs-list .card .card-header h2 button {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  background: #fff;
  text-decoration: none !important;
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  text-transform: none;
}
.faqs-list .card .card-header h2 button::after {
  color: #ced4da;
  position: absolute;
  right: 0;
  top: -7px;
  border: 1px solid #ced4da;
  width: 40px;
  height: 40px;
  line-height: 30px;
  border-radius: 50%;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: center;
  transform: scale(0.7) !important;
  transition: transform 0.2s ease-in-out;
}
.faqs-list .card .card-header h2 button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.products-listing {
  margin-bottom: 80px;
}

body.modal-open {
  overflow: hidden !important;
}

.product-cart-wrap {
  height: calc(100% - 30px);
}
.product-cart-wrap.style-2 {
  height: 100%;
}
.product-cart-wrap.style-2 .product-content-wrap h2 {
  min-height: 48px;
}

.block--review .block__images.block__images_total a {
  height: auto;
}

.pagination-area .pagination .page-item.disabled .page-link {
  background-color: #f2f3f4;
}
.pagination-area .pagination .page-item .page-link {
  line-height: 40px !important;
  border-radius: 40px !important;
}

@media screen and (min-width: 993px) {
  .mobile-header-wrapper-style.sidebar-visible {
    opacity: 0;
    transform: translate(200px);
    visibility: hidden;
  }
  .mobile-menu-active .body-overlay-1 {
    opacity: 0;
    visibility: hidden;
  }
}
.product-cart-wrap .product-img-action-wrap {
  padding: 0;
  margin-bottom: 0.25rem;
}

.product-detail .title-detail {
  font-size: 74px;
  font-weight: 800;
  line-height: 88px;
}
@media only screen and (max-width: 1500px) {
  .product-detail .title-detail {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 1100px) {
  .product-detail .title-detail {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .product-detail .title-detail {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .product-detail .title-detail {
    font-size: 30px;
    line-height: 40px;
  }
}
.product-detail .detail-info {
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: center;
  padding: 5vw;
}
.product-detail .detail-info .product-price .current-price {
  color: #F99F1B;
  font-size: 58px;
}
@media only screen and (max-width: 1100px) {
  .product-detail .detail-info .product-price .current-price {
    font-size: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .product-detail .detail-info .product-price .current-price {
    font-size: 38px;
  }
}
.product-detail .detail-info .product-badges {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 20px;
}
.product-detail .detail-info .product-badges span {
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 9px 20px 10px;
}
.product-detail .detail-info hr {
  height: 2px;
}

.main-menu nav ul li a {
  line-height: 20px;
}

.main-menu > nav > ul > li ul.sub-menu li {
  margin-bottom: 15px;
}

.main-menu > nav > ul > li ul.sub-menu li ul.level-menu {
  padding: 15px 0;
}

.product-extra-link2 a {
  height: 50px;
  line-height: 50px;
}

.widget-area .single-post h5 {
  font-size: 15px;
}

.cart-dropdown-wrap ul li {
  flex-wrap: nowrap;
}

@media only screen and (max-width: 768px) {
  .header-action-right .cart-dropdown-wrap ul {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
@media (max-width: 1440px) {
  .banner-left-icon {
    display: block !important;
    text-align: center;
  }
  .banner-left-icon .banner-icon {
    max-width: 100%;
    margin-right: 0;
  }
  .banner-left-icon .banner-icon img {
    max-width: 60px;
  }
}
@media only screen and (max-width: 1200px) {
  .main-categories-wrap .et {
    display: none !important;
  }
}
.mfp-bg {
  z-index: 10400 !important;
}

.mfp-wrap {
  z-index: 10500 !important;
}

.ps-custom-scrollbar {
  max-height: 250px;
}
.ps-custom-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgb(102, 102, 102);
}
.ps-custom-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background: rgba(204, 204, 204, 0.9);
}
.ps-custom-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .ps-custom-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  border-radius: 0 !important;
  opacity: 1 !important;
}

select.form-control {
  height: 32px;
  -webkit-appearance: inherit;
  -moz-appearance: inherit;
  appearance: auto;
}

.alert-dismissible .btn-close {
  cursor: pointer;
}

@media (min-width: 1400px) {
  section .product-grid-2 .col-xxl-3 {
    width: 50%;
  }
  section .product-grid-3 .col-xxl-3 {
    width: 33.3333333333%;
  }
  section .product-grid-5 .col-xxl-3 {
    width: 20%;
  }
  section .product-grid-6 .col-xxl-3 {
    width: 16.6666666667%;
  }
}
main#main-section .product-info .entry-main-content ul, main#main-section .single-page .single-content ul {
  padding-left: 25px;
  margin: 10px 0;
}

main#main-section ul.pagination {
  flex-wrap: wrap;
}

main#main-section ul.pagination .page-item {
  margin: 5px;
}

main#main-section ul.pagination .page-item .page-link {
  display: inline-block;
  width: auto;
  min-width: 40px;
}

main#main-section > .ck-content {
  background: #F4F5F6;
}
main#main-section > .ck-content .home-slider {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 0 8px 0;
}
main#main-section > .ck-content .home-slider .container {
  padding: 8px 0 0 0;
  background: transparent;
}
main#main-section > .ck-content .home-slider .home-slide-cover.mt-30 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
main#main-section > .ck-content section:not(.home-slider, .banners.pt-60) {
  padding: 8px 0 0 0 !important;
}
main#main-section > .ck-content section:not(.home-slider, .banners.pt-60) .container {
  padding: 13px 8px;
  background: #fff;
}
@media only screen and (max-width: 480px) {
  main#main-section > .ck-content section:not(.home-slider, .banners.pt-60) .container {
    padding: 2px 8px;
  }
}
main#main-section > .ck-content section.banners.pt-60 {
  margin: 8px 0 !important;
  padding: 0 !important;
  background: #fff !important;
}
main#main-section > .ck-content section.banners.pt-60 .container {
  padding: 24px;
}

@media only screen and (max-width: 480px) {
  .slider-arrow.slider-arrow-2.flex-right {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    max-width: 70px;
  }
  .popular-categories .slider-btn.slider-prev {
    right: unset !important;
  }
  .slider-arrow.slider-arrow-2 .slider-btn {
    font-size: 17px;
    height: 30px;
    line-height: 35px;
    width: 30px;
    margin-right: 5px !important;
  }
}
footer.main {
  overflow: hidden;
}

input.qty-input::-webkit-outer-spin-button,
input.qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input.qty-input[type=number] {
  -moz-appearance: textfield;
  background: transparent;
  border: none;
  height: 20px;
  padding-left: 10px;
  color: var(--color-brand);
  font-weight: 700;
  font-size: 16px;
}

input.qty-input-cart[type=number] {
  -moz-appearance: textfield;
  background: transparent;
  border: none;
  height: 40px;
  width: 40px;
  padding-left: 0px;
  color: var(--color-brand);
  font-weight: 700;
  font-size: 16px;
}

input.qty-input-cart[type=number] {
  -moz-appearance: textfield;
  background: transparent;
  border: none;
  height: 40px;
  width: 40px;
  padding-left: 0px;
  color: var(--color-brand);
  font-weight: 700;
  font-size: 16px;
}

.detail-extralink .detail-qty:not(.detail-qty-custom) {
  padding: 11px 20px 11px 10px;
}

.hero-slider-1.style-4 .single-hero-slider.single-animation-wrap, .hero-slider-1.dot-style-1 .single-hero-slider.single-animation-wrap, .hero-slider-1.style-5 .single-hero-slider.single-animation-wrap {
  background-color: #F2F3F4;
}

.button.btn-disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.main-menu > nav > ul > li > a i.menu-icon {
  font-size: 14px;
}

.panel--search-result {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  border: 1px solid #eaeaea;
  transform: scaleZ(0);
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
}
.panel--search-result .panel__content {
  max-height: 400px;
  overflow-y: auto;
}
.panel--search-result .panel__footer {
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #eaeaea;
}
.panel--search-result.active {
  transform: scaleX(1);
  opacity: 1;
  visibility: visible;
}

.header-right .panel--search-result {
  left: -2px;
  width: calc(100% + 4px);
  border: 2px solid rgba(var(--color-brand-rgb), 0.4);
  border-top: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mobile-search .product-cart-wrap:not(:last-child) {
  margin-bottom: 0px !important;
}
.mobile-search .panel--search-result {
  border-color: rgba(var(--color-brand-rgb), 0.4);
  border-top: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 5px;
  top: 97%;
}

.product-tabs .nav-tabs .nav-link {
  padding-left: 15px !important;
  margin-bottom: 15px;
}

.grecaptcha-badge {
  bottom: 75px !important;
}

input.qty-input[type=number] {
  line-height: 20px;
}

.slider-nav-thumbnails button.slick-arrow {
  text-align: center;
  display: block;
  border-radius: 50%;
  padding: 0;
  background: var(--color-price);
}

.product-image-slider img {
  opacity: 0;
}
.product-image-slider .slick-slide img {
  opacity: 1;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .detail-info .detail-extralink .detail-qty:not(.detail-qty-custom) {
    max-width: 70px;
  }
}
.product-detail .short-desc ol, .product-detail .short-desc ul {
  padding-left: 25px;
  list-style: disc;
  margin-bottom: 25px;
}
.product-detail .short-desc ol li, .product-detail .short-desc ul li {
  font-weight: 400;
  list-style: disc;
}
.product-detail .short-desc ol {
  list-style: decimal;
}
.product-detail .short-desc ol li {
  list-style: decimal;
}
.product-detail .short-desc table {
  border: 1px solid #dee2e6;
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border-collapse: collapse;
  max-width: 100%;
}
.product-detail .short-desc table caption {
  font-size: 90%;
  padding: 10px 0;
  text-align: center;
  color: #6c757d;
  font-weight: 500;
  caption-side: top;
}
.product-detail .short-desc table th {
  vertical-align: bottom;
  padding: 0.75rem;
  border: 1px solid #dee2e6;
  border-bottom-width: 2px;
}
.product-detail .short-desc table td {
  border: 1px solid #dee2e6;
}
.product-detail .short-desc table tbody tr th {
  border-bottom-width: 1px;
}
.product-detail .short-desc table blockquote {
  margin: 0 0 1rem;
  padding: 2px 8px 2px 20px;
  border-width: 0;
  border-left-width: 5px;
  font-style: italic;
  border-style: solid;
  border-color: #ccc;
}
.product-detail .short-desc table blockquote p {
  font-size: 14px;
  line-height: 40px;
  margin-bottom: 0;
}
.product-detail .short-desc h2 {
  font-size: 1.75rem;
}
.product-detail .short-desc h3 {
  font-size: 1.5rem;
}
.product-detail .short-desc h4 {
  font-size: 1.25rem;
}
.product-detail .short-desc h5 {
  font-size: 1rem;
}
.product-detail .short-desc h6 {
  font-size: 0.9rem;
}
.product-detail .shop_info_tab.entry-main-content #Description ol, .product-detail .shop_info_tab.entry-main-content #Description ul {
  padding-left: 25px;
  list-style: disc;
  margin-bottom: 25px;
}
.product-detail .shop_info_tab.entry-main-content #Description ol li, .product-detail .shop_info_tab.entry-main-content #Description ul li {
  font-weight: 400;
  list-style: disc;
}
.product-detail .shop_info_tab.entry-main-content #Description ol {
  list-style: decimal;
}
.product-detail .shop_info_tab.entry-main-content #Description ol li {
  list-style: decimal;
}
.product-detail .shop_info_tab.entry-main-content #Description table {
  border: 1px solid #dee2e6;
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border-collapse: collapse;
  max-width: 100%;
}
.product-detail .shop_info_tab.entry-main-content #Description table caption {
  font-size: 90%;
  padding: 10px 0;
  text-align: center;
  color: #6c757d;
  font-weight: 500;
  caption-side: top;
}
.product-detail .shop_info_tab.entry-main-content #Description table th {
  vertical-align: bottom;
  padding: 0.75rem;
  border: 1px solid #dee2e6;
  border-bottom-width: 2px;
}
.product-detail .shop_info_tab.entry-main-content #Description table td {
  border: 1px solid #dee2e6;
}
.product-detail .shop_info_tab.entry-main-content #Description table tbody tr th {
  border-bottom-width: 1px;
}
.product-detail .shop_info_tab.entry-main-content #Description table blockquote {
  margin: 0 0 1rem;
  padding: 2px 8px 2px 20px;
  border-width: 0;
  border-left-width: 5px;
  font-style: italic;
  border-style: solid;
  border-color: #ccc;
}
.product-detail .shop_info_tab.entry-main-content #Description table blockquote p {
  font-size: 14px;
  line-height: 40px;
  margin-bottom: 0;
}
.product-detail .shop_info_tab.entry-main-content #Description h2 {
  font-size: 1.75rem;
}
.product-detail .shop_info_tab.entry-main-content #Description h3 {
  font-size: 1.5rem;
}
.product-detail .shop_info_tab.entry-main-content #Description h4 {
  font-size: 1.25rem;
}
.product-detail .shop_info_tab.entry-main-content #Description h5 {
  font-size: 1rem;
}
.product-detail .shop_info_tab.entry-main-content #Description h6 {
  font-size: 0.9rem;
}

.product-option input {
  height: auto;
  width: auto;
}

.pagination-area.pagination-page .pagination {
  display: inline-block;
}
.pagination-area.pagination-page .pagination .page-item {
  display: inline-block;
  margin-bottom: 15px;
}

.nav.nav-tabs li {
  list-style: none;
}

.dot-style-1 ul li {
  list-style: none;
}

.customer-mt-card-avatar {
  -webkit-mask-image: none !important;
  overflow: visible !important;
}
.customer-mt-card-avatar p {
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.2;
}

.border-radius-16 {
  border-radius: 16px !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.form-group select {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  height: 64px;
}
.form-group select:focus {
  background: #fff;
  box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, 0.1);
  border-color: #f99f1b;
}

.navfill-custom .nav-pills .nav-link {
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  color: black;
  border: none;
  min-width: auto;
  padding: 0.61rem 1.2rem;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}
.navfill-custom .nav-pills .nav-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--color-brand) !important;
  transition: transform 0.3s;
  transform: translate3d(0, 150%, 0);
}
.navfill-custom .nav-pills .nav-link.active {
  position: relative;
  color: var(--color-brand) !important;
  background: 0 0 !important;
}
.navfill-custom .nav-pills .nav-link.active:after {
  transform: translate3d(0, 0, 0);
}
.navfill-custom .nav-pills .nav-link.active:hover {
  position: relative;
  color: var(--color-brand) !important;
}
.navfill-custom .nav-pills .nav-link:hover {
  position: relative !important;
  color: lightgray !important;
}

.product-content-wrap > .product-name {
  min-height: 3.125rem;
}

.product-content-wrap.gap-8 {
  gap: 0.5rem;
}

.three-dot-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.three-dot-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-cart-wrap .product-badges.custom-product-badges-position {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}
.product-cart-wrap .product-badges.custom-product-badges-position .button-loading .img-wishlist {
  display: none;
}
.product-cart-wrap .product-badges.custom-product-badges-position .button-loading:before {
  border-color: #95989D !important;
}

/*Page Custom*/
.page-custom-title a {
  line-height: 2rem;
  color: var(--color-grey-1);
}
.page-custom-title a:hover {
  color: var(--color-brand);
}

.search-style-4 .input-search {
  height: 50px;
  border-radius: 50px;
  background-image: url(../imgs/theme/icons/search.png);
  background-repeat: no-repeat;
  background-position: center right;
  border: 1px solid #ced4da !important;
}
.search-style-4 .input-search::-moz-input-placeholder {
  opacity: 1;
}
.search-style-4 .input-search::-webkit-input-placeholder {
  opacity: 1;
}
@media only screen and (max-width: 991px) {
  .search-style-4 .input-search {
    border-radius: 8px;
  }
}
.search-style-4 input {
  height: 50px;
  border-radius: 50px;
}
.search-style-4 input::-moz-input-placeholder {
  opacity: 1;
}
.search-style-4 input::-webkit-input-placeholder {
  opacity: 1;
}
.search-style-4 select {
  height: 50px;
  border-radius: 50px;
}

.avatar {
  white-space: nowrap;
  background-color: #c3c3c3;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  color: #fff;
  display: inline-flex;
  font-size: 1rem;
  text-align: center;
  vertical-align: middle;
}
.avatar img {
  border-radius: 50%;
}

.imgProduct {
  white-space: nowrap;
  background-color: #c3c3c3;
  border-radius: 15%;
  position: relative;
  cursor: pointer;
  color: #fff;
  display: inline-flex;
  font-size: 1rem;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
}
.imgProduct img {
  border-radius: 15%;
  max-width: 100% !important;
}

.bg-pale-green-1 {
  background-color: #E5FFCC;
}

.bg-pale-cyan {
  background-color: #EFF9FE;
}

.text-catalina-blue {
  color: #2550A7;
}

.custom-btn {
  font-size: 16px;
  padding: 0.75rem 3.125rem !important;
  border: 0 !important;
}

.btn-light-gray {
  background-color: #F4F5F6 !important;
  color: black !important;
}
.btn-light-gray:hover {
  background-color: #D9DADC !important;
  cursor: pointer;
}

.imgStore {
  width: 96px;
  height: 96px;
}

@media only screen and (max-width: 1200px) {
  .social-icon {
    padding: 10px !important;
  }
}
@media only screen and (min-width: 1284px) {
  .card-3 .img-custom {
    max-width: 170px;
  }
}
@media only screen and (max-width: 1200px) {
  .card-3 {
    max-height: 138px;
  }
}
.select2-container {
  max-width: initial !important;
  width: 100% !important;
}

.select2-selection.select2-selection--single {
  border: none !important;
  border: 1px solid #ced4da !important;
  border-radius: 50px !important;
  padding: 0rem 2.25rem 0rem 0.75rem;
}

.imgProducer {
  width: 7.5rem;
  height: 6rem;
}

@media only screen and (max-width: 760px) {
  .imgProducer {
    width: 6rem;
    height: 4rem;
  }
  .producer-info h5 {
    font-size: 1rem;
  }
}
.img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  height: 10rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.mt-sticky-bar {
  margin-top: 80px;
}
@media (max-width: 992px) {
  .mt-sticky-bar {
    margin-top: 60px;
  }
}

.login-form {
  margin: 1.5rem 0;
}
.login-form .login_footer {
  padding: 0.75rem 1rem;
  margin: 0.5rem 0 1.5rem 0;
}
.login-form .login_footer a:hover img {
  filter: invert(96%) sepia(9%) saturate(6293%) hue-rotate(324deg) brightness(102%) contrast(98%);
}

.form-group input {
  border-color: #E3E5E8;
  height: 48px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.form-group .input-group-customer {
  padding: 8px;
  border-radius: 50px;
  overflow: hidden;
  background: #F5F5F4;
}
.form-group .input-group-customer .input-group-text {
  border: none;
  background: #F5F5F4;
}
.form-group .input-group-customer .input-group-text {
  padding-left: 1rem;
  padding-right: 1rem;
}
.form-group .input-group-customer .input-group-text img {
  max-width: 24px;
}
.form-group .input-group-customer .form-control {
  border-top: none;
  border-bottom: none;
  border-right: none;
  background: #F5F5F4;
}

.register_footer .custome-checkbox .form-check-label::before {
  border-color: #313235;
}

.attributes-button-active a {
  color: var(--color-brand) !important;
}

.attributes-dropdown {
  list-style-type: none;
  position: absolute;
  left: 0;
  z-index: 99;
  top: 30px;
  margin: 0;
  padding: 20px;
  background: #fff;
  font-size: 16px;
  min-width: 400px;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  visibility: hidden;
  border: 1px solid rgba(var(--color-brand-rgb), 0.4);
  border-radius: 10px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.attributes-dropdown.open {
  opacity: 1;
  visibility: visible;
}
.attributes-dropdown .attribute-list {
  display: flex;
  border: 1px solid #ececec;
  border-radius: 5px;
  padding: 5px;
  align-items: center;
}
.attributes-dropdown .attributes-dropdown-footer {
  border-top: 2px solid #f3f3f3;
}
.attributes-dropdown .attributes-dropdown-footer .attributes-dropdown-button {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 20px;
  align-items: center;
  align-self: center;
}
.attributes-dropdown .attributes-dropdown-footer .attributes-dropdown-button span {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  border-radius: 50px;
  line-height: 1;
  padding: 10px 20px;
  background-color: var(--color-brand);
  font-family: var(--font-heading), sans-serif;
  border: 2px solid var(--color-brand);
  margin: 0px 10px;
}
.attributes-dropdown .attributes-dropdown-footer .attributes-dropdown-button span.outline {
  background-color: transparent;
  border: 2px solid var(--color-brand);
  color: var(--color-brand);
}
.attributes-dropdown .attributes-dropdown-footer .attributes-dropdown-button span.outline:hover {
  color: #ffffff;
}
.attributes-dropdown .attributes-dropdown-footer .attributes-dropdown-button span:hover {
  background-color: var(--color-brand-2);
}
.attributes-dropdown .attributes-dropdown-footer .attributes-dropdown-button .btn-cancel-attributes-dropdown {
  background-color: var(--color-danger);
  border: 2px solid var(--color-danger);
}

.line-cart {
  border-bottom: 1px solid #ececec;
}

.text-grey-1 {
  color: var(--color-grey-1);
}

.color-price {
  color: var(--color-price);
}

.color-danger {
  color: var(--color-danger);
}

.mx-12 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.single-product #main-section {
  background-color: #f4f5f6;
}
.single-product .product-rate-cover span {
  padding: 0 0.5rem;
}
.single-product .product-rate-cover span:not(:nth-child(2)) {
  border-left: 1px solid #E3E5E8;
}
.single-product .detail-gallery .product-image-slider img {
  border-radius: 0;
}
.single-product .detail-gallery .product-image-slider .figure-custom-slide img {
  border-radius: 24px;
}
.single-product .slider-nav-thumbnails .slick-slide {
  border-radius: 24px;
}
@media only screen and (max-width: 1500px) {
  .single-product .slider-nav-thumbnails .slick-slide {
    border-radius: 18px;
  }
}
@media only screen and (max-width: 1500px) {
  .single-product .slider-nav-thumbnails .slick-slide {
    border-radius: 14px;
  }
}
.single-product .slider-nav-thumbnails img {
  border-radius: 0;
}
.single-product .slider-nav-thumbnails.slick-current img {
  border: 2px solid #a2d2c9;
}

.detail-qty-custom .qty-down, .detail-qty-custom .qty-up {
  outline: none;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #fff;
  color: var(--color-text);
}
.detail-qty-custom .qty-input {
  width: 74px;
  height: 40px;
  border-left: 0;
  border-right: 0;
  font-size: 16px;
  font-weight: 400;
  box-sizing: border-box;
  text-align: center;
  cursor: text;
  border-radius: 0;
  -webkit-appearance: none;
}
.detail-qty-custom .qty-input:focus {
  background: #fff;
}

#pointOfSaleModal .modal-header {
  padding: 1.5rem;
  align-items: start;
}
#pointOfSaleModal .modal-header .btn-close {
  background: url("../imgs/theme/icons/modal-cancel-icon.png") no-repeat center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.25em;
  margin: 0;
}
#pointOfSaleModal .modal-header .btn-close:hover {
  opacity: 1;
}
#pointOfSaleModal .div-input-search {
  max-width: 716px;
  width: 100%;
}
#pointOfSaleModal .div-button button {
  padding: 0.75rem 3.125rem !important;
  text-decoration-line: none;
}
#pointOfSaleModal .table td, #pointOfSaleModal .table th {
  border: none;
  padding: 1rem;
}

.search-style-4 .input-search.custom-input-search {
  height: 58px;
  background-color: #F4F5F6;
}

.badge-style {
  border-radius: 0.25rem;
  border: 1px solid #E3E5E8;
  background: #FCFCFC;
  padding: 0.12rem 0.25rem;
}

.form-check-input-custom:checked {
  background-color: #5FB540;
  border-color: #5FB540;
}

.ajax-table-processing {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
}

.table-cart-custom {
  padding: 1rem !important;
  border: 1px solid #E3E5E8;
  border-radius: 0.5rem;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 991px) {
  .table-cart-custom {
    overflow: unset !important;
  }
}
.table-cart-custom table > :not(caption) > * > * {
  padding: 15px;
}
.table-cart-custom table {
  border-radius: 0.5rem;
  border-collapse: separate;
  border-spacing: 0;
}
.table-cart-custom table .start {
  border-left-width: 1px !important;
}
.table-cart-custom table .end {
  border-right-width: 1px !important;
}
.table-cart-custom table thead th {
  border: 1px solid #E3E5E8;
  background-color: transparent !important;
  border-bottom-color: gainsboro !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  text-align: center;
  font-size: 1rem !important;
  padding: 1.125rem 0.5rem;
}
.table-cart-custom table tbody {
  text-align: center;
  font-size: 1rem !important;
}
@media screen and (min-width: 480px) and (max-width: 991px) {
  .table-cart-custom table tbody tr td:before {
    content: none;
  }
}
@media only screen and (max-width: 768px) {
  .table-cart-custom table .form-check-label {
    display: inline-block;
  }
}
@media only screen and (max-width: 480px) {
  .table-cart-custom table .tr-store {
    display: flex;
  }
  .table-cart-custom table .tr-store td:first-child {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .table-cart-custom table .tr-store td:nth-child(2) {
    margin: auto;
  }
}

.bg-green {
  background-color: #f3f8f0;
}

.cart_total_label {
  width: 80%;
  text-align: end;
}
@media only screen and (max-width: 991px) {
  .cart_total_label {
    width: 100%;
    text-align: start;
  }
}

.disable-attribute {
  pointer-events: none;
  opacity: 0.5;
}

.checkout-font {
  padding: 1.5rem !important;
  border: 1px solid #D9D9D9;
  border-radius: 0.438rem;
  color: var(--color-grey-1);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.06);
}
.checkout-font .address-control-item {
  background-color: #F5F5F4;
}
.checkout-font .address-item-selected {
  position: relative;
}
.checkout-font .address-item .default {
  position: absolute;
  top: 10px;
  right: 15px;
  display: block;
  font-size: 1rem;
  color: #009900;
  font-weight: 700;
}
.checkout-font .address-item p {
  color: #313235;
  font-weight: 500;
}
.checkout-font .address-item .name {
  font-weight: 700;
}
.checkout-font .font-text {
  font-family: var(--font-heading), sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}
.checkout-font .form-select {
  font-family: var(--font-heading), sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}
.checkout-font .payment-info-loading i, .checkout-font .shipping-info-loading i {
  font-size: 40px;
}
.checkout-font .payment-info-loading, .checkout-font .payment-info-loading-content, .checkout-font .shipping-info-loading, .checkout-font .shipping-info-loading-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  text-align: center;
}
.checkout-font .payment-info-loading-content, .checkout-font .shipping-info-loading-content {
  top: 10%;
}
.checkout-font .text-order-note {
  padding: 0.75rem 1rem;
  background-color: #F5F5F4;
  font-family: var(--font-heading), sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  overflow: hidden;
}
.checkout-font .input-group-custom {
  padding: 8px;
  border-radius: 50px;
  background: #F5F5F4;
}
.checkout-font .input-group-custom .iti--allow-dropdown {
  width: 100%;
}
.checkout-font .input-group-custom .form-control-custom {
  border: 0;
  background: #F5F5F4;
  position: relative;
  height: 48px;
  padding-right: 1rem;
  font-size: 1rem !important;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}
.checkout-font .input-group-custom .form-control-custom:focus {
  box-shadow: none;
  border: 0;
}

.text-checkout-font {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
}

.checkout-products-marketplace {
  background-color: #FCFFFA;
}
.checkout-products-marketplace:before {
  /* This doesn't work because of border-collapse */
  line-height: 1em;
  content: ".";
  color: white; /* bacground color */
  display: block;
}
.checkout-products-marketplace tr:first-child td:first-child {
  border: 1px solid #D9D9D9;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 0px;
}
.checkout-products-marketplace tr td {
  padding: 1rem;
}
.checkout-products-marketplace tr td span {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-grey-1);
}
.checkout-products-marketplace tr td:first-child {
  border-left: 1px solid #D9D9D9;
}
.checkout-products-marketplace tr td:last-child {
  border-right: 1px solid #D9D9D9;
}
.checkout-products-marketplace tr:last-child td:first-child {
  border-left: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  border-bottom-left-radius: 10px;
  border-top: 2px dotted #D9D9D9;
}
.checkout-products-marketplace tr:last-child td:last-child {
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  border-bottom-right-radius: 10px;
  border-top: 2px dotted #D9D9D9;
}
.checkout-products-marketplace .td-footer {
  background: #f3f8f0;
}
.checkout-products-marketplace .td-footer span {
  float: left !important;
}
.checkout-products-marketplace .td-footer span strong {
  font-weight: 700 !important;
}
.checkout-products-marketplace .shipping-option-form {
  display: flex;
  align-items: center;
}
.checkout-products-marketplace .shipping-option-form .shipping-title {
  width: 18%;
}
.checkout-products-marketplace .shipping-option-form .shipping-select {
  width: 35%;
}
.checkout-products-marketplace .price-text, .checkout-products-marketplace .total-text {
  float: right;
  color: #4b4b4b;
  font-weight: bold;
}
.checkout-products-marketplace .total-text {
  color: var(--color-danger);
  font-size: 1.25rem;
}
.checkout-products-marketplace .shipping-select {
  background-color: #FCFCFC;
}

.container-select-payment-method {
  padding: 2rem 1rem;
  border: 1px solid #E2E2E2;
  border-radius: 0.438rem;
}
.container-select-payment-method .select-payment-method {
  padding: 0.75rem 1rem;
  background-color: #F5F5F4;
}

.order-detail-title {
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 5px;
  color: #62656A;
}

.tbody-order-detail .product-img {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  max-width: 125px;
}
@media only screen and (max-width: 1200px) {
  .tbody-order-detail .product-img {
    max-width: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .tbody-order-detail .product-img {
    max-width: 80px;
  }
}
.tbody-order-detail tr td {
  text-align: center;
  line-height: 1.5rem;
  font-size: 1rem;
  box-shadow: none;
  padding: 1rem;
}
.tbody-order-detail tr:first-child td:first-child {
  border-top-left-radius: 10px;
}
.tbody-order-detail tr:first-child td:last-child {
  border-top-right-radius: 10px;
}
.tbody-order-detail tr .td-footer {
  border-bottom: 1px solid #D9D9D9 !important;
}
.tbody-order-detail tr .td-footer:first-child {
  border-bottom-left-radius: 10px;
}
.tbody-order-detail tr .td-footer:last-child {
  border-bottom-right-radius: 10px;
}
.tbody-order-detail tr td .type p {
  border: 1px solid #000000;
  border-left: none;
  border-right: none;
}

.order-detail-footer tr td {
  text-align: right;
  color: #0C101D;
  font-weight: 700;
}

.table-order-detail {
  border-radius: 16px;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #FFFFFF;
}
.table-order-detail .start {
  border-left-width: 1px !important;
}
.table-order-detail .end {
  border-right-width: 1px !important;
}
.table-order-detail thead tr th {
  font-size: 1rem !important;
  padding: 1rem;
  font-weight: 400;
}
.table-order-detail thead tr th:first-child {
  padding-left: 3rem;
}
.table-order-detail thead tr th:last-child {
  padding-right: 3rem;
}
.table-order-detail tbody tr td:first-child {
  padding-left: 3rem;
}
.table-order-detail tbody tr td:last-child {
  padding-right: 3rem;
}

.orders-tabs ul li a {
  font-weight: 500 !important;
}

.id-info {
  font-style: normal;
  color: #0C101D;
  font-weight: 500;
  line-height: 1.5rem;
  font-size: 1rem;
  font-family: var(--font-heading), sans-serif !important;
}
.id-info .document-info {
  border-right: 2px solid #E4E4E6;
}
.id-info .document-info .img-container {
  flex-wrap: wrap;
  margin: 0 -10px;
}
.id-info .document-info .img-container .img-text-group {
  width: -moz-fit-content;
  width: fit-content;
}
.id-info .document-info .img-container .img-box {
  width: 16.563rem;
  height: 11.125rem;
  margin-bottom: 12px;
  border-radius: 16px;
  border: 1px dashed #011C1E;
  padding: 8px;
}
.id-info .document-info .img-container .img-box .image-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
  border: 1px solid #E4E6E4;
}
.id-info .document-info .img-container .img-box .image-bg-font {
  background-image: url("../imgs/theme/img-default-identify-front.png");
}
.id-info .document-info .img-container .img-box .image-bg-back {
  background-image: url("../imgs/theme/img-default-identify-back.png");
}
.id-info select {
  font-size: 16px;
}
.id-info .id-link-social .input-group-cus {
  border-bottom: 1px solid #E3E5E8;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  background-color: unset;
  border-right: 0;
  padding: 0.375rem;
  font-family: var(--font-heading), sans-serif;
}
.id-info .id-link-social .input-group-cus img {
  max-width: 84%;
}

.has-wishlist {
  color: #5FB540 !important;
}

.register_footer .custome-checkbox .form-check-label::before {
  border-color: #313235;
}

.attributes-button-active a {
  color: var(--color-brand) !important;
}

.table-cart-custom {
  padding: 1rem !important;
  border: 1px solid #E3E5E8;
  border-radius: 0.5rem;
  width: 100%;
}
.table-cart-custom table {
  border-radius: 0.5rem;
  border-collapse: separate;
  border-spacing: 0;
}
.table-cart-custom table .start {
  border-left-width: 1px !important;
}
.table-cart-custom table .end {
  border-right-width: 1px !important;
}
.table-cart-custom table thead th {
  border: 1px solid #E3E5E8;
  background-color: transparent !important;
  border-bottom-color: gainsboro !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  text-align: center;
  font-size: 1rem !important;
  padding: 1.125rem 0.5rem;
}
.table-cart-custom table tbody {
  text-align: center;
  font-size: 1rem !important;
}

.bg-green {
  background-color: #f3f8f0;
}

.disable-attribute {
  pointer-events: none;
  opacity: 0.5;
}

.text-checkout-font {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
}

.container-select-payment-method {
  padding: 2rem 1rem;
  border: 1px solid #E2E2E2;
  border-radius: 0.438rem;
}
.container-select-payment-method .select-payment-method {
  padding: 0.75rem 1rem;
  background-color: #F5F5F4;
}

.order-detail-title {
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 5px;
  color: #62656A;
}

.order-detail-footer tr td {
  text-align: right;
  color: #0C101D;
  font-weight: 700;
}

.orders-tabs ul li a {
  font-weight: 500 !important;
}

.image-close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 14px;
  right: 14px;
  text-align: center;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
}
.image-close:after {
  content: "✖";
  font-size: 14px;
  color: white;
}

@media only screen and (max-width: 991px) {
  .overflow-order {
    overflow: scroll;
    flex-wrap: unset !important;
  }
  .overflow-order li a {
    width: -moz-max-content;
    width: max-content;
  }
}

@media only screen and (max-width: 991px) {
  .table-responsive table {
    min-width: unset;
  }
  .table-responsive table td::before {
    content: attr(data-title) " ";
    float: left;
    text-transform: capitalize;
    margin-right: 15px;
    font-weight: bold;
  }
  .thead-mb {
    display: none;
  }
  .d-flex-mobile {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }
  .text-start-mobile {
    text-align: start !important;
  }
  .padding-right-mobile {
    padding-right: 0 !important;
  }
  .padding-left-mobile {
    padding-left: 0 !important;
  }
  .border-bottom-unset {
    border-bottom: unset !important;
  }
  .margin-bottom-unset {
    margin-bottom: 0 !important;
  }
  .border-right-unset {
    border-right: unset !important;
  }
  .padding-tr-0 {
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
  }
  .float-unset {
    float: unset !important;
  }
  .mt-mobile-0 {
    margin-top: 0 !important;
  }
  .mb-mobile-0 {
    margin-bottom: 0 !important;
  }
  .mr-mobile-0 {
    margin-right: 0 !important;
  }
  .ml-mobile-0 {
    margin-left: 0 !important;
  }
  .pt-mobile-0 {
    padding-top: 0 !important;
  }
  .pb-mobile-0 {
    padding-bottom: 0 !important;
  }
  .pr-mobile-0 {
    padding-right: 0 !important;
  }
  .pl-mobile-0 {
    padding-left: 0 !important;
  }
  .d-none-mobile {
    display: none !important;
  }
  .d-block-mobile {
    display: block !important;
  }
  .overflow-scroll {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: auto;
    white-space: nowrap;
  }
  .flex-direction-mb {
    flex-direction: column;
    align-items: center !important;
  }
  .text-alert-mb {
    text-align: center;
  }
  .text-h4-mb {
    font-size: 16px;
  }
  .text-left-mb {
    text-align: left;
  }
  .border-left-mb {
    border-left: unset !important;
  }
  .border-top-left-radius-mb {
    border-top-left-radius: unset !important;
  }
  .border-right-mb {
    border-right: unset !important;
  }
  .border-top-right-radius-mb {
    border-top-right-radius: unset !important;
  }
}
.overflow-cart {
  overflow: unset;
}

@media only screen and (max-width: 1400px) {
  .flex-direction {
    flex-direction: column;
  }
  .align-items-center-mb {
    align-items: center !important;
  }
}
@media only screen and (max-width: 480px) {
  .custom-table-my-system td {
    display: table-cell !important;
  }
  .thead-sm {
    display: table-header-group !important;
  }
}
@media only screen and (max-width: 768px) {
  .custom-label-checkbox {
    display: block !important;
  }
}
@media only screen and (max-width: 458px) {
  .flex-direction-sm {
    flex-direction: column;
  }
  .text-align-sm {
    text-align: center !important;
  }
}
.w-max-content {
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (max-width: 991px) {
  .w-max-content {
    width: 100%;
  }
}

.custom-card-2 {
  background-color: unset !important;
  border: unset !important;
}

.d-flex-card {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
.d-flex-card .custom-card-2 {
  flex-basis: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  min-height: unset;
}
.d-flex-card .custom-card-2 h6 {
  max-width: 150px;
  white-space: unset;
}
@media only screen and (max-width: 991px) {
  .d-flex-card .custom-card-2 h6 {
    font-size: 15px;
    padding: 0;
  }
}
.d-flex-card .custom-card-2 figure {
  margin-bottom: 0;
}
.d-flex-card .custom-card-2 figure img {
  max-width: 64px;
}
@media only screen and (max-width: 1200px) {
  .d-flex-card .custom-card-2 {
    flex-basis: 25%;
  }
}
@media only screen and (max-width: 991px) {
  .d-flex-card .custom-card-2 {
    flex-direction: column;
  }
}

.flex-product-prince {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.border-radius-8 {
  border-radius: 8px;
}

.discount-prince {
  background-color: #F56457;
  color: #FFFFFF;
  border-radius: 0 4px 0 0;
  padding: 2px 4px 2px 4px;
  font-size: 12px;
}

.old-price-2 {
  font-size: 12px !important;
  font-weight: 500 !important;
}

.text-rating {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.text-title-h2 {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

.text-h3 {
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 40px !important;
  color: #12467F;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .text-h3 {
    font-size: 16px !important;
  }
}

.title-big {
  font-size: 60px;
  font-weight: 800;
  line-height: 70.26px;
  color: #12467F;
}
@media only screen and (max-width: 1400px) {
  .title-big {
    font-size: 40px;
    line-height: 46.84px;
  }
}
@media only screen and (max-width: 1200px) {
  .title-big {
    font-size: 35px;
    line-height: 58.55px;
  }
}
@media only screen and (max-width: 991px) {
  .title-big {
    font-size: 30px;
    line-height: 35.13px;
  }
}
@media only screen and (max-width: 768px) {
  .title-big {
    font-size: 30px;
    line-height: 35.13px;
  }
}

.text-h6 {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}
.text-h6 a {
  color: #12467F;
}
.text-h6 a:hover {
  color: var(--color-brand-2);
}

.custom-ul-nav {
  align-items: center;
  flex-wrap: nowrap !important;
  gap: 4px;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.custom-ul-nav li {
  list-style: none;
}
.custom-ul-nav .nav-item {
  flex: 1 0 274px;
  background-color: #FFFFFF;
  border-radius: unset !important;
}
.custom-ul-nav .nav-item:last-child {
  border-right: unset;
}
.custom-ul-nav .nav-link {
  border-radius: unset;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #0C101D !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  min-height: unset;
  margin-bottom: 0 !important;
  margin-right: 0;
}
.custom-ul-nav .nav-link:hover {
  transform: unset !important;
  box-shadow: unset !important;
}
.custom-ul-nav .active {
  background-color: unset !important;
  border-bottom: 4px solid #12467F !important;
}
.custom-ul-nav figure {
  margin-bottom: 0;
}
.custom-ul-nav figure img {
  max-width: 64px;
}
.custom-ul-nav h6 {
  white-space: unset !important;
}
.custom-ul-nav .unset-hover:hover {
  box-shadow: unset !important;
}

.scroll-inner::-webkit-scrollbar {
  width: 10px;
}
.scroll-inner::-webkit-scrollbar:horizontal {
  height: 0;
  width: 0;
  display: none;
}
.scroll-inner::-webkit-scrollbar-thumb:horizontal {
  display: none;
}

.bg-unset {
  background: unset !important;
  padding: 0 !important;
}

.unset-height {
  height: unset !important;
}

a {
  text-decoration: none !important;
}

.btn-categories {
  background-color: #4486DC;
  border-radius: 10px;
  width: -moz-max-content;
  width: max-content;
  padding: 13px 8px;
}

.auth-group {
  display: flex;
  border: 1px solid white;
  padding: 12px;
  border-radius: 8px;
}

.img-banner-product-categories {
  height: 210px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 30px;
}

.bg-banner {
  background: #f4f5f6;
}
@media only screen and (max-width: 991px) {
  .bg-banner {
    background: #fff;
  }
}

.banner-footer .banner-img img {
  max-height: inherit;
}

.text-label {
  font-size: 7.5px;
  font-style: normal;
  font-weight: 800;
  line-height: 7.757px;
  text-align: center;
  text-overflow: ellipsis;
  font-family: var(--font-heading), sans-serif;
}

@media only screen and (max-width: 991px) {
  .text-hd3-large-mb {
    font-size: 13px;
    line-height: 1rem;
  }
}

@media only screen and (max-width: 768px) {
  .img-mb-partner {
    max-width: 50px;
  }
}

.banner-container {
  height: 29.75rem;
}
.banner-container .slick-list {
  border-radius: 8px;
}
.banner-container .banner-item img {
  height: 230px;
  border-radius: 8px;
}

.link-affiliate span {
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 2rem;
}
.link-affiliate img {
  max-width: 4rem;
}
@media only screen and (max-width: 991px) {
  .link-affiliate img {
    max-width: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .link-affiliate img {
    max-width: 2rem;
  }
}

.text-swatch-custom li input[type=radio]:checked ~ span, .text-swatch-custom li input[type=checkbox]:checked ~ span {
  background-color: unset;
}

.product__attribute-custom {
  display: flex;
  flex-direction: column;
  align-items: start;
  align-content: start;
  text-align: start;
  border-radius: unset;
  border: unset;
  padding: unset;
}

.gap-1 {
  gap: 1rem;
}

.text-price-red {
  color: #FF2C38;
}

.bg-discount {
  background: #B7CBF3;
  color: #2550A7;
  padding: 2px 4px 2px 4px;
  border-radius: 58px;
}

.bg-wishlist {
  background: #5FB540 !important;
  border-radius: 8px;
}

.w-buy-now {
  width: 192px;
}
@media only screen and (max-width: 530px) {
  .w-buy-now {
    width: 80%;
  }
}
@media only screen and (max-width: 414px) {
  .w-buy-now {
    width: 75%;
  }
}
@media only screen and (max-width: 346px) {
  .w-buy-now {
    width: 70%;
  }
}

@media only screen and (max-width: 530px) {
  .w-add-cart {
    width: 100%;
    justify-content: center;
  }
}

.border-infor-producer {
  border: 1px solid #FF2C38;
  text-align: center;
  padding: 8px;
  color: #FF2C38;
  width: 200px;
  border-radius: 4px;
}
@media only screen and (max-width: 991px) {
  .border-infor-producer {
    width: 100%;
  }
}

.text-choose-point {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: #0C101D;
}
@media only screen and (max-width: 991px) {
  .text-choose-point {
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: 600;
  }
}

.text-choose-point-small {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #62656A;
}
@media only screen and (max-width: 991px) {
  .text-choose-point-small {
    font-size: 0.75rem;
    line-height: 1.4375rem;
    font-weight: 500;
  }
}

.border-endow {
  border: 1px solid #E3E5E8;
  border-radius: 8px;
}

.position-unset {
  position: unset;
}

@media only screen and (max-width: 991px) {
  .container {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}

@media only screen and (max-width: 991px) {
  .main#main-section > .ck-content {
    background: #fff;
  }
}

.mobile-menu .title {
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  color: #0C101D;
}
.mobile-menu li a {
  font-size: 13px !important;
  line-height: 16px !important;
  font-weight: 500 !important;
}

.text-menu-mb {
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: #0C101D;
}

.line-height-1 {
  line-height: 1;
}

.footer-banner .flex-70 {
  flex-basis: 70%;
}
@media only screen and (max-width: 991px) {
  .footer-banner .flex-70 {
    flex-basis: 100%;
  }
}
.footer-banner .flex-30 {
  flex-basis: 30%;
}
.footer-banner .image-left {
  height: 19.75rem;
  border-radius: 8px;
  -o-object-fit: fill;
     object-fit: fill;
}
@media only screen and (max-width: 991px) {
  .footer-banner .image-left {
    height: auto;
  }
}
.footer-banner .image-right {
  height: 9.7175rem;
  border-radius: 8px;
  -o-object-fit: fill;
     object-fit: fill;
}

.bg-dso-hierarchy-grey-90 {
  background-color: #E3E5E8 !important;
}

@media only screen and (max-width: 991px) {
  .product-info figure {
    width: 100% !important;
    overflow: auto;
  }
}

#spinner-div {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(255, 255, 255, 0.8);
}
#spinner-div .cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#spinner-div .spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #5FB540 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}
#spinner-div .is-hide {
  display: none;
}

.logo-mb a {
  display: flex;
  align-items: center;
}
.logo-mb a img {
  height: 60px;
}

.text-truncate-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.75rem;
}

.event-card {
  border-radius: 15px;
  border: 1px solid #E4E6E4;
  padding: 0px;
}

.card-product-custom {
  display: flex;
  flex-flow: row wrap;
}

.online-seminar-content {
  border-radius: 15px;
  border: 1px solid #E5E7E4;
  padding: 24px;
}

.text-brand {
  color: var(--color-brand);
}

.three-dot-6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.three-dot-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.honor-entrepreneur {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);
  font-family: var(--font-text), sans-serif !important;
}
.honor-entrepreneur .container-sales {
  background: #F4F6FA;
  border: 1px solid #F4F6FA;
  border-radius: 10px;
  padding: 10px;
}
.honor-entrepreneur h2 {
  height: 1.375rem !important;
}
.honor-entrepreneur span {
  line-height: 1.5rem;
  font-weight: 500;
}

.stick-fixed {
  position: fixed;
  z-index: 999;
  width: 100%;
}

@media (max-width: 992px) {
  .main {
    margin-top: 60px;
  }
}

hr.dashed {
  border-top: 3px dashed black;
  background-color: transparent;
}

@media only screen and (max-width: 480px) {
  .section-padding {
    padding: 0;
  }
  .d-inline-block-banner {
    display: inline-block;
  }
  .text-hd2 {
    font-size: 12px;
  }
}
.banner-item-img {
  max-width: 480px;
}

.card-partner {
  width: 204px;
}
@media only screen and (max-width: 991px) {
  .card-partner {
    width: 153px !important;
  }
}
@media only screen and (max-width: 768px) {
  .card-partner {
    width: 117px !important;
  }
}
@media only screen and (max-width: 480px) {
  .card-partner {
    width: 76px !important;
  }
}

.remove-border-table {
  padding: 0 !important;
  border: unset;
  border-radius: unset;
}

.remove-border {
  border: unset !important;
  border-radius: unset !important;
}

.btn-continue-shopping {
  background: #AAAAAA;
  color: #000000;
}

.text-333333 {
  color: #333333 !important;
}

.color-000000 {
  color: #000000 !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-32 {
  font-size: 32px;
}

.font-size-74 {
  font-size: 74px;
}

.font-shipping {
  font-size: 24px !important;
  font-weight: 500;
}

.bg-table-card {
  background: rgba(255, 255, 255, 0.5) !important;
}

.bg-none {
  background: none !important;
}

.unset-bg-input {
  background-color: unset !important;
  border: unset !important;
}
.unset-bg-input i {
  padding: 0 !important;
}

.height-20 {
  height: 20px !important;
}

.text-justify {
  text-align: justify !important;
}

.pl-0-cart {
  padding-left: 0 !important;
}

.flex-use-point {
  display: flex;
  align-items: center;
}

.justify-content-between {
  justify-content: space-between;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse;
}

.remove-before:before {
  content: none !important;
}

.shipping-payment input {
  display: none;
}
.shipping-payment label {
  display: inline-block;
  background-color: #ffffff;
  padding: 10px 13px;
  border-radius: 100px;
}
.shipping-payment input:checked + label {
  color: #0C568C;
  background-color: #C0DBEF;
}

.flex-cart-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.dropdown-language li span {
  width: 2rem;
  display: block;
  margin: 0 10px;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.4;
  text-transform: uppercase;
}

.dropdown-language {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}

.dropdown-language .dropdown-menu {
  width: 100%;
  min-width: auto;
  position: absolute;
  left: 0;
  transform: none;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  margin-top: 0;
  z-index: 1000;
}

.dropdown-language .dropdown-item {
  text-align: center;
}

.bg-4E8C0C {
  background-color: #4E8C0C !important;
}

.bg-AAAAAA {
  background-color: #AAAAAA !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.border-radius-lr-1 {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.border-radius-tb-1 {
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

.flex-total {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 0.5rem;
}

.border-radius-15 {
  border-radius: 15px;
}

body.modal-open {
  padding-right: 0 !important;
}

.custom-radio {
  display: flex;
  align-items: center;
  gap: 8px;
}
.custom-radio label {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}

.custom-radio .form-check-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: white;
  display: inline-block !important;
  position: relative;
  cursor: pointer;
}

.custom-radio .form-check-input:checked {
  background-color: white;
}

.custom-radio .form-check-input:checked::after {
  content: "";
  width: 13px;
  height: 13px;
  background-color: #4CAF50;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header-action-icon-2 .cart-dropdown-wrap {
  z-index: 999;
}

.title-1 {
  font-size: 3.75rem;
  font-weight: 800;
  line-height: 4.391rem;
}

.title-2 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.063rem;
  letter-spacing: 0.03em;
}

.startup-info {
  background: linear-gradient(to right, rgba(12, 86, 140, 0.2), rgba(78, 140, 12, 0.2));
  padding: 6rem 6rem 9rem 6rem;
}
.startup-info .title-1 {
  font-size: 80px;
  font-weight: 800;
  line-height: 93.68px;
  color: black;
}
.startup-info .card-stats .stats-number {
  font-size: 3.086rem;
  font-weight: 700;
  line-height: 3.623rem;
  color: #F99F1B;
}
.startup-info .card-stats .stats-text {
  font-size: 1.277rem;
  font-weight: 500;
  line-height: 2.394rem;
}
.startup-info .card-stats .stats-text-small {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: 0.03em;
}
.startup-info .card-stats div {
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.2509803922);
}
.startup-info .features-number {
  font-size: 4.733rem;
  font-weight: 900;
  line-height: 5.542rem;
  color: #0C568C;
}
.startup-info .features-text {
  font-size: 1rem;
  font-weight: 500;
}

.affiliate-container {
  margin: 3rem 7rem;
  display: grid;
  gap: 2.625rem;
}
.affiliate-container .title-1 {
  font-size: 3.75rem;
  font-weight: 800;
  line-height: 4.391rem;
  color: #0C568C;
  margin-bottom: 0.625rem;
}
.affiliate-container .title-2 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.063rem;
  letter-spacing: 0.03em;
}
.affiliate-container .affiliate-card-body {
  padding: 2.625rem;
  gap: 42px;
  border-radius: 16px 0px 0px 0px;
  background: rgba(12, 86, 140, 0.2);
  box-shadow: 0px 4px 9.6px 0px rgba(0, 0, 0, 0.2509803922);
  /* Container for cards */
  /* Each card */
}
.affiliate-container .affiliate-card-body .card-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 42px 60px;
}
@media (min-width: 1300px) {
  .affiliate-container .affiliate-card-body .card-container {
    grid-template-columns: repeat(5, 1fr);
  }
}
.affiliate-container .affiliate-card-body .card {
  background: #fff; /* Màu nền card */
  border: 1px solid #ddd; /* Viền card */
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Đổ bóng */
  padding: 32px;
}
.affiliate-container .affiliate-card-body .card img {
  margin-bottom: 32px;
}

.policy-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
  padding: 20px;
}

.policy-content {
  max-width: 600px;
}

.policy-content p {
  margin-bottom: 20px;
}

.policy-item {
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 20px;
  box-shadow: 0px 4px 21.1px 0px rgba(101, 188, 251, 0.6509803922);
}

.policy-item h3 {
  margin-bottom: 15px;
}

.policy-item p {
  font-size: 0.9rem;
  color: #333;
}

/* Responsive */
@media (max-width: 768px) {
  .policy-container {
    flex-direction: column; /* Xếp dọc khi màn hình nhỏ */
    align-items: center;
  }
  .policy-images,
  .policy-content {
    max-width: 100%;
  }
  .policy-image {
    width: 90%; /* Đảm bảo ảnh co lại trên màn hình nhỏ */
  }
}
.magrin-card-body-2 {
  margin: 2rem;
}

.title-1 {
  font-size: 3.75rem;
  font-weight: 800;
  line-height: 4.391rem;
  margin-bottom: 0.625rem;
}

.title-2 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.063rem;
  letter-spacing: 0.03em;
}

.title-3 {
  font-size: 1.188rem;
  font-weight: 700;
  line-height: 1.875rem;
}

.title-4 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}

.color-0C568C {
  color: #0C568C;
}

.membership-section {
  padding: 20px;
}
.membership-section .col {
  display: flex;
  flex-flow: row wrap;
}
.membership-section .membership-card {
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  padding: 20px;
}
.membership-section .membership-card .card-title {
  font-weight: 800;
  font-size: 48px;
  line-height: 62.4px;
}
.membership-section .membership-card .icon {
  font-size: 2rem;
  margin-bottom: 15px;
}
.membership-section .membership-card ul {
  list-style: none;
  padding: 0;
}
.membership-section .membership-card ul li {
  margin-bottom: 10px;
  color: #333;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.membership-section .membership-card.silver {
  background-image: url("../imgs/theme/starup_info_silver.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.membership-section .membership-card.gold {
  background-image: url("../imgs/theme/starup_info_gold.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.membership-section .membership-card.diamond {
  background-image: url("../imgs/theme/starup_info_diamond.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.membership-section .membership-card.vip {
  background-image: url("../imgs/theme/starup_info_vip.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.faq-item {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  margin-bottom: 15px;
}

.faq-item-header {
  padding: 15px;
  cursor: pointer;
}

.faq-item-content {
  display: none;
  padding: 15px;
}

.image-section {
  text-align: center;
}

.image-section img {
  max-width: 700px;
  height: auto;
}

.profile-card {
  padding: 25px 20px;
  background: white;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  max-width: 331px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.profile-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.card-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.profile-img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 4px solid rgba(255, 255, 255, 0.3);
  transition: transform 0.3s ease;
}

.profile-card:hover .profile-img {
  transform: scale(1.05);
}

.card-content {
  text-align: center;
}

.profile-name {
  font-size: 1.4rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 8px;
}

.profile-id {
  font-size: 0.9rem;
  color: #7f8c8d;
  margin-bottom: 15px;
  font-weight: 500;
}

.profile-amount {
  font-size: 1.6rem;
  font-weight: 800;
  color: #27ae60;
  margin-bottom: 15px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.profile-description {
  font-size: 0.85rem;
  color: #5a6c7d;
  line-height: 1.6;
  text-align: left;
}

.highlight-text {
  background: linear-gradient(90deg, #667eea, #764ba2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media (max-width: 768px) {
  .profile-card {
    max-width: 280px;
    margin: 20px;
  }
}
.archive-images-video-border-radius {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.text-ellipsis {
  display: -webkit-box; /* Tạo box flex ảo */
  -webkit-box-orient: vertical; /* Hướng dọc */
  -webkit-line-clamp: 4; /* Giới hạn 4 dòng */
  overflow: hidden; /* Ẩn phần dư */
  text-overflow: ellipsis; /* Hiện dấu ... */
}

.hover-icon-download {
  color: #436a87;
}
.hover-icon-download:hover {
  color: #000000;
}

.border-radius-warehouse-video {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.warehouse-video-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

#toast-container * {
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > div:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
:root {
  --color-highlight: #779d56;
  --color-white: #fff;
  --color-black-alpha-02: rgba(0, 0, 0, 0.2);
  --color-normal: #775aa7;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

.px-sm-7 {
  padding-left: 5rem;
  padding-right: 5rem;
}
@media screen and (max-width: 1600px) {
  .px-sm-7 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media screen and (max-width: 1300px) {
  .px-sm-7 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 1100px) {
  .px-sm-7 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.nav-click {
  position: absolute;
  right: 2rem;
  top: 1.5rem;
  width: auto;
  height: auto;
  color: var(--color-white);
  cursor: pointer;
  transition: top 0.3s ease-in-out;
  z-index: 200;
  opacity: 1;
}

.nav-click.active .toggle-1 {
  width: 60%;
  left: 20%;
  transform: rotate(45deg);
  top: 50%;
}

.nav-click.active .toggle-2 {
  transform: scaleX(0);
}

.nav-click.active .toggle-3 {
  width: 60%;
  left: 20%;
  transform: rotate(-45deg);
  top: 50%;
}

.nav-click > svg {
  display: none;
}

@media screen and (min-width: 1100px) {
  .logo.show-menu::before {
    opacity: 1;
  }
  .header.hide .logo.color-normal::before, .logo.show-menu::after {
    opacity: 0;
  }
  .header.hide .right-header, .header.hide .right-header.color-black {
    top: 0.25rem;
    color: var(--color-white);
  }
  .header.hide .nav-click, .header.hide .nav-click.color-black {
    top: 0.8rem;
    color: var(--color-white);
  }
  .header.hide .right-header.change, .right-header.change {
    color: var(--color-black);
    z-index: 100;
  }
  .header.hide .nav-click.active {
    color: var(--color-black);
  }
  .header.hide .logo.color-normal::after, .header.hide::after {
    opacity: 1;
  }
  .header.hide .logo {
    top: 0.25rem;
    left: 1rem;
    width: 8rem;
    height: 4.8rem;
  }
  .header.hide .icon-logo {
    transform: scale(1);
    filter: drop-shadow(0.3rem 0.5rem 1rem var(--color-black-alpha-01));
  }
  .header.hide .logo.show-menu .icon-logo {
    color: var(--color-white);
    filter: none;
  }
}
@media screen and (max-width: 1100px) {
  .header::after {
    height: 60px;
  }
  .header.hide::after {
    opacity: 1;
  }
  .header.hide .logo {
    top: 5px;
    left: 15px;
    width: 120px;
    height: 72px;
  }
  .header.hide .icon-logo {
    transform: scale(1);
    filter: drop-shadow(5px 10px 15px var(--color-black-alpha-01));
  }
  .header.hide .nav-click.color-black, .header.hide .right-header.color-black {
    color: var(--color-white);
  }
  .header.hide .logo.color-normal::before {
    opacity: 0;
  }
  .header.hide .logo.color-normal::after {
    opacity: 1;
  }
  .right-header {
    top: 5px;
    right: 90px;
    z-index: 25;
  }
  .right-header.change {
    color: var(--color-white);
    right: 90px;
    z-index: 10;
  }
  .cart-shopping::before, .login-but-supplier::before, .login-but::before {
    width: 40px;
    height: 40px;
  }
  .cart-shopping, .login-but, .login-but-supplier {
    margin: 0 10px;
  }
  .cart-shopping::after, .login-box::before, .login-but-supplier::after, .login-but::after {
    display: none;
  }
  .ecommerce-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin: 8px;
  }
  .language {
    margin-left: 10px;
  }
  .language li::after, .language li::before {
    width: 10px;
  }
}
@media screen and (max-width: 880px) {
  .header::after {
    background: var(--color-normal-dark-alpha-08);
  }
  .ecommerce-text {
    text-align: left;
    margin: 0 0 0 5px;
    line-height: 1.4;
    white-space: nowrap;
    padding: 0 15px 0 0;
  }
}
@media screen and (max-width: 780px) {
  .header::after {
    background: var(--color-normal-dark-alpha-08);
  }
  .logo {
    width: 180px;
    height: 108px;
    left: 30px;
  }
}
.ecommerce {
  transition: all 0.5s ease-in-out;
}

@media screen and (min-width: 1100px) {
  .header.hide .ecommerce-icon {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.4rem;
  }
  .header.hide .cart-shopping::before, .header.hide .login-but-supplier::before, .header.hide .login-but::before {
    width: 2rem;
    height: 2rem;
  }
}
@media screen and (max-width: 880px) {
  .ecommerce, .header.hide .ecommerce {
    position: fixed;
    width: auto;
    max-width: 100%;
    height: auto;
    opacity: 0;
    transform: translateX(50%);
    -webkit-backdrop-filter: blur(0.3rem);
    backdrop-filter: blur(0.3rem);
    color: var(--color-white);
    transition: 0.3s ease-in-out;
  }
  .header.hide .ecommerce {
    top: 60px;
    right: 0;
    transform: none;
    border-radius: 0 0 0 20px;
    background-color: var(--color-normal-dark-alpha-08);
    padding: 0 10px 10px;
    flex-direction: column;
  }
  .cart-shopping::after, .header.hide .ecommerce-text, .login-but-supplier::after, .login-but::after {
    display: none;
  }
  .header.hide .cart-shopping, .header.hide .login-but, .header.hide .login-but-supplier {
    margin: 5px 0;
  }
}
.cart-shopping, .ecommerce, .login-but, .login-but-supplier {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cart-shopping, .login-but, .login-but-supplier, .search-but {
  color: #FFFFFF;
  cursor: pointer;
  padding: 0;
  margin: 0 0.5rem;
  border-radius: 2rem;
}

.cart-shopping::before, .login-but-supplier::before, .login-but::before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  opacity: 0.5;
}

.cart-shopping.active, .cart-shopping.active::before {
  background-color: var(--color-normal);
}

.cart-shopping.active::before {
  border-color: var(--color-white-alpha-05);
  opacity: 1;
}

.cart-shopping.active, .cart-shopping.active .ecommerce-icon, .cart-shopping.active .ecommerce-text {
  color: var(--color-white);
}

.cart-shopping.active .cart-text {
  opacity: 1;
}

.cart-shopping.current {
  background-color: var(--color-normal-dark);
  pointer-events: none;
}

.cart-shopping.current::before {
  background-color: var(--color-highlight);
  border-color: var(--color-highlight);
  opacity: 1;
}

.cart-shopping.current, .cart-shopping.current .ecommerce-icon, .cart-shopping.current .ecommerce-text, .login-but.active .ecommerce-icon, .login-but.active .ecommerce-text, .login-but.current .ecommerce-icon, .login-but.current .ecommerce-text {
  color: var(--color-white);
}

.cart-shopping.shake .cart-text, .cart-shopping.shake .ecommerce-icon {
  animation-name: shakeCart;
  animation-duration: 0.8s;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

.cart-shopping.shake .ecommerce-icon {
  animation-duration: 1s;
  animation-delay: 0.2s;
}

@media screen and (min-width: 1100px) {
  .header.hide .ecommerce-icon {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.4rem;
  }
  .header.hide .cart-shopping::before, .header.hide .login-but-supplier::before, .header.hide .login-but::before {
    width: 2rem;
    height: 2rem;
  }
}
@media screen and (max-width: 900px) {
  .cart-shopping, .login-but, .login-but-supplier {
    margin: 0 5px;
  }
  .cart-shopping, .login-but, .login-but-supplier {
    margin: 10px 5px;
  }
  .cart-shopping::after, .header.hide .ecommerce-text, .login-but-supplier::after, .login-but::after {
    display: none;
  }
  .header.hide .cart-shopping, .header.hide .login-but, .header.hide .login-but-supplier {
    margin: 5px 0;
  }
}
@media screen and (max-width: 480px) {
  .cart-shopping::before, .login-but-supplier::before, .login-but::before {
    width: 34px;
    height: 34px;
  }
  .ecommerce-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin: 7px;
  }
  .ecommerce-text {
    font-size: 9px;
  }
}
@media screen and (max-width: 380px) {
  .cart-shopping::before, .login-but-supplier::before, .login-but::before {
    width: 30px;
    height: 30px;
  }
  .ecommerce-icon {
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin: 6px;
  }
  .ecommerce-text {
    font-size: 8px;
  }
}
.cart-text {
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 0.7rem;
  line-height: 1.4rem;
  background: var(--color-highlight);
  top: calc(50% - 0.7rem);
  left: -0.7rem;
  opacity: 0;
}

.cart-text, .ecommerce-text {
  font-weight: 700;
  color: #FFFFFF;
}

.cart-shopping.active .cart-text {
  opacity: 1;
}

.ecommerce-icon {
  position: relative;
  width: 1rem;
  height: 1rem;
  display: flex;
  margin: 0.5rem;
  border-radius: 50%;
  justify-content: center;
}
.ecommerce-icon span.pro-count {
  position: absolute;
  right: -10px;
  top: -10px;
  color: #ffffff;
  height: 15px;
  width: 15px;
  border-radius: 100%;
  font-weight: 500;
  font-size: 9px;
  text-align: center;
  line-height: 15px;
  background-color: var(--color-brand);
}

.ecommerce-icon a img {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.cart-text, .ecommerce-text {
  font-weight: 700;
  color: #FFFFFF;
}

.ecommerce-text {
  display: block;
  line-height: 1;
  margin: 0 0.8rem 0 0.8rem;
  position: relative;
}

.language {
  width: auto;
  height: auto;
  display: block;
  z-index: 5;
}

.language li {
  width: auto;
  height: auto;
  display: none;
  align-items: center;
  justify-content: center;
}

.language, .language li a, .search-top {
  position: relative;
  text-align: center;
}

.language li a {
  width: 2rem;
  display: block;
  margin: 0 10px;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.4;
  text-transform: uppercase;
}

.language li::after, .language li::before {
  content: "";
  width: 1rem;
  height: 2px;
  background-color: #FFFFFF;
  opacity: 0.5;
  position: relative;
  display: block;
}

.language li.active, .search-top {
  display: flex;
}

@media (hover: hover) and (pointer: fine) and (min-width: 1100px) {
  .back-form, .btn-login button, .btn-login-social, .btn-regis a, .cart-delete, .cart-img a, .cart-img button, .cart-img img, .cart-shopping, .cart-shopping::before, .close-cart, .close-login, .close-login-supplier, .ecommerce-text, .forget-text, .login-but, .login-but-supplier, .login-but-supplier::before, .login-but::before, .minus-item, .plus-item, .pop-update .close, .user-select-form li, .ecommerce-text {
    transition: all 0.3s ease-in-out;
  }
}
@media (hover: hover) and (pointer: fine) {
  .box-txt > ul li a, .language li a, .search-but {
    transition: all 0.3s ease-in-out;
  }
}
.box-txt > ul li svg, .language li, .language ul, .search-but img, .span-circle svg {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.search-but, .search-form {
  display: block;
  height: 3rem;
  transition: all 0.3s ease-in-out;
}

.search-but {
  width: 3rem;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 10;
}

.search-but img {
  width: 100%;
  height: 80%;
  margin: 10%;
}

.search-custom {
  position: absolute;
  max-width: 50%;
}
.search-custom form {
  justify-content: end;
}
.search-custom form input {
  background-image: none;
  width: 0;
}
.search-custom .input-search-product {
  border-radius: 1.5rem;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.search-custom .input-search-product.active {
  z-index: 4;
  opacity: 1;
  width: 100%;
}

.ecommerce.disable {
  z-index: 1;
  opacity: 0;
}

/* ------------------------------------------------ */
/* -------------------- SLIDE --------------------- */
/* ------------------------------------------------ */
:root {
  --slide-aspect: 2 / 3;
  --slide-transition-duration: 800ms;
  --slide-transition-easing: ease;
}

@keyframes Show100 {
  from {
    stroke-dashoffset: 570;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.slides__wrapper {
  width: 44rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1300px) {
  .slides__wrapper {
    width: 50%;
  }
}

.slides--infos {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}
.slides--infos > * {
  grid-area: 1/-1;
}

.slide {
  --slide-tx: 0px;
  --slide-ty: 0vh;
  --padding: 0px;
  --offset: 0;
  width: var(--slide-width);
  height: auto;
  aspect-ratio: var(--slide-aspect);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  perspective: 800px;
  transform: perspective(1000px) translate3d(var(--slide-tx), var(--slide-ty), var(--slide-tz, 0)) rotateY(var(--slide-rotY)) scale(var(--slide-scale));
  transition: transform var(--slide-transition-duration) var(--slide-transition-easing);
}

.slide[data-current] {
  --slide-scale: 1.2;
  --slide-tz: 0px;
  --slide-tx: 0px;
  --slide-rotY: 0;
  pointer-events: auto;
}

.slide[data-next] {
  --slide-tx: calc(1 * var(--slide-width) * 1.07);
  --slide-rotY: -45deg;
}

.slide[data-previous] {
  --slide-tx: calc(-1 * var(--slide-width) * 1.07);
  --slide-rotY: 45deg;
}

.slide:not([data-current]) {
  --slide-scale: 1;
  --slide-tz: 0;
  pointer-events: none;
}

.slide[data-current] .slide--image {
  filter: brightness(0.8);
}

.slide:not([data-current]) .slide--image {
  filter: brightness(0.5);
}

.slide__inner {
  --rotX: 0;
  --rotY: 0;
  --bgPosX: 0%;
  --bgPosY: 0%;
  position: relative;
  left: calc(var(--padding) / 2);
  top: calc(var(--padding) / 2);
  width: calc(100% - var(--padding));
  height: calc(100% - var(--padding));
  transform-style: preserve-3d;
  transform: rotateX(var(--rotX)) rotateY(var(--rotY));
}

.slide--image__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slide--image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translate(-50%, -50%) scale(1.25) translate3d(var(--bgPosX), var(--bgPosY), 0);
  transition: filter var(--slide-transition-duration) var(--slide-transition-easing);
}

/* ------------ SLIDE INFO ---------------- */
.slide-info {
  --padding: 0px;
  position: relative;
  width: 72%;
  height: 100%;
  aspect-ratio: var(--slide-aspect);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  perspective: 800px;
  z-index: 100;
  pointer-events: none;
}
.slide-info a {
  display: flex;
  align-items: center;
  position: absolute;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.slide-info[data-current] {
  pointer-events: auto !important;
}
.slide-info[data-current] .slide-info--text p, .slide-info[data-current] span, .slide-info[data-current] a {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 250ms;
  color: #FFFFFF;
}

.slide-info:not([data-current]) .slide-info--text p, .slide-info:not([data-current]) span, .slide-info:not([data-current]) a {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition-delay: 0ms;
}

.slide-info__inner {
  position: relative;
  left: calc(var(--padding) / 2);
  top: calc(var(--padding) / 2);
  width: calc(100% - var(--padding));
  height: calc(100% - var(--padding));
  transform-style: preserve-3d;
  transform: rotateX(var(--rotX)) rotateY(var(--rotY));
}

.slide-info--text__wrapper {
  position: absolute;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  bottom: 23%;
  transform: translateZ(var(--z-offset));
  z-index: 2;
}

.slide-info--text {
  color: #ffffff;
  overflow: hidden;
}
.slide-info--text p, .slide-info--text span {
  display: block;
  transition: var(--slide-transition-duration) var(--slide-transition-easing);
  transition-property: opacity, transform;
}
.slide-info--text[data-title] {
  font-size: 4rem;
  font-weight: 800;
  line-height: 5.625rem;
  margin-bottom: 1rem;
  font-family: var(--font-heading), sans-serif;
}
@media screen and (max-width: 1300px) {
  .slide-info--text[data-title] {
    font-size: 3rem;
    line-height: 4.625rem;
  }
}
.slide-info--text[data-subtitle] {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.375rem;
  margin-bottom: 1rem;
}
.slide-info--text[data-description] {
  font-size: 1.5rem;
  font-weight: 500;
  text-align: justify;
}

.banner-content-custom {
  width: 59rem;
}
@media screen and (max-width: 1600px) {
  .banner-content-custom {
    width: 48rem;
  }
}
@media screen and (max-width: 1300px) {
  .banner-content-custom {
    width: 34rem;
  }
}
.banner-content-custom .slick-dots button::before {
  color: #fff !important;
}

h3 {
  font-size: 36px;
  line-height: 100px;
  margin: 10px;
  padding: 2%;
  position: relative;
}

@keyframes transWidth {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes shakeCart {
  25% {
    transform: translateX(10px) scale(1.2);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(2px);
  }
  to {
    transform: none;
  }
}
.section-banner {
  transition: all 0.5s ease-in-out;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-header {
  margin: 0 12rem;
}
@media screen and (max-width: 1600px) {
  .section-header {
    margin: 0 18rem;
  }
}

.view-more-section {
  align-items: end;
  padding-right: 4.375rem;
}
@media screen and (max-width: 1100px) {
  .view-more-section {
    padding-right: 2.375rem;
  }
  .view-more-section a {
    font-size: 1rem;
  }
}

.max-w-none {
  max-width: none;
}

.style-slide {
  transition: all 0.1s ease-in-out;
  width: 23.75rem;
  height: 28.125rem;
}
@media screen and (max-width: 1600px) {
  .style-slide {
    width: 17.25rem;
    height: 21.125rem;
  }
}
@media screen and (max-width: 1300px) {
  .style-slide {
    width: 13.25rem;
    height: 16.625rem;
  }
}
.style-slide .image-slide-item {
  width: 18.25rem;
  height: 21.625rem;
  border-radius: 30px;
}
@media screen and (max-width: 1600px) {
  .style-slide .image-slide-item {
    width: 15.25rem;
    height: 18.625rem;
  }
}
@media screen and (max-width: 1300px) {
  .style-slide .image-slide-item {
    width: 11.25rem;
    height: 14.625rem;
  }
}

.banner-content-custom .slick-style-active {
  transition: all 0.5s ease-in-out;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.banner-content-custom .slick-style-active .image-slide-item {
  width: 23.75rem;
  height: 28.125rem;
  border: 4px solid #FFF3FF;
  border-radius: 30px;
}
@media screen and (max-width: 1600px) {
  .banner-content-custom .slick-style-active .image-slide-item {
    width: 17.25rem;
    height: 21.125rem;
  }
}
@media screen and (max-width: 1300px) {
  .banner-content-custom .slick-style-active .image-slide-item {
    width: 13.25rem;
    height: 16.625rem;
  }
}

.slide-container {
  display: flex;
  justify-content: end;
  position: absolute;
  z-index: 99;
  right: 0;
  top: 22rem;
}
@media screen and (max-width: 1600px) {
  .slide-container {
    top: 28rem;
  }
}
@media screen and (max-width: 1200px) {
  .slide-container {
    top: 38rem;
  }
}

/* ---------------------------------------------------------------- */
/* ------------------------- PRODUCT CARD ------------------------- */
/* ---------------------------------------------------------------- */
h3,
p {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

a {
  text-decoration: none;
}

button {
  border: 0;
  cursor: pointer;
  background-color: transparent;
  padding-inline: 0;
}

body {
  font-family: "Raleway", sans-serif;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

*,
:after,
:before {
  box-sizing: border-box;
}

@media screen and (max-width: 1800px) {
  body, html {
    font-size: 1vw;
  }
}
.wrap-large {
  margin: 6rem;
}

.product-pic {
  position: relative;
  width: 100%;
  height: 60vh;
  display: block;
  border-radius: 1rem;
  overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .product-inner:hover .product-pic::before {
    opacity: 0;
  }
  img {
    transition: all 0.5s ease-in-out;
  }
  .product-txt {
    transition: all 0.3s ease-in-out;
  }
  .order-but,
  .view-more,
  .heart-but {
    transition: all 0.3s ease-in-out;
  }
  .order-but svg,
  .view-more svg,
  .heart-but svg {
    transition: all 0.3s ease-in-out;
  }
}
.wrap-large {
  display: flex;
  justify-content: center;
}

.product-wrap {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
  border-radius: 1rem;
}

.product-pic::before {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  content: "";
  height: 80%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 80%);
  overflow: hidden;
  z-index: 1;
}
.product-pic::after {
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0) 80%);
  -webkit-backdrop-filter: blur(0.3rem);
  backdrop-filter: blur(0.3rem);
  opacity: 0;
  border-radius: 1rem;
  height: 100%;
  z-index: 1;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.transform-x {
  width: 120%;
  left: -10%;
  display: flex;
  overflow: hidden;
  position: absolute;
  height: 100%;
  top: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.transform-x img {
  width: 100%;
  position: relative;
  display: block;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  pointer-events: none;
}

.product-txt {
  height: auto;
  padding: 1.5rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 5;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.color-white {
  color: #fff;
  text-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
}

strong {
  font-weight: 700;
}

.weight-code {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0.5rem 0;
}

.short-description {
  position: relative;
  width: 100%;
  height: 5.75rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0.5rem 0;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
}

.code, .weight {
  position: relative;
  display: inline-block;
  margin: 0 1rem 0 0;
  color: #fff;
  font-weight: 700;
  padding: 0.3rem 0;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  white-space: nowrap;
}

.content-description {
  position: relative;
  margin: 0 1rem 0 0;
  color: #fff;
  font-weight: 400;
  padding: 0.1rem 0;
}

p {
  line-height: 1.6;
}

html[lang=vi] .code::before {
  content: "Mã số:";
}

.code::before {
  position: relative;
  display: inline-block;
  margin: 0 0.3rem 0 0;
  font-weight: 400;
}

.price-new {
  color: #f99f1b;
}

.price-product p {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  font-weight: 700;
  line-height: 1.2;
  font-size: 1.458vw;
  max-width: -moz-fit-content;
  max-width: fit-content;
  color: #f99f1b;
}

.currency {
  position: relative;
  margin-left: 0.5rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  font-size: 1.458vw;
}

.product-inner .wrap-view-more {
  display: flex;
  justify-content: space-between;
}
.product-inner .product-txt {
  bottom: -12.5rem;
}
.product-inner .product-title h3 {
  font-size: 1.458vw;
  font-weight: 800;
  line-height: 1.2;
  position: relative;
  display: block;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.product-inner .order-but-custom {
  background-color: unset;
  border: unset;
  color: #fff !important;
}
.product-inner .order-but-custom:hover {
  background-color: unset;
}
.product-inner .order-but-custom span {
  font-weight: 700;
  font-size: 1rem;
  line-height: 28.18px;
}
@media screen and (max-width: 1100px) {
  .product-inner .order-but-custom span {
    font-size: 20px;
  }
}
@media screen and (max-width: 900px) {
  .product-inner .order-but-custom span {
    font-size: 18px;
  }
}

.wrap-view-more {
  position: relative;
  display: block;
  margin: 1rem 0 0;
  z-index: 5;
}

.order-but,
.view-more,
.heart-but {
  color: #fff;
  z-index: 5;
  position: relative;
  display: flex;
  align-items: center;
}
.order-but span,
.view-more span,
.heart-but span {
  position: relative;
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 400;
  white-space: nowrap;
  margin: 0 0.8rem 0 0;
}

.icon-svg, .icon-svg-2 {
  position: relative;
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}
.icon-svg .after, .icon-svg-2 .after {
  stroke: rgba(255, 255, 255, 0);
  stroke-width: 2;
  stroke-dasharray: 570;
  stroke-dashoffset: 570;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.icon-svg-2 .checkin {
  transform: scale(0);
  transform-origin: center center;
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.order-but svg,
.view-more svg,
.heart-but svg {
  transition: all 0.3s ease-in-out;
}
.order-but:hover,
.view-more:hover,
.heart-but:hover {
  color: #f99f1b !important;
}
.order-but:hover svg,
.view-more:hover svg,
.heart-but:hover svg {
  transform: scale(1.1);
}
.order-but:hover .after,
.view-more:hover .after,
.heart-but:hover .after {
  animation-name: Show100;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  stroke: #f99f1b;
}
.order-but:hover .before,
.view-more:hover .before,
.heart-but:hover .before {
  stroke-width: 0;
}

.product-txt {
  transition: all 0.3s ease-in-out;
}

.product-pic::before {
  transition: opacity 0.3s ease-in-out;
}
.product-pic::after {
  transition: opacity 0.3s ease-in-out;
}

.product-inner:hover .product-txt {
  color: #f99f1b;
  text-shadow: none;
  bottom: 0 !important;
  transition: all 0.3s ease-in-out;
}
.product-inner:hover .product-pic img {
  transform: scale(1.03);
  filter: brightness(1.1);
}
.product-inner:hover .product-pic::after {
  opacity: 1;
}
.product-inner:hover .product-title h3 {
  color: #f99f1b;
  text-shadow: none;
  bottom: 0;
}

@keyframes Show100 {
  from {
    stroke-dashoffset: 570;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes Show100 {
  from {
    stroke-dashoffset: 570;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@media screen and (max-width: 480px) {
  .icon-svg, .icon-svg-2 {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 580px) {
  .extend.slide-pro .slidebox-item {
    width: calc(100% - 20px) !important;
    margin: 0 10px 20px 10px !important;
  }
  .product-inner .product-pic {
    max-height: 350px;
  }
}
@media screen and (max-width: 680px) {
  .product-txt {
    padding: 10px;
  }
}
@media screen and (max-width: 900px) {
  .product-title h3 {
    font-size: 3vw;
  }
}
@media screen and (max-width: 1100px) {
  body,
  html {
    font-size: 17px;
  }
  .on-show {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
  }
  .extend.slide-pro .slidebox-item {
    width: calc(50% - 30px) !important;
    margin: 0 15px 30px 15px !important;
  }
  .product-pic {
    height: 1200px;
    min-height: inherit;
    max-height: inherit;
    border-radius: 2vw;
  }
  .product-txt {
    padding: 20px;
  }
  .price {
    font-size: 1.458vw;
  }
  .product-inner .wrap-view-more {
    position: absolute;
    width: 100%;
    height: 90px;
    left: 0;
    bottom: -90px;
    padding: 10px 1.5vw;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0 0 15px 15px;
  }
  .product-inner .product-title h3 {
    font-size: 1.458vw;
  }
  .product-inner .product-pic::before {
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 80%);
  }
  .product-inner .product-txt {
    bottom: 0;
    padding: 15px;
  }
  .product-inner .product-pic {
    border-radius: 15px 15px 0 0;
    height: 70vh;
    max-height: 420px;
  }
  .product-inner .product-wrap {
    overflow: visible;
    border-radius: 15px 15px 0 0;
  }
  .wrap-view-more {
    margin: 20px 0 0;
  }
  .order-but span, .view-more span, .heart-but span {
    margin: 0 5px 0 0;
  }
  .icon-svg, .icon-svg-2 {
    width: 60px;
    height: 60px;
  }
  .wrap-large {
    height: 70vh;
  }
}
@media screen and (max-width: 1800px) {
  body, html {
    font-size: 1vw;
  }
}
.line-height-29 {
  line-height: 1.8rem;
}

@media (min-width: 576px) {
  .mt-sm-6 {
    margin-top: 5rem !important;
  }
}
/* ---------------------------------------------------------------- */
/* ------------------------- ECOSYSTEM ---------------------------- */
/* ---------------------------------------------------------------- */
.ecosystem-button {
  display: flex;
  justify-content: space-around;
  margin-top: 5rem;
  width: 36%;
  height: 21.5rem;
}
.ecosystem-button .ecosystem-wrap {
  position: relative;
}
.ecosystem-button .ecosystem-wrap .ecosystem-button-item {
  padding: 10px;
  border-radius: 30px;
  box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
  width: 164px;
  height: 185px;
  background-color: #CEDBEB;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 7px;
  z-index: 5;
  transition: all 0.3s ease-in-out;
}
.ecosystem-button .ecosystem-wrap .ecosystem-button-item .logo-ecosystem {
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 7rem;
  height: 7rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  bottom: 69%;
}
.ecosystem-button .ecosystem-wrap .ecosystem-button-item img {
  max-width: 80px;
}
.ecosystem-button .ecosystem-wrap .ecosystem-button-item p {
  margin: 10px 0 0;
  font-size: 1em;
  color: #333;
}
@media screen and (max-width: 1600px) {
  .ecosystem-button .ecosystem-wrap .ecosystem-button-item {
    width: 140px;
    height: 155px;
  }
  .ecosystem-button .ecosystem-wrap .ecosystem-button-item .logo-ecosystem {
    width: 6rem;
    height: 6rem;
  }
  .ecosystem-button .ecosystem-wrap .ecosystem-button-item img {
    max-width: 65px;
  }
}
@media screen and (max-width: 1400px) {
  .ecosystem-button {
    width: 38%;
  }
}

.ecosystem-wrap[data-active] .ecosystem-button-item {
  bottom: 4.5rem;
}

.mask-line {
  width: 100%;
  height: 61px;
  background-color: #FFFFFF;
  position: absolute;
  z-index: 6;
  right: 0;
  bottom: -13px;
  pointer-events: none;
}

.ecosystem-container {
  padding: 6rem;
  position: relative;
  height: 30rem;
}
.ecosystem-container img {
  width: 65%;
}
.ecosystem-container .ecosystem-info {
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1400px) {
  .ecosystem-container {
    height: 33rem;
  }
}

.ecosystem-info[data-active] {
  opacity: 1;
}

.ecosystem-info:not([data-active]) {
  pointer-events: none;
}

.text-24 {
  font-size: 24px;
}
@media screen and (max-width: 1400px) {
  .text-24 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .text-24 {
    font-size: 18px;
  }
}
@media screen and (max-width: 900px) {
  .text-24 {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .text-24 {
    font-size: 14px;
  }
}

.partner-item {
  margin-bottom: 4rem;
}
.partner-item figure {
  display: flex;
  justify-content: center;
}
.partner-item figure img {
  width: 10.636rem;
}
@media screen and (max-width: 1100px) {
  .partner-item figure img {
    width: 8.636rem;
  }
}
@media screen and (max-width: 900px) {
  .partner-item figure img {
    width: 6.636rem;
  }
}

.magazine figure img {
  width: 100%;
}
@media screen and (max-width: 1100px) {
  .magazine figure img {
    width: 80%;
  }
}
@media screen and (max-width: 900px) {
  .magazine figure img {
    width: 60%;
  }
}
@media screen and (max-width: 768px) {
  .magazine figure img {
    width: 50%;
  }
}

.slick-up,
.slick-down {
  z-index: 2;
  position: absolute;
  left: 95%;
  transform: translateX(-50%);
}

.slick-up {
  top: 40%;
}

.slick-down {
  bottom: 40%;
}

.slick-up,
.slick-down {
  font-size: 25px;
  border: none;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
  color: var(--color-brand);
}

.accordion-seminar button:focus {
  outline: unset;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.5);
}
.accordion-seminar .accordion-body {
  line-height: 34px;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
}

.accordion-button-custom {
  height: auto;
  width: 97%;
  margin-bottom: -10px;
  padding: 15px 10px;
  font-size: 22px;
  font-weight: 800;
  line-height: 33px;
  cursor: pointer;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-button-custom::after {
  font-family: "FontAwesome";
  height: auto;
  width: auto;
  background: none;
  transition: none;
  color: #0C568C;
}

.accordion-button-custom:not(.collapsed)::after {
  content: "\f068";
}

.accordion-button-custom.collapsed::after {
  content: "\f067";
}

.fade-slide .slide-seminar img, .seminar-default img {
  border-radius: 16px;
}

.international-research .research-title {
  font-size: 50px;
  font-weight: 800;
  line-height: 65px;
}
@media screen and (max-width: 1100px) {
  .international-research .research-title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 900px) {
  .international-research .research-title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (max-width: 768px) {
  .international-research .research-title {
    font-size: 25px;
    line-height: 35px;
  }
}

.compare-saponin-section .compare-right .certificate-content {
  height: 37rem;
  position: relative;
}
.compare-saponin-section .compare-right .certificate-content .certificate-image {
  position: absolute;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 1700px) {
  .compare-saponin-section .compare-right .certificate-content .certificate-image img {
    width: 94%;
  }
}
@media screen and (max-width: 1500px) {
  .compare-saponin-section .compare-right .certificate-content .certificate-image img {
    width: 78%;
  }
}
@media screen and (max-width: 1300px) {
  .compare-saponin-section .compare-right .certificate-content .certificate-image img {
    width: 60%;
  }
}
.compare-saponin-section .compare-left {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
}
.compare-saponin-section .compare-left p {
  font-size: 24px;
  line-height: 33px;
  font-weight: 400;
  color: #333333;
}
@media screen and (max-width: 1400px) {
  .compare-saponin-section .compare-left p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 1100px) {
  .compare-saponin-section .compare-left p {
    font-size: 18px;
    line-height: 25px;
  }
}
@media screen and (max-width: 900px) {
  .compare-saponin-section .compare-left p {
    font-size: 16px;
    line-height: 22px;
  }
}
@media screen and (max-width: 768px) {
  .compare-saponin-section .compare-left p {
    font-size: 14px;
    line-height: 20px;
  }
}
.compare-saponin-section .compare-left .compare-content {
  position: relative;
}
.compare-saponin-section .compare-left .compare-content .compare-content-item {
  position: absolute;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.compare-saponin-section .compare-left .compare-left-footer {
  display: flex;
  justify-content: space-between;
}
.compare-saponin-section .compare-left .compare-left-footer .compare-item {
  display: flex;
  width: 28%;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.compare-saponin-section .compare-left .compare-left-footer .compare-item img {
  width: 122.25px;
}
.compare-saponin-section .compare-left .compare-left-footer .compare-item .ginseng-name {
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1600px) {
  .compare-saponin-section .compare-left .compare-left-footer .compare-item img {
    width: 100px;
  }
}
@media screen and (max-width: 1300px) {
  .compare-saponin-section .compare-left .compare-left-footer .compare-item img {
    width: 80px;
  }
  .compare-saponin-section .compare-left .compare-left-footer .compare-item h6 {
    font-size: 13px;
  }
}

@keyframes moveRightToLeft {
  0% {
    transform: translateX(-78%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
.compare-item[active] img {
  transform: scale(1.3);
}
.compare-item[active] .ginseng-name {
  opacity: 0;
}

.compare-content-item[active] {
  opacity: 1 !important;
}

.certificate-image[active] {
  animation-name: moveRightToLeft;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.compare-content-item:not([active]), .certificate-image:not([active]) {
  pointer-events: none;
}

.renovation-journey-container .renovation-journey-name {
  font-family: var(--font-heading), sans-serif;
  font-weight: 800;
  line-height: 60px;
  font-size: 36px;
}
@media screen and (max-width: 1700px) {
  .renovation-journey-container .renovation-journey-name {
    font-size: 32px;
  }
}
@media screen and (max-width: 1400px) {
  .renovation-journey-container .renovation-journey-name {
    font-size: 28px;
  }
}
@media screen and (max-width: 1100px) {
  .renovation-journey-container .renovation-journey-name {
    font-size: 24px;
  }
}
@media screen and (max-width: 900px) {
  .renovation-journey-container .renovation-journey-name {
    font-size: 20px;
  }
}
.renovation-journey-container .image-slide-renovation {
  height: 38.375rem;
  display: block;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 30px;
  padding: 1rem;
}
@media screen and (max-width: 1700px) {
  .renovation-journey-container .image-slide-renovation {
    height: 33.375rem;
  }
}
@media screen and (max-width: 1400px) {
  .renovation-journey-container .image-slide-renovation {
    height: 30.375rem;
  }
}
@media screen and (max-width: 1100px) {
  .renovation-journey-container .image-slide-renovation {
    height: 28.375rem;
  }
}

.slick-left,
.slick-right {
  z-index: 2;
  position: absolute;
  left: 95%;
  transform: translateX(-50%);
}

.slick-left {
  bottom: -10%;
  left: 48%;
}
@media screen and (max-width: 1500px) {
  .slick-left {
    bottom: -20%;
  }
}

.slick-right {
  bottom: -10%;
  left: 52%;
}
@media screen and (max-width: 1500px) {
  .slick-right {
    bottom: -20%;
  }
}

.slick-left,
.slick-right {
  font-size: 25px;
  border: none;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
  color: var(--color-brand);
}

#fixed-social-left {
  position: fixed;
  top: 50%;
  z-index: 99;
}

#fixed-social-right {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 999;
}

#fixed-social-left a {
  color: #fff;
  display: flex;
  height: 3.8rem;
  position: relative;
  text-align: center;
  line-height: 40px;
  width: 3.8rem;
  margin-bottom: 1px;
  z-index: 2;
  border-radius: 50%;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.1);
}
#fixed-social-left a img {
  top: 30%;
}

#fixed-social-right a {
  display: flex;
  position: relative;
  text-align: center;
  line-height: 40px;
  width: 3.6rem;
  margin-bottom: 0.5rem;
  z-index: 2;
  border-radius: 50%;
  justify-content: center;
  background-color: transparent;
}
#fixed-social-right a img {
  top: 30%;
}

.product-detail .product-price-cover {
  position: relative;
}
.product-detail .product-price-cover .qr-code {
  position: absolute;
  top: -3rem;
  right: 0.5rem;
  width: auto;
  height: auto;
  display: inline-block;
  padding: 0.3rem;
  border: 1px solid var(--color-white);
}
.product-detail .product-price-cover .qr-code .img-qr {
  position: relative;
  width: 6rem;
  height: 6rem;
  display: block;
}
.product-detail .like-icon, .product-detail .like-icon-unlike {
  position: relative;
  display: block;
  padding: 0.5rem;
  cursor: pointer;
  margin: 0 0.3rem;
}
.product-detail .like-icon-unlike {
  border: 1px solid #090808;
  background-color: #fff;
  color: #090808;
}
.product-detail .order-but-custom {
  background-color: unset;
  border: unset;
  color: var(--color-text);
}
.product-detail .order-but-custom:hover {
  background-color: unset;
}
.product-detail .order-but-custom span {
  font-weight: 700;
  font-size: 1rem;
  line-height: 28.18px;
}
@media screen and (max-width: 1100px) {
  .product-detail .order-but-custom span {
    font-size: 20px;
  }
}
@media screen and (max-width: 900px) {
  .product-detail .order-but-custom span {
    font-size: 18px;
  }
}
.product-detail .like-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: var(--color-highlight);
  color: #fff;
}
.product-detail .like-but {
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0 0.5rem;
  position: relative;
  display: flex;
  align-items: center;
}
.product-detail .like-but .like-it {
  display: block;
  margin: 0.481rem 0.3rem;
  background-color: var(--color-highlight);
  transform: scale(0);
  transform-origin: center center;
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
  position: absolute;
  color: var(--color-white);
}
.product-detail .like-but .like-it, .product-detail .like-but .like-icon-unlike {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}
.product-detail .like-but .text {
  font-weight: 700;
  font-size: 1rem;
  line-height: 28.18px;
}
.product-detail .liked .like-it {
  transform: none;
}
.product-detail .form-review-product {
  padding: 2rem;
  background-color: #FFFFFF;
  border-radius: 24px;
}

.product-detail .product-extra-link2 {
  position: relative;
  background-color: #fff;
}

.product-description-section .description-product-title {
  line-height: 88px;
  font-weight: 400;
  font-size: 74px;
}
@media screen and (max-width: 1300px) {
  .product-description-section .description-product-title {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 1100px) {
  .product-description-section .description-product-title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 900px) {
  .product-description-section .description-product-title {
    font-size: 30px;
    line-height: 40px;
  }
}
.product-description-section .description-product hr {
  height: 2px;
  background-color: #333333;
}
.product-description-section .description-product p {
  font-size: 20px;
}
@media screen and (max-width: 1300px) {
  .product-description-section .description-product p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1100px) {
  .product-description-section .description-product p {
    font-size: 16px;
  }
}
@media screen and (max-width: 900px) {
  .product-description-section .description-product p {
    font-size: 14px;
  }
}
.product-description-section .image-wrapper {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 24px;
  padding: 3rem;
  max-width: 38.75rem;
}
.product-description-section .image-container {
  padding: 5rem;
}

.story-header .logo-img {
  width: 422px;
}
@media screen and (max-width: 1300px) {
  .story-header .logo-img {
    width: 322px;
  }
}
@media screen and (max-width: 1100px) {
  .story-header .logo-img {
    width: 222px;
  }
}
@media screen and (max-width: 900px) {
  .story-header .logo-img {
    width: 122px;
  }
}

.story-section {
  padding: 5rem;
}
.story-section .story-container {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 24px;
  padding: 3rem;
}
.story-section .story-container .title {
  font-size: 50px;
  font-weight: 800;
  line-height: 60px;
  text-align: left;
  color: #333333;
}
@media screen and (max-width: 1300px) {
  .story-section .story-container .title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 1100px) {
  .story-section .story-container .title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (max-width: 900px) {
  .story-section .story-container .title {
    font-size: 20px;
    line-height: 30px;
  }
}
.story-section .story-container .image {
  width: 500px;
}
@media screen and (max-width: 1300px) {
  .story-section .story-container .image {
    width: 400px;
  }
}
@media screen and (max-width: 1100px) {
  .story-section .story-container .image {
    width: 300px;
  }
}
@media screen and (max-width: 900px) {
  .story-section .story-container .image {
    width: 200px;
  }
}
.story-section .story-container p {
  font-size: 20px;
}
@media screen and (max-width: 1300px) {
  .story-section .story-container p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1100px) {
  .story-section .story-container p {
    font-size: 16px;
  }
}
@media screen and (max-width: 900px) {
  .story-section .story-container p {
    font-size: 14px;
  }
}

.certification-section {
  padding: 5rem;
}
.certification-section .images-wrapper, .certification-section .title-wrapper {
  border-radius: 24px;
  background-color: rgba(255, 255, 255, 0.5);
}
.certification-section .title-wrapper {
  padding: 1rem 5rem;
  text-align: center;
}
.certification-section .images-wrapper {
  padding: 3rem;
}
.certification-section .images-wrapper img {
  width: 90%;
}
.certification-section .images-wrapper .certification-title {
  font-size: 36px;
  font-weight: 800;
  line-height: 60px;
  text-align: center;
  color: #333333;
}
@media screen and (max-width: 1300px) {
  .certification-section .images-wrapper .certification-title {
    font-size: 30px;
    line-height: 50px;
  }
}
@media screen and (max-width: 1100px) {
  .certification-section .images-wrapper .certification-title {
    font-size: 24px;
    line-height: 40px;
  }
}
@media screen and (max-width: 900px) {
  .certification-section .images-wrapper .certification-title {
    font-size: 20px;
    line-height: 30px;
  }
}

.thank-you-section {
  background-color: #F6F6F6;
  padding: 5rem;
}
.thank-you-section .thank-you-image {
  align-items: center;
  padding: 3rem;
}
.thank-you-section .thank-you-image img {
  box-shadow: 10px 33px 50px 5px rgba(0, 0, 0, 0.5);
}
.thank-you-section p {
  font-size: 20px;
}
@media screen and (max-width: 1300px) {
  .thank-you-section p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1100px) {
  .thank-you-section p {
    font-size: 16px;
  }
}
@media screen and (max-width: 900px) {
  .thank-you-section p {
    font-size: 14px;
  }
}

.comment-form .title {
  font-size: 56px;
  font-weight: 400;
  line-height: 88px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #333333;
}
@media screen and (max-width: 1300px) {
  .comment-form .title {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 1100px) {
  .comment-form .title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 900px) {
  .comment-form .title {
    font-size: 30px;
    line-height: 40px;
  }
}
.comment-form .star-handle {
  margin: 0 0 1rem;
  padding: 0.5rem;
  background-color: rgb(221, 251, 220);
  border-radius: 0.5rem;
}
.comment-form .star-handle .star-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 39px;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1300px) {
  .comment-form .star-handle .star-title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (max-width: 1100px) {
  .comment-form .star-handle .star-title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media screen and (max-width: 900px) {
  .comment-form .star-handle .star-title {
    font-size: 16px;
    line-height: 26px;
  }
}
.comment-form .quality-container, .comment-form .service-container {
  padding: 5rem;
}
.comment-form textarea, .comment-form input {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.comment-form textarea:focus, .comment-form input:focus {
  background: #fff;
  box-shadow: 0 1rem 1.5rem 0 rgba(0, 0, 0, 0.1);
  border-color: #f99f1b;
}

.master-container .master-header {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 16px;
}
.master-container .master-header .title {
  color: #000000;
  font-size: 63px;
}
@media screen and (max-width: 1300px) {
  .master-container .master-header .title {
    font-size: 50px;
  }
}
@media screen and (max-width: 1100px) {
  .master-container .master-header .title {
    font-size: 40px;
  }
}
@media screen and (max-width: 900px) {
  .master-container .master-header .title {
    font-size: 30px;
  }
}
.master-container .master-header span {
  color: #767676;
  font-size: 24px;
  font-weight: 400;
  line-height: 28.18px;
}
@media screen and (max-width: 1300px) {
  .master-container .master-header span {
    font-size: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .master-container .master-header span {
    font-size: 18px;
  }
}
.master-container .master-header .qr-code-profile {
  max-width: 8.75vw;
}
.master-container .master-menu {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 16px;
}
.master-container .edit-account-card .card-title {
  color: #000000;
}
.master-container .edit-account-card .card-text {
  color: #62656A;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 1300px) {
  .master-container .edit-account-card .card-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .master-container .edit-account-card .card-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 900px) {
  .master-container .edit-account-card .card-text {
    font-size: 16px;
  }
}
.master-container .level-container p {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: #62656A;
}
@media screen and (max-width: 1300px) {
  .master-container .level-container p {
    font-size: 10px;
  }
}
@media screen and (max-width: 1100px) {
  .master-container .level-container p {
    font-size: 8px;
  }
}
.master-container .level-container .icon-level {
  width: 3.75rem;
  height: 3.75rem;
}
.master-container .level-container .icon-level img {
  width: 1.875rem;
}
.master-container .modal-content {
  border-radius: 24px;
}
.master-container .change-password-profile input {
  background-color: #FFFFFF;
}
.master-container .overflow-order {
  background-color: #FFFFFF;
  border-radius: 16px 16px 0px 0px;
}
.master-container .table-order {
  background-color: #FFFFFF;
  border-radius: 16px;
}
.master-container .table-order .title span {
  color: rgb(157, 157, 157);
}
.master-container .table-order tbody tr td {
  color: #0C101D;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  padding: 1rem;
  text-align: center;
}
.master-container .table-order tbody tr td .product-name {
  font-weight: 500;
}
.master-container .table-order tr:last-child td .add-cart a {
  background-color: #0C568C;
}

.px-6 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.youtube-section {
  padding: 5rem;
}
.youtube-section .youtube-figure iframe {
  width: 100%;
}

.login-content .form-group .input-group .input-group-text, .phone-content .form-group .input-group .input-group-text, .verify-content .form__content .form-group .input-group .input-group-text {
  position: absolute;
  z-index: 9;
  left: 1%;
  display: flex;
  bottom: 28%;
  border: unset;
  background-color: unset;
  padding: 0;
}
.login-content .form-group .input-group .input-group-text .img-reload, .phone-content .form-group .input-group .input-group-text .img-reload, .verify-content .form__content .form-group .input-group .input-group-text .img-reload {
  width: 1.5vw;
  cursor: pointer;
}
.login-content .form-group .input-group .input-group-text .active--reload, .phone-content .form-group .input-group .input-group-text .active--reload, .verify-content .form__content .form-group .input-group .input-group-text .active--reload {
  animation: button-loading-spinner 1s linear infinite;
}
.login-content .form-group .input-group .right-1, .phone-content .form-group .input-group .right-1, .verify-content .form__content .form-group .input-group .right-1 {
  right: 1%;
  left: unset;
}
.login-content .form-group .input-group #txt-username, .login-content .form-group .input-group #txt-password, .login-content .form-group .input-group #txt-phone, .phone-content .form-group .input-group #txt-username, .phone-content .form-group .input-group #txt-password, .phone-content .form-group .input-group #txt-phone, .verify-content .form__content .form-group .input-group #txt-username, .verify-content .form__content .form-group .input-group #txt-password, .verify-content .form__content .form-group .input-group #txt-phone {
  padding-left: 3rem !important;
}
@media screen and (max-width: 992px) {
  .login-content .form-group .input-group #txt-username, .login-content .form-group .input-group #txt-password, .login-content .form-group .input-group #txt-phone, .phone-content .form-group .input-group #txt-username, .phone-content .form-group .input-group #txt-password, .phone-content .form-group .input-group #txt-phone, .verify-content .form__content .form-group .input-group #txt-username, .verify-content .form__content .form-group .input-group #txt-password, .verify-content .form__content .form-group .input-group #txt-phone {
    padding-left: 4rem !important;
  }
}

.verify-content .form-group .otp-code::-webkit-outer-spin-button,
.verify-content .form-group .otp-code::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.custom-slick-left,
.custom-slick-right {
  z-index: 2;
  position: absolute;
  left: 95%;
  transform: translateX(-50%);
}

.custom-slick-left {
  bottom: 5%;
  left: 48%;
}

.custom-slick-right {
  bottom: 5%;
  left: 52%;
}

.custom-slick-left,
.custom-slick-right {
  font-size: 25px;
  border: none;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
  color: var(--color-brand);
}

/* Container chính */
#google_translate_element .goog-te-gadget-simple {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #000;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
}
#google_translate_element .goog-te-gadget-simple:hover {
  background-color: #f5f5f5;
  border-color: #999;
}
#google_translate_element .goog-te-gadget-simple img.goog-te-gadget-icon {
  display: none !important;
}
#google_translate_element .goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
}
#google_translate_element .goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed span {
  margin: 0 4px;
}
#google_translate_element .goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed span:last-child {
  font-size: 12px;
  color: #888;
}
#google_translate_element .goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed img {
  display: none;
}
#google_translate_element .goog-te-gadget-simple a.VIpgJd-ZVi9od-xl07Ob-lTBxed span[style*=border-left] {
  display: none;
}

@media only screen and (max-width: 480px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
  }
  header .background-price .header-wrap {
    gap: 3rem;
    padding: 0 10px;
  }
  header .background-price .header-wrap .header-action-icon-2 span::before,
  header .background-price .header-wrap .header-action-icon-2 span::after {
    background-color: white;
  }
  header .background-price .header-wrap .mobile-search {
    display: none;
  }
  header .background-price .header-wrap .header-action-right .header-action-2 {
    gap: 2rem;
  }
  header .background-price .header-wrap .header-action-right .header-action-2 .header-action-icon-2 .mini-cart-icon {
    margin-top: 5px;
  }
  header .background-price .header-wrap .header-action-right .header-action-2 .header-action-icon-2 img {
    width: 24px;
    max-width: none !important;
  }
  header .background-price .header-wrap .header-action-right .header-action-2 .header-action-icon-2 .rounded-circle {
    width: 28px !important;
  }
}
@media only screen and (max-width: 480px) {
  footer {
    padding: 6rem !important;
  }
  footer .footer-sidebar-custom {
    display: flex;
    flex-direction: column !important;
    gap: 3rem;
    justify-content: flex-start;
    align-items: flex-start;
  }
  footer .footer-sidebar-custom .footer-link-widget {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 !important;
  }
  footer .footer-sidebar-custom .footer-link-widget h4, footer .footer-sidebar-custom .footer-link-widget ul {
    width: 100%;
  }
  footer .footer-sidebar-custom .footer-link-widget:nth-of-type(4) .widget-title {
    display: none;
  }
  footer .footer-sidebar-custom .footer-link-widget:nth-of-type(4) .mobile-social-icon-custom li {
    display: none;
  }
  footer .footer-sidebar-custom .footer-link-widget:nth-of-type(4) .mobile-social-icon-custom img {
    width: 100% !important;
    margin-left: 0 !important;
  }
  footer .footer-sidebar-custom .footer-link-widget:nth-of-type(5) {
    width: 100% !important;
  }
  footer .footer-sidebar-custom .footer-link-widget:nth-of-type(5) .d-flex {
    gap: 3rem;
    flex-direction: column;
    width: 100%;
  }
  footer .footer-sidebar-custom .footer-link-widget:nth-of-type(5) .d-flex div {
    text-align: left !important;
    width: 100% !important;
  }
  footer .footer-sidebar-custom .footer-link-widget:nth-of-type(5) .mobile-social-icon-custom ul {
    display: none;
  }
  footer .footer-sidebar-custom .footer-link-widget:nth-of-type(5) .mobile-social-icon-custom img {
    margin-left: 0 !important;
    width: 20rem !important;
  }
  footer .footer-sidebar-custom .footer-link-widget:nth-of-type(6) {
    width: 100% !important;
  }
  footer .footer-sidebar-custom .footer-link-widget:nth-of-type(6) .d-flex {
    gap: 3rem;
    flex-direction: column;
    width: 100%;
  }
  footer .footer-sidebar-custom .footer-link-widget:nth-of-type(6) .d-flex div {
    text-align: left !important;
    width: 100% !important;
  }
  footer .footer-sidebar-custom .footer-link-widget:nth-of-type(6) h5 {
    font-size: 13px !important;
    line-height: 1.5 !important;
    text-transform: capitalize;
  }
  footer .footer-sidebar-custom .widget-title {
    font-size: 16px;
    margin: unset;
    line-height: 2 !important;
    text-align: left !important;
  }
  footer .footer-sidebar-custom .footer-list {
    margin-bottom: 0 !important;
  }
  footer .footer-sidebar-custom .footer-list li {
    margin: unset;
    text-align: left;
  }
  footer .footer-sidebar-custom .footer-list li a span {
    font-size: 13px;
    line-height: 2;
  }
  footer .footer-sidebar-custom .site-info-custom .site-info-custom-right {
    margin-top: 0 !important;
  }
  footer .footer-sidebar-custom .site-info-custom .site-info-custom-right hr {
    margin-bottom: 20px !important;
  }
  footer .footer-sidebar-custom .site-info-custom .site-info-custom-right .widget-about {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    margin-bottom: 0;
  }
  footer .footer-sidebar-custom .site-info-custom .site-info-custom-right .widget-about h3 {
    font-size: 16px;
    font-weight: 700;
  }
  footer .footer-sidebar-custom .site-info-custom .site-info-custom-right .widget-about h3, footer .footer-sidebar-custom .site-info-custom .site-info-custom-right .widget-about h4 {
    line-height: 1.5 !important;
  }
  footer .footer-copyright {
    padding: 16px 0;
  }
  footer .footer-copyright p {
    font-size: 13px;
  }
}
@media only screen and (max-width: 480px) {
  .login-content .heading_s1 {
    padding: 10px 0;
  }
  .login-content .heading_s1 h1 {
    font-size: 22px;
    margin-bottom: 0 !important;
  }
  .login-content .login-form {
    margin: 1.5rem 2.5rem !important;
  }
  .login-content .login-form .padding_eight_all {
    padding: 3rem !important;
  }
  .login-content .login-form .padding_eight_all form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .login-content .login-form .padding_eight_all form .form-group {
    margin-bottom: 0;
  }
  .login-content .login-form .padding_eight_all form .form-group .input-group {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
  }
  .login-content .login-form .padding_eight_all form .form-group .input-group .input-group-text {
    left: 2%;
    bottom: 35%;
  }
  .login-content .login-form .padding_eight_all form .form-group .input-group #txt-username, .login-content .login-form .padding_eight_all form .form-group .input-group #txt-password, .login-content .login-form .padding_eight_all form .form-group .input-group #txt-phone, .login-content .login-form .padding_eight_all form .form-group .input-group #txt-username, .login-content .login-form .padding_eight_all form .form-group .input-group #txt-password, .login-content .login-form .padding_eight_all form .form-group .input-group #txt-phone {
    padding-left: 7.5rem !important;
    font-size: 13px !important;
  }
  .login-content .login-form .padding_eight_all form .form-group img {
    width: 18px;
  }
  .login-content .login-form .padding_eight_all form .form-group a, .login-content .login-form .padding_eight_all form .form-group i {
    font-size: 16px !important;
  }
  .login-content .login-form .padding_eight_all form .form-group .btn {
    padding: 10px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
    height: 40px;
  }
  .login-content .login-form .padding_eight_all form .login_footer {
    display: block;
    margin: 0 !important;
    padding: 10px 3px !important;
  }
  .login-content .login-form .padding_eight_all form .login_footer a {
    font-size: 13px !important;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
  }
  .login-content .login-form .padding_eight_all form .login_footer a img {
    margin-top: -2px;
  }
}
@media only screen and (max-width: 480px) {
  .register-content .heading_s1 {
    padding: 10px 0;
  }
  .register-content .heading_s1 h3 {
    font-size: 22px;
    margin-bottom: 0 !important;
  }
  .register-content .register-form {
    padding: 0 !important;
  }
  .register-content .register-form form {
    margin: 2.5rem !important;
  }
  .register-content .register-form form .row {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 2.5rem !important;
  }
  .register-content .register-form form .row .form-group {
    margin-bottom: 0;
  }
  .register-content .register-form form .row .form-group .input-group {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
  }
  .register-content .register-form form .row .form-group .input-group input {
    font-size: 13px !important;
  }
  .register-content .register-form form .row .register_footer .custome-checkbox .text-hd1 {
    font-size: 13px !important;
  }
  .register-content .register-form form .row .btn {
    padding: 10px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
    height: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .phone-content .heading_s1 {
    padding: 10px 0;
    margin-bottom: 0 !important;
  }
  .phone-content .heading_s1 h1 {
    font-size: 22px;
    margin-bottom: 10px !important;
  }
  .phone-content .heading_s1 p {
    font-size: 13px !important;
    margin-bottom: 10px !important;
  }
  .phone-content .phone-content-form .widget-taber-content {
    margin: 1.5rem 2.5rem !important;
  }
  .phone-content .phone-content-form .widget-taber-content .padding_eight_all {
    padding: 3rem !important;
  }
  .phone-content .phone-content-form .widget-taber-content .padding_eight_all .form--auth .form-group {
    margin-bottom: 0;
  }
  .phone-content .phone-content-form .widget-taber-content .padding_eight_all .form--auth .form-group .input-group {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
  }
  .phone-content .phone-content-form .widget-taber-content .padding_eight_all .form--auth .form-group .input-group .input-group-text {
    left: 2%;
    bottom: 35%;
  }
  .phone-content .phone-content-form .widget-taber-content .padding_eight_all .form--auth .form-group .input-group #txt-phone {
    padding-left: 7.5rem !important;
    font-size: 13px !important;
  }
  .phone-content .phone-content-form .widget-taber-content .padding_eight_all .form--auth .form-group img {
    width: 18px;
  }
  .phone-content .phone-content-form .widget-taber-content .padding_eight_all .form--auth .form-group a, .phone-content .phone-content-form .widget-taber-content .padding_eight_all .form--auth .form-group i {
    font-size: 16px !important;
  }
  .phone-content .phone-content-form .widget-taber-content .padding_eight_all .form--auth .form-group .btn {
    padding: 10px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
    height: 40px;
  }
}
@media only screen and (max-width: 480px) {
  body {
    overflow: hidden !important;
  }
  main {
    margin-top: 80px !important;
  }
  .main {
    margin-top: 0;
  }
  .main .container-large {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .product-inner {
    width: 100% !important;
    margin-right: 0 !important;
  }
  #fixed-social-left {
    left: 10px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    z-index: 999;
  }
  #fixed-social-left a {
    height: 8rem;
    width: 8rem;
    margin-bottom: 0;
    background-color: white;
  }
  #fixed-social-right {
    right: 10px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    z-index: 999;
  }
  #fixed-social-right a {
    height: 8rem;
    width: 8rem;
    margin-bottom: 0;
  }
  .slides__wrapper {
    width: 100%;
  }
  .section-banner {
    height: 420px;
    position: relative;
  }
  .slide-container {
    top: 68%;
  }
  .banner-content-custom {
    width: 100vw;
    padding: 0 7rem;
  }
  .slick-slider {
    margin-bottom: 0 !important;
  }
  .slick-dots {
    display: none !important;
  }
  .style-slide {
    width: 20rem !important;
    height: 20rem;
  }
  .style-slide .image-slide-item {
    width: 18rem;
    height: 18rem;
    border-radius: 10px;
    border: 1px solid grey;
  }
  .banner-content-custom .slick-style-active .image-slide-item {
    width: 18rem;
    height: 18rem;
    border-radius: 10px;
    border: 1px solid grey;
    display: block;
    margin: 8px 4px 0 4px;
  }
  .slide-info {
    width: 100%;
  }
  .slide-info a {
    position: relative;
    height: 40px;
  }
  .slide-info a h6 {
    font-size: 13px;
  }
  .slide-info a img {
    width: 13px;
    height: 13px;
  }
  .slide-info--text__wrapper {
    top: 10%;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100vw;
    padding: 0 7rem;
  }
  .slide-info--text__wrapper .slide-info--text[data-subtitle] {
    font-size: 13px;
    line-height: normal;
  }
  .slide-info--text__wrapper .slide-info--text[data-title] {
    font-size: 16px;
    line-height: normal;
    text-transform: uppercase;
  }
  .slide-info--text__wrapper .slide-info--text[data-description] p {
    font-size: 13px;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .section-header {
    margin: 0 6rem 6rem 6rem;
  }
  .wrap-large {
    display: flex;
    flex-direction: column;
    gap: 100px !important;
    height: auto;
    justify-content: center;
    margin-bottom: 0 !important;
  }
  .product-pic {
    border-radius: 15px !important;
  }
  .product-txt {
    bottom: 45px !important;
  }
  .product-title h3 {
    font-size: 16px !important;
  }
  .weight-code p {
    font-size: 13px !important;
  }
  .price-product p, .price-product span,
  .price-new p,
  .price-new span {
    font-size: 16px !important;
    font-weight: 600;
  }
  .short-description {
    height: auto;
    padding: 5px 0;
  }
  .short-description .content-description {
    font-size: 13px;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .wrap-view-more {
    height: auto !important;
    bottom: -45px !important;
    margin: 0 !important;
  }
  .wrap-view-more button span {
    font-size: 13px !important;
  }
  .wrap-view-more button .icon-svg-2 {
    width: 38px;
    height: 38px;
  }
  .section-2:nth-of-type(1) {
    order: 2;
    padding: 6rem 6rem 0 6rem;
  }
  .section-2:nth-of-type(2) {
    order: 1;
    padding: 0 6rem 6rem 6rem;
  }
  .section-title {
    text-align: left;
  }
  .title-big {
    padding-left: 0 !important;
  }
  .description-big {
    text-align: left;
  }
  .section-3:nth-of-type(1) {
    padding: 0 6rem 6rem 6rem;
  }
  .section-3:nth-of-type(2) {
    padding: 6rem 6rem 0 6rem;
  }
  .section-5-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .section-5-content div {
    width: 100%;
  }
  .section-5-view-all {
    font-size: 11px !important;
  }
  .section-6 .section-title {
    margin: 6rem 0;
  }
  .section-6 .ecosystem-container {
    height: 440px;
  }
  .section-6 .ecosystem-container .ecosystem-info {
    flex-direction: column;
  }
  .section-6 .ecosystem-container .ecosystem-info div:nth-child(1) {
    width: 100%;
    padding-right: 6rem;
  }
  .section-6 .ecosystem-container .ecosystem-info div:nth-child(2) {
    display: none;
  }
  .section-6 .ecosystem-button .ecosystem-wrap .ecosystem-button-item {
    width: 140px;
    height: 200px;
  }
  .section-6 .ecosystem-button .ecosystem-wrap .ecosystem-button-item h5 {
    margin-top: 20px;
  }
  .section-6 .mask-line {
    height: 60px;
    bottom: -5px;
  }
  .section-7 .wow {
    padding: 6rem !important;
    gap: 3rem;
  }
  .section-8 {
    padding-bottom: 0 !important;
  }
  .section-8 .row {
    padding: 6rem !important;
    gap: 3rem;
  }
  .section-9 .international-research {
    padding: 6rem !important;
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .section-9 .international-research .section-header {
    margin: 0;
  }
  .section-9 .international-research .wow {
    display: flex;
    flex-direction: row !important;
    gap: 3rem;
  }
  .section-9 .international-research .wow div:nth-of-type(2) {
    display: none !important;
  }
  .section-9 .international-research .w-buy-now {
    padding: 5px 0 !important;
    background-color: transparent;
  }
  .section-9 .international-research .w-buy-now h6 {
    color: blue !important;
    font-size: 13px;
  }
  .section-10 .container {
    padding: 6rem !important;
  }
  .section-10 .container .row {
    gap: 3rem;
  }
  .section-10 .container .row .compare-right {
    width: calc(30% - 1.5rem);
  }
  .section-10 .container .row .compare-left {
    width: calc(70% - 1.5rem);
    gap: 6rem;
  }
  .section-10 .container .row .compare-left .compare-content {
    min-height: 100px;
  }
  .section-10 .container .row .certificate-content .certificate-image {
    justify-content: flex-start !important;
  }
  .section-10 .container .row .certificate-content .certificate-image img {
    width: 100%;
  }
  .section-11 {
    padding: 6rem !important;
    display: flex;
    flex-direction: column;
    gap: 6rem;
  }
  .section-11 .custom-slick-left {
    bottom: 5%;
    left: 45%;
  }
  .section-11 .custom-slick-right {
    bottom: 5%;
    left: 55%;
  }
  .section-11 .col-xl-5 {
    display: block !important;
  }
  .section-11 .accordion-button-custom {
    width: 100%;
    font-size: 13px;
    gap: 3rem;
    border: 1px solid lightgrey;
    background-color: white;
    padding: 8px 16px;
  }
  .section-11 .accordion-body {
    padding: 2rem;
    margin-top: 2rem;
  }
  .section-12 {
    padding: 6rem !important;
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .section-12 .renovation-journey-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .section-12 .renovation-journey-container .renovation-journey-name {
    line-height: 1.5;
  }
  .section-12 .renovation-journey-container:nth-of-type(2),
  .section-12 .renovation-journey-container:nth-of-type(3),
  .section-12 .renovation-journey-container:nth-of-type(4),
  .section-12 .renovation-journey-container:nth-of-type(5) {
    padding-bottom: 36px;
  }
  .section-12 .slick-left {
    bottom: -30%;
    left: 45%;
  }
  .section-12 .slick-right {
    bottom: -30%;
    left: 55%;
  }
  .section-13 {
    padding: 6rem !important;
  }
}
@media only screen and (max-width: 480px) {
  .customer-page .master-container .g-0 {
    gap: 3rem;
  }
  .customer-page .master-container .modal-dialog {
    margin: 80px 0 0 0;
  }
  .customer-page .master-container .modal-dialog .modal-content {
    border-radius: 0 !important;
  }
  .customer-page .master-header {
    padding: 3rem !important;
    margin-bottom: 0 !important;
    gap: 3rem;
  }
  .customer-page .master-header .qr-code-profile {
    max-width: 30%;
  }
  .customer-page .master-menu {
    padding: 3rem !important;
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .customer-page .master-menu .padding-left-mobile:nth-of-type(1) {
    display: flex;
    flex-direction: row;
    gap: 3rem;
  }
  .customer-page .master-menu .padding-left-mobile:nth-of-type(1) .col-lg-3 {
    width: calc(20% - 1.5rem);
  }
  .customer-page .master-menu .padding-left-mobile:nth-of-type(1) .col-lg-8 {
    width: calc(80% - 1.5rem);
    display: flex;
    justify-content: flex-start;
    align-self: flex-start;
  }
  .customer-page .master-menu .padding-left-mobile:nth-of-type(1) .col-lg-8 .profile-usertitle-name {
    padding: 0 !important;
  }
  .customer-page .master-menu .padding-left-mobile:nth-of-type(1) .col-lg-8 .profile-usertitle-name .font-xl {
    font-size: 16px;
  }
  .customer-page .master-menu .padding-left-mobile:nth-of-type(1) .col-lg-8 .profile-usertitle-name .d-flex {
    align-items: center !important;
    gap: 1rem;
  }
  .customer-page .master-menu .padding-left-mobile:nth-of-type(1) .col-lg-8 .profile-usertitle-name .d-flex .text-hd1 {
    font-size: 16px !important;
  }
  .customer-page .master-menu .padding-left-mobile:nth-of-type(1) .col-lg-8 .profile-usertitle-name .d-flex img {
    margin-top: -2px;
    width: 16px;
    max-width: none;
  }
  .customer-page .master-menu .level-container .p-3 {
    padding: 3rem !important;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .customer-page .master-menu .level-container .p-3 .d-flex {
    gap: 1rem;
  }
  .customer-page .master-menu .level-container .p-3 p {
    font-size: 13px;
  }
}
@media only screen and (max-width: 480px) {
  .master-container .card {
    padding: 0 !important;
  }
  .master-container .card .card-body {
    margin-top: 0 !important;
    padding: 3rem !important;
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .master-container .custom-row .custom-row__detail:last-child {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .master-container .custom-row .custom-row__detail:last-child p {
    font-size: 14px !important;
  }
  .master-container .custom-row .custom-row__detail h4 {
    color: var(--color-heading) !important;
    font-weight: 700 !important;
    line-height: 1.5;
    font-size: 18px;
  }
  .master-container .custom-row .custom-row__detail .fw-400 {
    font-size: 13px;
    font-weight: 400 !important;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 480px) {
  .master-container .account .edit-account-card {
    margin-top: 0 !important;
    padding: 3rem !important;
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .master-container .account .edit-account-card h4 {
    color: var(--color-heading);
    font-weight: 700;
    line-height: 1.5;
    font-size: 18px;
  }
  .master-container .account .edit-account-card h5 {
    font-size: 13px;
    font-weight: 400 !important;
    line-height: 1.5;
  }
  .master-container .account .edit-account-card .card {
    padding: 3rem !important;
  }
  .master-container .account .edit-account-card .card-body {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  #customer-address-book {
    margin-top: 0 !important;
    padding: 3rem !important;
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  #customer-address-book .card-header {
    gap: 3rem;
    padding: 0 !important;
  }
  #customer-address-book .card-header h4 {
    line-height: 1.5;
    font-size: 18px;
  }
  #customer-address-book .card-header h5 {
    font-size: 13px;
    font-weight: 400 !important;
    line-height: 1.5;
  }
  #customer-address-book .card-header .btn {
    font-size: 13px;
  }
  #customer-address-book .card-body {
    padding: 0 !important;
  }
  #customer-address-book .card-body .row .mb-4 {
    margin-bottom: 0 !important;
  }
  #customer-address-book .address-info-card {
    padding: 3rem !important;
  }
  #customer-address-book .address-info-card .card-body {
    border: none !important;
    gap: 1.5rem;
  }
  #customer-address-book .address-info-card .card-body p {
    font-size: 13px;
  }
  #newAddressModal .modal-dialog {
    margin: 0 !important;
  }
  #newAddressModal .modal-dialog input {
    font-size: 14px !important;
  }
  #newAddressModal .modal-dialog select {
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #newAddressModal .modal-dialog .form-check-label {
    margin-top: 5px;
  }
  #newAddressModal .modal-dialog .form-check-label span {
    font-size: 14px !important;
  }
  #editAddressModalLabel {
    font-size: 16px !important;
    padding: 0 3px;
  }
}
@media only screen and (max-width: 480px) {
  .master-container .account .change-password-profile {
    margin-top: 0 !important;
    padding: 3rem !important;
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .master-container .account .change-password-profile h4 {
    color: var(--color-heading);
    font-weight: 700;
    line-height: 1.5;
    font-size: 18px;
  }
  .master-container .account .change-password-profile h5 {
    font-size: 13px;
    font-weight: 400 !important;
    line-height: 1.5;
  }
  .master-container .account .change-password-profile .card {
    padding: 3rem !important;
  }
  .master-container .account .change-password-profile .card-body {
    padding: 0 !important;
  }
  .master-container .account .change-password-profile form {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .master-container .account .change-password-profile form .form-group {
    margin-bottom: 0;
  }
  .master-container .account .change-password-profile form .form-group input {
    padding: 5px 15px !important;
    font-size: 13px !important;
  }
  .master-container .account .change-password-profile form .btn {
    padding: 10px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
    height: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .master-container .card {
    padding: 0 !important;
  }
  .master-container .card hr {
    margin: 0 !important;
  }
  .master-container .card .card-header {
    padding: 1.5rem 3rem !important;
  }
  .master-container .card .card-header h4 {
    color: var(--color-heading) !important;
    font-weight: 700 !important;
    line-height: 1.5;
    font-size: 18px;
  }
  .master-container .card .card-body {
    margin-top: 0 !important;
    padding: 3rem !important;
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .master-container .card .card-body form .search-style-4 {
    gap: 2rem;
  }
  .master-container .card .card-body form .search-style-4 div {
    margin: 0 !important;
    padding: 0 !important;
  }
  .master-container .card .card-body form .search-style-4 .btn {
    padding: 10px 20px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .master-container .card .card-body .product-table .table-wrapper {
    width: 100% !important;
  }
  .master-container .card .card-body .product-table .table-responsive {
    margin: 0 !important;
  }
  .master-container .card .card-body .product-table .table-responsive table {
    font-size: 13px;
    border-collapse: separate;
    border-spacing: 0 3rem;
  }
  .master-container .card .card-body .product-table .table-responsive table tbody tr td {
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5px 0;
  }
  .master-container .card .card-body .product-table .table-responsive table tbody tr td:first-child {
    background-color: lightgrey;
    padding: 5px 10px !important;
    justify-content: flex-start;
    font-weight: 700;
  }
  .master-container .card .card-body .product-table .table-responsive table tbody tr td:first-child::before {
    width: auto;
    text-align: left;
    margin-right: 0;
  }
  .master-container .card .card-body .product-table .table-responsive table tbody tr td::before {
    width: calc(30% - 1.5rem);
    text-align: left;
  }
  .master-container .card .card-body .product-table .table-responsive table tbody tr td img {
    margin: unset !important;
  }
  .master-container .card .card-body .product-table .table-responsive table tbody tr td a {
    text-align: right;
  }
}
@media only screen and (max-width: 480px) {
  .master-container .card-order .card-header h4 {
    color: var(--color-heading) !important;
    font-weight: 700 !important;
    line-height: 1.5;
    font-size: 18px;
  }
  .master-container .card-order .card-header .fw-400 {
    font-size: 13px;
    font-weight: 400 !important;
    line-height: 1.5;
  }
  .master-container .card-order .form--quick-search-order .search-style-4 {
    padding: 0 3px;
  }
  .master-container .card-order .form--quick-search-order .search-style-4 .input-search {
    padding: 5px 15px !important;
  }
  .master-container .card-order .overflow-order {
    border-radius: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap !important;
  }
  .master-container .card-order .overflow-order li {
    width: 33.33%;
    flex: none;
  }
  .master-container .card-order .overflow-order a {
    width: 100%;
    font-size: 11px !important;
  }
  .master-container .card-order .table-responsive {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .master-container .card-order .table-responsive table {
    margin-bottom: 0;
    border-radius: 0;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(1) {
    border-bottom: 1px solid gainsboro;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(1) td:nth-of-type(1) {
    padding: 10px;
    font-size: 11px;
    line-height: 1.2;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(4) {
    all: unset;
    display: block !important;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(4) td {
    all: unset;
    display: block !important;
    padding: 10px;
    font-size: 11px;
    line-height: 1.2;
    width: calc(100vw - 21.5rem);
    text-align: left;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(4) td div {
    align-items: flex-end !important;
    gap: 10px;
    align-self: auto !important;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(4) td p {
    font-size: 11px;
    line-height: 1.2;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(5) {
    all: unset;
    display: flex !important;
    border-top: 1px solid gainsboro;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(5) td {
    all: unset;
    display: block !important;
    padding: 10px;
    font-size: 11px;
    line-height: 1.2;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(5) td:nth-of-type(1) {
    width: 60%;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(5) .padding-right-mobile {
    padding-right: 10px !important;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(5) .padding-left-mobile {
    padding-left: 10px !important;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(3),
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(6) {
    display: none !important;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(7) {
    border-top: 1px solid gainsboro;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(7) td {
    padding: 10px;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(7) .padding-right-mobile {
    padding-right: 10px !important;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(7) .btn {
    padding: 5px 15px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
  }
  .master-container .card-order .table-responsive table tbody tr:nth-of-type(7) .btn i, .master-container .card-order .table-responsive table tbody tr:nth-of-type(7) .btn span {
    font-size: 11px;
    line-height: 1.2;
  }
  .master-container .card-order .table-responsive .d-block-mobile {
    display: none !important;
  }
  .master-container .card-order .table-responsive hr {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .card-order-detail .customer-order-detail {
    margin-top: 0;
  }
  .card-order-detail .customer-order-detail .order-history {
    padding: 15px;
    gap: 2rem;
  }
  .card-order-detail .customer-order-detail .order-history hr, .card-order-detail .customer-order-detail .order-history div:nth-child(4) {
    display: none;
  }
  .card-order-detail .customer-order-detail .order-history .title {
    flex-wrap: wrap;
    border-bottom: 1px solid lightgrey;
    padding: 0 0 10px 0;
  }
  .card-order-detail .customer-order-detail .order-history .title p {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .card-order-detail .customer-order-detail .order-history .title p span {
    font-size: 14px;
    margin: 0;
  }
  .card-order-detail .customer-order-detail .order-history .title a span {
    font-size: 12px;
    padding: 5px 10px;
  }
  .card-order-detail .customer-order-detail .order-history .shipping-unit {
    gap: 10px;
  }
  .card-order-detail .customer-order-detail .order-history .shipping-unit .shipping-unit-children-1 {
    border-left: 2px solid rgb(194, 195, 198);
    border-right: none !important;
    padding-left: 15px;
  }
  .card-order-detail .customer-order-detail .order-history .shipping-unit .shipping-unit-children-1 div, .card-order-detail .customer-order-detail .order-history .shipping-unit .shipping-unit-children-1 p {
    font-size: 14px !important;
  }
  .card-order-detail .customer-order-detail .order-history .shipping-unit .shipping-unit-children-1 div span, .card-order-detail .customer-order-detail .order-history .shipping-unit .shipping-unit-children-1 p span {
    font-size: 12px;
    padding: 5px 10px;
  }
  .card-order-detail .customer-order-detail .order-history .shipping-unit .shipping-unit-children-2 {
    padding-left: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .card-order-detail .customer-order-detail .order-history .shipping-unit .shipping-unit-children-2 p:nth-child(1) {
    font-size: 18px;
    text-box-trim: trim-both;
    color: var(--color-heading);
  }
  .card-order-detail .customer-order-detail .order-history .shipping-unit .shipping-unit-children-2 p:nth-child(2) {
    font-size: 14px;
    text-box-trim: trim-both;
  }
  .card-order-detail .customer-order-detail .order-history .shipping-unit .shipping-unit-children-2 p:nth-child(3) {
    font-size: 14px;
    text-box-trim: trim-both;
  }
  .card-order-detail .customer-order-detail .order-information {
    padding: 2.5rem 0 !important;
    gap: 2rem;
  }
  .card-order-detail .customer-order-detail .order-information .customer-information div,
  .card-order-detail .customer-order-detail .order-information .shipping-information div {
    padding: 15px !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .card-order-detail .customer-order-detail .order-information .customer-information div h5,
  .card-order-detail .customer-order-detail .order-information .shipping-information div h5 {
    font-size: 18px;
    text-box-trim: trim-both;
    margin-bottom: 0 !important;
  }
  .card-order-detail .customer-order-detail .order-information .customer-information div p,
  .card-order-detail .customer-order-detail .order-information .shipping-information div p {
    font-size: 14px;
    text-box-trim: trim-both;
  }
  .card-order-detail .customer-order-detail .order-information .customer-information div p:first-child,
  .card-order-detail .customer-order-detail .order-information .shipping-information div p:first-child {
    font-weight: bold;
  }
  .card-order-detail .customer-order-detail .product-table {
    padding-top: 0 !important;
  }
  .card-order-detail .customer-order-detail .product-table table tbody {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
  }
  .card-order-detail .customer-order-detail .product-table table tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
  }
  .card-order-detail .customer-order-detail .product-table table tbody tr td {
    font-size: 13px;
    align-items: center !important;
    gap: 10px !important;
  }
  .card-order-detail .customer-order-detail .product-table table tbody tr td:first-child {
    background-color: transparent !important;
    margin: 0 5px !important;
  }
  .card-order-detail .customer-order-detail .product-table table tbody tr td:first-child:before {
    display: none;
  }
  .card-order-detail .customer-order-detail .product-table table tbody tr td:first-child div {
    height: 100%;
    justify-content: flex-start;
    width: 100%;
    text-align: left;
  }
  .card-order-detail .customer-order-detail .product-table table tbody tr td:first-child div .product-name {
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
  }
  .card-order-detail .customer-order-detail .product-table table tbody tr td:first-child div .product-detail p {
    font-size: 14px !important;
  }
  .card-order-detail .customer-order-detail .product-table table tbody tr td:nth-child(n+2) {
    padding: 0 15px !important;
    height: 22px;
  }
  .card-order-detail .customer-order-detail .product-table table tbody tr:last-child .order-detail-title {
    font-size: 14px;
  }
  .card-order-detail .customer-order-detail .payment {
    padding: 2.5rem 0 !important;
    gap: 2rem;
  }
  .card-order-detail .customer-order-detail .payment .method div, .card-order-detail .customer-order-detail .payment .status div {
    padding: 15px !important;
  }
  .card-order-detail .customer-order-detail .payment .method div p, .card-order-detail .customer-order-detail .payment .status div p {
    font-size: 14px !important;
  }
  .card-order-detail .customer-order-detail .payment .method div p span, .card-order-detail .customer-order-detail .payment .status div p span {
    padding: 5px 10px;
    font-size: 12px;
  }
  .card-order-detail .customer-order-detail .bill-total {
    padding: 15px !important;
  }
  .card-order-detail .customer-order-detail .bill-total div {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .card-order-detail .customer-order-detail .bill-total div span, .card-order-detail .customer-order-detail .bill-total div p {
    font-size: 14px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .card-order-detail .customer-order-detail .bill-total hr {
    margin: 10px 0 !important;
  }
  .card-order-detail .customer-order-detail .bill-total .total-bill {
    align-items: center;
  }
  .card-order-detail .customer-order-detail .bill-total .total-bill .left {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .card-order-detail .customer-order-detail .bill-total div:last-child {
    justify-content: flex-end;
  }
  .card-order-detail .customer-order-detail .bill-total div:last-child div {
    margin-right: 0 !important;
  }
  .card-order-detail .customer-order-detail .bill-total div:last-child div a {
    padding: 8px 18px !important;
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 480px) {
  .thank-page .shopping-summery {
    padding: 10px 0 !important;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .checkout-logo,
  .thank-page .shopping-summery .col-custom-1 .order-1 hr {
    display: none !important;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout {
    border-radius: 15px;
    margin-bottom: 10px !important;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:first-child {
    display: none;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(2) td:first-child {
    border-bottom: 1px solid currentColor;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(2) td:nth-child(2) {
    display: none;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(2) td:nth-child(3) {
    text-align: left;
    padding: 10px !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid currentColor;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(2) td:nth-child(3) span {
    font-size: 16px !important;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(n+4) {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 10px 0;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(n+4) td:nth-child(1) {
    padding: 0 10px !important;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(n+4) td:nth-child(1) .container-td {
    gap: 10px !important;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 10px 0;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(n+4) td:nth-child(1) .container-td img {
    width: 25%;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(n+4) td:nth-child(1) .container-td .td-text {
    height: 100%;
    width: 75%;
    display: flex;
    flex-direction: column;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(n+4) td:nth-child(1) .container-td .td-text .product-name {
    text-align: left;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(n+4) td:nth-child(1) .container-td .td-text .product-name a {
    font-size: 18px !important;
    line-height: normal !important;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(n+4) td:nth-child(1) .container-td .td-text .main-categories-wrap {
    margin: 0 !important;
    font-size: 14px;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(n+4) td:nth-child(n+2) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding: 5px 10px;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(n+4) td:nth-child(n+2):before {
    font-weight: normal;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(n+4) td:nth-child(n+2) span {
    font-size: 16px !important;
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(n+4) td:nth-child(2):before {
    content: "Số lượng";
  }
  .thank-page .shopping-summery .col-custom-1 .order-1 .table--checkout tbody tr:nth-child(n+4) td:nth-child(3):before {
    content: "Đơn giá";
  }
  .thank-page .shopping-summery .col-custom-1 .container-1 {
    gap: 10px !important;
    order: 2 !important;
  }
  .thank-page .shopping-summery .col-custom-1 .container-1 .form-checkout-transport {
    padding: 10px !important;
  }
  .thank-page .shopping-summery .col-custom-1 .container-1 .form-checkout-transport .checkout-payment-title {
    font-weight: bold;
    font-size: 18px;
    font-family: var(--font-heading), sans-serif;
    color: var(--color-grey-1) !important;
  }
  .thank-page .shopping-summery .col-custom-1 .container-1 .form-checkout-transport .address-item {
    gap: 10px;
  }
  .thank-page .shopping-summery .col-custom-1 .container-1 .form-checkout-transport .address-item p {
    font-size: 14px;
  }
  .thank-page .shopping-summery .col-custom-1 .container-1 .form-checkout-transport .address-item p:first-child {
    font-weight: bold;
  }
  .thank-page .shopping-summery .col-custom-1 .container-1 .form-checkout-order {
    padding: 10px !important;
    margin-bottom: 5px !important;
  }
  .thank-page .shopping-summery .col-custom-1 .container-1 .form-checkout-order .btn-checkout {
    margin-bottom: 0 !important;
    font-size: 18px !important;
    padding: 8px !important;
  }
  .thank-page .shopping-summery .col-custom-1 .container-1 .form-checkout-order hr {
    margin: 10px 0 !important;
  }
  .thank-page .shopping-summery .col-custom-1 .container-1 .form-checkout-order table tbody tr td {
    gap: 10px !important;
  }
  .thank-page .shopping-summery .col-custom-2 .order-1 {
    margin-bottom: 10px !important;
  }
  .thank-page .shopping-summery .col-custom-2 .order-1 .container-order-1 {
    display: flex;
    gap: 10px !important;
    flex-direction: column;
  }
  .thank-page .shopping-summery .col-custom-2 .order-1 .container-order-1 .bg-table-card {
    width: 100% !important;
    display: flex;
    gap: 10px !important;
    flex-direction: column;
    padding: 10px !important;
  }
  .thank-page .shopping-summery .col-custom-2 .order-1 .container-order-1 .bg-table-card h5 {
    font-weight: bold;
    font-size: 18px;
    font-family: var(--font-heading), sans-serif;
    color: var(--color-grey-1) !important;
  }
  .thank-page .shopping-summery .col-custom-2 .order-1 .container-order-1 .bg-table-card p {
    font-size: 14px !important;
  }
  .thank-page .shopping-summery .col-custom-2 .order-1 .container-order-1 .bg-table-card p span {
    padding: 5px 15px !important;
    margin-bottom: 5px !important;
  }
  .thank-page .shopping-summery .col-custom-2 .container-1 {
    order: 2 !important;
  }
  .thank-page .shopping-summery .col-custom-2 .container-1 .form-checkout-bill-total {
    padding: 10px !important;
  }
  .thank-page .shopping-summery .col-custom-2 .container-1 .form-checkout-bill-total table tbody {
    gap: 10px !important;
  }
  .thank-page .shopping-summery .col-custom-2 .container-1 .form-checkout-bill-total table tbody .cart_total_label_2 {
    width: 60% !important;
  }
  .thank-page .shopping-summery .col-custom-2 .container-1 .form-checkout-bill-total table tbody .cart_total_amount_2 {
    width: 40% !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
    justify-content: flex-start;
  }
  .thank-page .shopping-summery .col-custom-2 .container-1 .form-checkout-bill-total table tbody .cart_total_amount_2 h3 {
    height: auto;
    line-height: normal;
  }
  .thank-page .shopping-summery .col-custom-2 .container-1 .form-checkout-bill-total hr {
    margin: 10px 0 !important;
  }
  .thank-page .shopping-summery .col-custom-2 .container-1 .form-checkout-bill-total .btn-checkout {
    margin-bottom: 0 !important;
    font-size: 18px !important;
    padding: 8px !important;
  }
}
.product-detail h1 {
  font-size: 42px !important;
  line-height: 1.5 !important;
}
.product-detail h2 {
  font-size: 32px !important;
  line-height: 1.5 !important;
}
.product-detail h3 {
  font-size: 26px !important;
  line-height: 1.5 !important;
}
.product-detail h4 {
  font-size: 22px !important;
  line-height: 1.5 !important;
}
.product-detail h5 {
  font-size: 18px !important;
  line-height: 1.5 !important;
}
.product-detail h6, .product-detail p {
  font-size: 16px !important;
  line-height: 1.5 !important;
}
.product-detail .detail-info-2 {
  padding: 0 5vw 5vw 5vw;
}
.product-detail .detail-info-mobile {
  display: none;
}
.product-detail .short-desc span {
  font-size: 16px !important;
  line-height: 1.5 !important;
}

@media only screen and (max-width: 480px) {
  .detail-info-2 {
    display: none !important;
  }
  .detail-info-mobile {
    display: block !important;
    margin: 15px 0 !important;
  }
  .detail-info-mobile h2 {
    margin: 15px 0 !important;
  }
  .detail-info-mobile .description-product div {
    margin: 15px 0 !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(1) {
    margin-bottom: 0;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(1) .detail-gallery {
    display: flex;
    flex-direction: column;
    gap: 4rem;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) {
    padding: 0 !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .detail-info .link-affiliate {
    padding: 10px 20px !important;
    gap: 5px;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .detail-info .link-affiliate img {
    width: 25px;
    max-width: none;
    margin-left: 0;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .detail-info span {
    font-size: 12px;
    line-height: 1.2;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .detail-info hr {
    margin: 0 !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .title-detail {
    padding: 10px 20px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .product-detail-rating {
    margin: 0 !important;
    padding: 10px 20px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .product-detail-rating .product-rate-cover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .product-detail-rating .product-rate-cover span {
    padding: 0 10px !important;
    font-size: 11px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form {
    padding: 10px 20px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form hr {
    display: none;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .detail-qty-custom {
    padding: 0 !important;
    margin: 0 !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .detail-qty-custom p {
    font-size: 13px !important;
    margin-right: 10px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .detail-qty-custom a {
    font-size: 15px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .detail-qty-custom input {
    font-size: 13px !important;
    width: 40px;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 {
    gap: 5px;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .order-but-custom .like-icon-unlike,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .order-but-custom .like-icon,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .js-add-to-wishlist-button .like-icon-unlike,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .js-add-to-wishlist-button .like-icon,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .js-remove-from-wishlist-button .like-icon-unlike,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .js-remove-from-wishlist-button .like-icon {
    width: 35px;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, 0.4);
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .order-but-custom .like-icon-unlike svg,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .order-but-custom .like-icon svg,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .js-add-to-wishlist-button .like-icon-unlike svg,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .js-add-to-wishlist-button .like-icon svg,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .js-remove-from-wishlist-button .like-icon-unlike svg,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .js-remove-from-wishlist-button .like-icon svg {
    margin-top: 4px;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .order-but-custom .icon-svg-2,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .js-add-to-wishlist-button .icon-svg-2,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .detail-extralink .product-extra-link2 .js-remove-from-wishlist-button .icon-svg-2 {
    width: 40px !important;
    height: 40px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .product-price-cover,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .clearfix {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    gap: 10px;
    padding: 10px 0 !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .product-price-cover .product-price,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .clearfix .product-price {
    margin-top: 0 !important;
    gap: 10px;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .product-price-cover .product-price span,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .clearfix .product-price span {
    font-size: 15px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .product-price-cover .qr-code,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .clearfix .qr-code {
    position: static;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .product-price-cover .qr-code .img-qr,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .clearfix .qr-code .img-qr {
    width: 15rem;
    height: 15rem;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .product-price-cover:after,
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .clearfix:after {
    display: none;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .text-hierarchy-dark {
    padding: 10px 0 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .short-desc {
    padding: 10px !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .short-desc p {
    display: flex;
    flex-direction: column;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .short-desc p br {
    display: none;
  }
  .product-detail .bg-product-detail:nth-of-type(1) div:nth-of-type(2) .add-to-cart-form .short-desc p span {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  .product-detail .product-info .ck-content .image-wrapper {
    background: transparent !important;
  }
  .product-detail .product-info .ck-content .story-header {
    padding: 10px 20px !important;
  }
  .product-detail .product-info .ck-content .story-header div:nth-of-type(1) {
    width: 60% !important;
  }
  .product-detail .product-info .ck-content .story-header div:nth-of-type(1) h4 {
    font-size: 25px !important;
  }
  .product-detail .product-info .ck-content .story-header div:nth-of-type(2) {
    width: 40% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px !important;
  }
  .product-detail .product-info .ck-content .story-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .product-detail .product-info .ck-content .story-section .story-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 3rem !important;
  }
  .product-detail .product-info .ck-content .story-section .story-container div {
    width: 100%;
  }
  .product-detail .product-info .ck-content .certification-section .title-wrapper,
  .product-detail .product-info .ck-content .certification-section .images-wrapper {
    padding: 10px !important;
  }
  .product-detail .product-info .ck-content .certification-section .title-wrapper:nth-of-type(1) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-bottom: 0 !important;
  }
  .product-detail .product-info .ck-content .certification-section .title-wrapper:nth-of-type(1) h4 {
    font-size: 25px !important;
  }
  .product-detail .product-info .ck-content .certification-section .images-wrapper:nth-of-type(2) {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    align-items: flex-start !important;
    flex-wrap: wrap;
  }
  .product-detail .product-info .ck-content .certification-section .images-wrapper:nth-of-type(2) .col-4 {
    padding: 0 !important;
  }
  .product-detail .product-info .ck-content .certification-section .images-wrapper:nth-of-type(2) .col-4 h2 {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .product-detail .product-info .ck-content .thank-you-section div:nth-of-type(1) {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
  .product-detail .product-info .ck-content .thank-you-section div:nth-of-type(1) .thank-you-image,
  .product-detail .product-info .ck-content .thank-you-section div:nth-of-type(1) div:nth-of-type(2) {
    width: 100% !important;
    gap: 10px;
  }
  .product-detail .product-info .ck-content .thank-you-section div:nth-of-type(1) .thank-you-image h2,
  .product-detail .product-info .ck-content .thank-you-section div:nth-of-type(1) div:nth-of-type(2) h2 {
    font-size: 18px !important;
    line-height: 1.5 !important;
  }
  .product-detail .product-info .ck-content .section-13 div:nth-of-type(2) {
    margin-top: 20px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container h4,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container h4 {
    margin-bottom: 0 !important;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container .form-review-product,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container .form-review-product {
    padding: 20px !important;
    border-radius: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container .form-review-product .star-handle,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container .form-review-product .star-handle {
    padding: 0 !important;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container .form-review-product .star-handle .form-group,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container .form-review-product .star-handle .form-group {
    padding: 5px 10px !important;
    gap: 20px;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container .form-review-product .star-handle .star-title,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container .form-review-product .star-handle .star-title {
    justify-content: start !important;
    font-size: 13px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container .form-review-product .star-handle label::before,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container .form-review-product .star-handle label::before {
    font-size: 36px !important;
    width: 36px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container .form-review-product .form-group,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container .form-review-product .form-group {
    margin-bottom: 0 !important;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container .form-review-product .form-group input, .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container .form-review-product .form-group textarea,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container .form-review-product .form-group input,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container .form-review-product .form-group textarea {
    padding: 10px !important;
    font-size: 13px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container .form-review-product .form-group .image-upload__uploader,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container .form-review-product .form-group .image-upload__uploader {
    width: 150px !important;
    height: 150px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container .form-review-product .form-group .image-upload__uploader .image-upload__icon,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container .form-review-product .form-group .image-upload__uploader .image-upload__icon {
    font-size: 30px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container .form-review-product .form-group .image-upload__uploader .image-upload__text,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container .form-review-product .form-group .image-upload__uploader .image-upload__text {
    font-size: 13px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container .form-review-product .form-group .help-block,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container .form-review-product .form-group .help-block {
    font-size: 13px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .quality-container .form-review-product .form-group .button,
  .product-detail .bg-product-detail:nth-of-type(3) .comment-form .comment-container .service-container .form-review-product .form-group .button {
    padding: 10px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
    height: 40px;
  }
  .product-detail .bg-product-detail:nth-of-type(4) {
    margin: 0 !important;
    padding: 20px !important;
    border-radius: 0 !important;
  }
  .product-detail .bg-product-detail:nth-of-type(4) .slick-track {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }
  .product-detail .bg-product-detail:nth-of-type(4) .slick-track h3 {
    font-size: 14px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(4) .slick-track p {
    font-size: 12px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(4) .slick-track .product-inner {
    margin-top: -50px;
  }
  .product-detail .bg-product-detail:nth-of-type(4) .slick-track .product-inner .product-pic {
    max-height: 350px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(4) .slick-track button .icon-svg-2 {
    width: 30px;
    height: 30px;
  }
  .product-detail .bg-product-detail:nth-of-type(4) .slick-track button span {
    font-size: 11px !important;
  }
  .product-detail .bg-product-detail:nth-of-type(4) .slick-track button:nth-of-type(2) span {
    visibility: hidden;
    position: relative;
    width: 57%;
  }
  .product-detail .bg-product-detail:nth-of-type(4) .slick-track button:nth-of-type(2) span::after {
    content: "Giỏ hàng";
    visibility: visible;
    position: absolute;
    top: 0;
    right: 0;
  }
}
#custom-cart-id {
  margin-top: 50px !important;
}

@media only screen and (max-width: 480px) {
  #custom-cart-id {
    margin-top: -30px !important;
  }
  #custom-cart-id .custom-mb-class {
    margin-bottom: 5px !important;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 10px 0;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(1) {
    width: 10%;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(2) {
    width: 20%;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(2) img {
    width: 100%;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(3) {
    width: 60%;
    padding: 0 10px 0 20px !important;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(3) .product-name {
    font-size: 18px !important;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(3) .main-categories-wrap {
    margin: 0;
    font-size: 14px;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(n+4) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding: 0 15px;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(n+4):before {
    font-weight: normal;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(n+4) .detail-extralink-cart {
    margin-right: 0 !important;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(4) {
    order: 5;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(4):before {
    content: "Đơn giá";
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(5) {
    order: 6;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(5):before {
    content: "CK thành viên";
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(6) {
    order: 7;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(6):before {
    content: "Số lượng";
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(6) .detail-qty-cart {
    padding: 5px;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(7) {
    order: 8;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(7):before {
    content: "Tổng cộng";
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(8) {
    order: 4;
    width: 10%;
    align-items: flex-start;
  }
  #custom-cart-id .table-cart-custom tbody tr:nth-child(n+5) td:nth-child(8):before {
    display: none;
  }
  #custom-cart-id .cart-totals {
    border-radius: 0 !important;
    padding: 15px !important;
  }
  #custom-cart-id .cart-totals .custom-btn:nth-child(2) {
    margin-bottom: 15px !important;
  }
  #custom-cart-id .cart-totals .custom-btn:nth-child(2) {
    margin-bottom: 0 !important;
  }
  #custom-cart-id .form-coupon-wrapper {
    padding: 5px 0;
  }
  #custom-cart-id .form-coupon-wrapper input {
    font-size: 14px;
    margin-right: 10px !important;
    border-bottom: none;
    text-overflow: ellipsis;
  }
  #custom-cart-id .form-coupon-wrapper .btn-apply-coupon-code {
    border-radius: 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .online-seminar-event {
    padding: 15px 0;
    margin-bottom: 0 !important;
  }
  .online-seminar-event .total-product {
    margin-bottom: 0;
  }
  .online-seminar-event .total-product h2 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
    font-size: 22px;
  }
  .online-seminar-event .total-product h2 img {
    margin: 0 !important;
    width: 20px;
  }
  .section-online-seminar-event {
    padding-bottom: 15px !important;
  }
  .section-online-seminar-event .TabUrlChangeListener {
    padding-bottom: 15px !important;
  }
  .section-online-seminar-event .TabUrlChangeListener .nav-item .nav-link {
    font-size: 14px;
  }
  .section-online-seminar-event .card-product-custom {
    gap: 15px;
  }
  .section-online-seminar-event .card-product-custom div {
    padding: 0 !important;
  }
  .section-online-seminar-event .card-product-custom div .event-card {
    padding: 10px !important;
  }
  .section-online-seminar-event .card-product-custom div .event-card div:nth-child(2) {
    padding: 10px 0 0 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
  }
  .section-online-seminar-event .card-product-custom div .event-card div:nth-child(2) h5, .section-online-seminar-event .card-product-custom div .event-card div:nth-child(2) h6 {
    margin-bottom: 0 !important;
  }
  .section-online-seminar-event .card-product-custom div .event-card div:nth-child(2) .entry-meta {
    margin-top: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
  }
  .section-online-seminar-event .card-product-custom div .event-card div:nth-child(2) .entry-meta .text-dark {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
  }
  .section-online-seminar-event .card-product-custom div .event-card div:nth-child(2) span {
    padding: 0;
    margin: 0 !important;
  }
  .section-online-seminar-event .card-product-custom div .event-card div:nth-child(2) .button-buy-now-custom {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .archive-images-videos {
    padding: 15px 0;
    margin-bottom: 0 !important;
  }
  .archive-images-videos .total-product {
    margin-bottom: 0;
  }
  .archive-images-videos .total-product h2 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
    font-size: 22px;
  }
  .archive-images-videos .total-product h2 img {
    margin: 0 !important;
    width: 20px;
  }
  .section-archive-images-videos {
    padding-bottom: 15px !important;
  }
  .section-archive-images-videos .container {
    padding: 0 !important;
  }
  .section-archive-images-videos .container .navfill-custom .event-card {
    margin: 0 !important;
    padding: 10px;
  }
  .section-archive-images-videos .container .navfill-custom .event-card .post-thumb {
    text-align: center;
  }
  .section-archive-images-videos .container .navfill-custom .event-card div:nth-child(2) {
    margin-top: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
  }
  .section-archive-images-videos .container .navfill-custom .event-card div:nth-child(2) h5 {
    margin-bottom: 0 !important;
  }
  .section-archive-images-videos .container .navfill-custom .event-card div:nth-child(2) p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 480px) {
  .training-video-link {
    padding: 15px 0;
    margin-bottom: 0 !important;
  }
  .training-video-link .total-product {
    margin-bottom: 0;
  }
  .training-video-link .total-product h2 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
    font-size: 22px;
  }
  .training-video-link .total-product h2 img {
    margin: 0 !important;
    width: 20px;
  }
  .section-training-video-link {
    padding-bottom: 15px !important;
  }
  .section-training-video-link .container {
    padding: 0 5px !important;
  }
  .section-training-video-link .container .navfill-custom .event-card {
    margin: 0 !important;
    padding: 10px;
  }
  .section-training-video-link .container .navfill-custom .event-card .post-thumb {
    text-align: center;
  }
  .section-training-video-link .container .navfill-custom .event-card div:nth-child(2) {
    margin-top: 0 !important;
    padding: 10px 0 0 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
  }
  .section-training-video-link .container .navfill-custom .event-card div:nth-child(2) h5 {
    margin-bottom: 0 !important;
  }
  .section-training-video-link .container .navfill-custom .event-card div:nth-child(2) p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 480px) {
  .wishlist-card .product-wishlist {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .checkout-page .shopping-summery {
    padding: 10px 0 !important;
  }
  .checkout-page .shopping-summery .container-1 {
    order: 1 !important;
    gap: 10px !important;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-transport {
    padding: 10px;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-transport .checkout-payment-title {
    font-weight: bold;
    font-size: 18px;
    font-family: var(--font-heading), sans-serif;
    color: var(--color-grey-1) !important;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-transport .change-action {
    font-size: 14px;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-transport .address-item-selected {
    gap: 10px;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-transport .address-item-selected p {
    font-size: 14px;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-transport .address-item-selected p:first-child {
    font-weight: bold;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-payment {
    padding: 10px !important;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-payment .checkout-payment-title {
    font-weight: bold;
    font-size: 18px;
    font-family: var(--font-heading), sans-serif;
    color: var(--color-grey-1) !important;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-payment .form-check {
    padding-left: 0 !important;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-payment .form-check .form-check-input {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-payment .form-check label {
    font-size: 14px;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-bill {
    padding: 10px !important;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-bill .bill-row {
    gap: 10px !important;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-bill .form-group {
    margin-bottom: 0 !important;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-bill .form-group .bottom-button {
    gap: 10px !important;
    padding: 10px 0 0 0 !important;
  }
  .checkout-page .shopping-summery .container-1 .form-checkout-bill .form-group .bottom-button .checkout-button-group button {
    margin: 0 !important;
    font-size: 16px !important;
    padding: 10px !important;
  }
  .checkout-page .shopping-summery .order-1 {
    order: 2 !important;
  }
  .checkout-page .shopping-summery .order-1 .checkout-logo-container {
    display: none !important;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout {
    border-radius: 15px;
    margin-bottom: 10px !important;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:first-child {
    display: none;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(2) td {
    padding: 0 10px !important;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 10px 0;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) td:nth-child(1) {
    padding: 0 10px !important;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) td:nth-child(1) .container-td {
    gap: 10px !important;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 10px 0;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) td:nth-child(1) .container-td .img-thumbnail-custom {
    width: 25%;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) td:nth-child(1) .container-td .td-order-2 {
    height: 100%;
    width: 75%;
    display: flex;
    flex-direction: column;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) td:nth-child(1) .container-td .td-order-2 .product-name a {
    font-size: 18px !important;
    line-height: normal !important;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) td:nth-child(1) .container-td .td-order-2 .main-categories-wrap {
    margin: 0 !important;
    font-size: 14px;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) td:nth-child(n+2) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding: 5px 10px;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) td:nth-child(n+2):before {
    font-weight: normal;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) td:nth-child(n+2) span {
    font-size: 16px !important;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) td:nth-child(2):before {
    content: "Đơn giá";
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) td:nth-child(3):before {
    content: "% CK";
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) td:nth-child(4):before {
    content: "Số lượng";
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-child(n+4):not(:nth-last-child(-n+6)) td:nth-child(5):before {
    content: "Tổng cộng";
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) td:first-child {
    padding: 10px !important;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) td:first-child .shipping-title,
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) td:first-child .description-customize {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) td:first-child .shipping-title h6,
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) td:first-child .description-customize h6 {
    font-weight: bold;
    font-size: 18px !important;
    font-family: var(--font-heading), sans-serif;
    color: var(--color-grey-1) !important;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) td:first-child .shipping-title span,
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) td:first-child .shipping-title textarea,
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) td:first-child .description-customize span,
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) td:first-child .description-customize textarea {
    font-size: 16px !important;
    line-height: normal !important;
    height: auto !important;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) td:nth-child(n+2) {
    display: none;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) .shipping-method-wrapper .shipping-option-form {
    display: flex !important;
    flex-direction: column;
    gap: 15px;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) .shipping-method-wrapper .shipping-option-form h6 {
    font-weight: bold;
    font-size: 18px !important;
    font-family: var(--font-heading), sans-serif;
    color: var(--color-grey-1) !important;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) .shipping-method-wrapper .shipping-option-form .shipping-payment {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    width: 100%;
  }
  .checkout-page .shopping-summery .order-1 .table--checkout tbody tr:nth-last-child(-n+6) .shipping-method-wrapper .shipping-option-form .shipping-payment label span {
    font-size: 16px !important;
  }
}
@media only screen and (max-width: 480px) {
  .my-notification-header .card .card-header {
    padding: 10px !important;
  }
  .my-notification-header .card .card-body {
    padding: 10px !important;
  }
  .my-notification-header .card .card-body .TabUrlChangeListener {
    gap: 10px;
  }
  .my-notification-header .card .card-body .TabUrlChangeListener li {
    flex: 0 0 calc(33% - 10px);
  }
  .my-notification-header .card .card-body .TabUrlChangeListener li a {
    font-size: 14px !important;
    padding: 5px 0 !important;
  }
  .my-notification-header .card hr:last-child {
    display: none;
  }
  .my-notification-content {
    margin-top: 0 !important;
  }
  .my-notification-content .tab-content {
    padding: 10px !important;
  }
  .my-notification-content .tab-content .col {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .my-notification-content .tab-content .col .image {
    padding: 5px 0 !important;
    height: 100% !important;
  }
  .my-notification-content .tab-content .col .image .default-img {
    vertical-align: middle !important;
  }
  .my-notification-content .tab-content .col .card-body {
    border: none !important;
    padding: 0 5px !important;
    background: transparent !important;
  }
  .my-notification-content .tab-content .col .card-title {
    font-size: 14px !important;
  }
  .my-notification-content .tab-content .col .card-text {
    font-size: 12px !important;
  }
  .my-notification-content .tab-content nav .pagination li span, .my-notification-content .tab-content nav .pagination li a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 14px;
  }
  .my-notification-content .tab-content #transaction .col, .my-notification-content .tab-content #system .col, .my-notification-content .tab-content #sale .col, .my-notification-content .tab-content #referral .col, .my-notification-content .tab-content #order .col, .my-notification-content .tab-content #all .col {
    font-size: 14px !important;
    padding: 0 5px !important;
  }
}
@media only screen and (max-width: 480px) {
  #toast-container .toast-success {
    width: 35rem !important;
    opacity: 1 !important;
    border: none;
  }
  #toast-container .toast-success .toast-message {
    font-size: 13px !important;
  }
  .page-header.breadcrumb-wrap {
    display: none;
  }
  #alert-container {
    font-size: 12px !important;
  }
}