@media (min-width: 1400px) {
  .container {
    max-width: 1192px;
  }
}
/*Reset CSS*/
body {
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.container {
  padding-left: 16px;
  padding-right: 16px;
}

.row {
  margin-right: -16px;
  margin-left: -16px;
}

.row > * {
  padding-right: 16px;
  padding-left: 16px;
}

@media (min-width: 1200px) {
  /* width */
  ::-webkit-scrollbar {
    width: 8px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #e02a26;
  }
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #257e86;
  }
}
h2 {
  color: #272727;
  font-size: 48px;
  letter-spacing: 0.96px;
  text-transform: capitalize;
  margin-bottom: 40px;
}

h3 {
  color: #000;
  font-size: 44px;
  line-height: 60px;
  margin-bottom: 12px;
}
h3 a {
  color: #171717;
}
h3 span {
  color: #e02a26;
}

h4 {
  color: #000;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: 1.12px;
  text-transform: capitalize;
}

h5 {
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: 0.64px;
  text-transform: capitalize;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
  color: #000;
}
a:-webkit-any-link:focus-visible {
  outline: none;
}
a:-webkit-any-link:focus {
  outline: none;
}

ul,
li {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

@media (max-width: 991px) {
  h3 {
    font-size: 35px;
  }
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: none;
}
input::-webkit-inner-spin-button,
input ::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
textarea ::-webkit-outer-spin-button,
select::-webkit-inner-spin-button,
select ::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.clear-input {
  top: 50%;
  cursor: pointer;
  right: 15px;
  transform: translate(50%, -50%);
  width: 16px;
  height: 16px;
}
.clear-input svg {
  width: 16px;
  height: 16px;
}

img {
  max-width: 100%;
}

.title a {
  transition: all 0.5s ease;
}
.title:hover a {
  color: #e02a26;
}

.checkbox {
  position: relative;
  width: 19px;
  height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkbox input[type="checkbox"] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.checkbox .checkmark {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
  border-radius: 3px;
  border: 1px solid #dedede;
}
.checkbox .checkmark svg g path {
  fill: #fff;
}

.checkbox:has(input[type="checkbox"]:checked) .checkmark {
  width: 19px;
  height: 19px;
  background-color: #e02a26;
  border-color: #e02a26;
}

.sub-title {
  color: #e02a26;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.sub-content {
  color: #575757;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}
@media (min-width: 1200px) {
  .sub-content {
    line-height: 36px;
  }
}

.button {
  display: inline-block;
  background: #e02a26;
  border: 1px solid #e02a26;
  padding: 17.5px 40px;
  transition: background 0.3s ease;
  color: #fff;
  cursor: pointer;
  border-radius: 400px;
}
@media (max-width: 1199px) {
  .button {
    padding: 10px 30px;
  }
}
@media (max-width: 767px) {
  .button {
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 480px) {
  .button {
    padding: 5px 20px;
  }
}
.button a {
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1.6px;
  transition: all 0.3s ease;
}
@media (max-width: 1199px) {
  .button a {
    font-size: 14px;
    letter-spacing: 0px;
  }
}
.button:hover {
  background: #fff;
  color: #e02a26;
}
.button:hover a {
  color: #e02a26;
}

.button-load-more {
  padding: 15px 30px;
  color: #e02a26;
  text-align: center;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 2.8px;
  border: 1px solid #e02a26;
  background: #fff;
  border-radius: 10px;
  width: 100%;
  position: relative;
}
.button-load-more:hover {
  color: #fff;
  background: #e02a26;
}
.button-load-more:before {
  content: "";
  position: absolute;
  top: -201px;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(
    0deg,
    rgb(255, 255, 255) 0%,
    rgba(255, 255, 255, 0.9971638314) 60%,
    rgba(255, 255, 255, 0) 100%
  );
}
@media only screen and (max-width: 991px) {
  .button-load-more:before {
    top: -101px;
    height: 100px;
  }
}
@media only screen and (max-width: 480px) {
  .button-load-more:before {
    content: none;
  }
}

.disabled-button {
  pointer-events: none;
  background: #c2eaed;
  border: 1px solid #c2eaed;
}

.hide-el-custom {
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
}

.wrap-load-more {
  overflow: hidden;
  transition: all 0.5s ease;
}

.button-close-more:before {
  content: none;
}

.swiper-button-next,
.swiper-button-prev {
  width: 23px;
  height: 39px;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 991px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.15;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width: 23px;
  height: 39px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  content: none;
}
.swiper-button-next:hover svg path,
.swiper-button-prev:hover svg path {
  stroke: #e02a26;
}

.swiper-button-circle {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.swiper-button-circle svg {
  height: 16px;
}

/*Header*/
header li:hover .mega-menu {
  display: block;
}
header .header-topbar {
  height: 35px;
  background: #f3f3f3;
  align-items: center;
  display: flex;
}
header .header-topbar .header-topbar-info {
  gap: 10%;
}
header .header-topbar .header-topbar-info .header-topbar-info-icon {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
header .header-topbar p,
header .header-topbar a {
  font-size: 12px;
  font-weight: 300;
}
header .header-topbar p {
  text-transform: uppercase;
  text-align: center;
}
header .header-topbar p a {
  font-weight: 500;
  text-decoration: underline;
}
header .header-topbar p a:hover {
  color: #e02a26;
  transition: all 0.3s ease;
}
header .header-main .header-right .header-search .search-input {
  visibility: hidden;
  opacity: 0;
  width: 420px;
  top: calc(100% + 15px);
  right: -30px;
  z-index: 990;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  color: #000000;
  background: #ffffff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
  transform: scale(0.9);
  transition: all 0.5s ease;
  will-change: transform;
  padding: 10px 20px;
}
header
  .header-main
  .header-right
  .header-search
  .search-input
  .header-search-form
  input {
  width: 100%;
  padding: 5px 45px 5px 5px;
  border: none;
}
header .header-main .header-right .header-search:hover .search-input {
  visibility: visible;
  opacity: 1;
}
header .header-main .header-right .header-search .search-input .search-smart {
  width: 100%;
}
header
  .header-main
  .header-right
  .header-search
  .search-input
  .header-search-form
  .enter-search {
  right: -5px;
  top: -8px;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
header
  .header-main
  .header-right
  .header-search
  .search-input
  .header-search-form {
  position: relative;
  border: none;
}
.header-main
  .header-nav
  .nav-parent-mega
  .mega-menu-col
  .mega-menu-col-child
  .nav-list {
  justify-content: start;
}

.header-main {
  padding: 20px 0;
  gap: 75px;
  height: 85px;
  align-items: center;
}
@media (max-width: 1199px) {
  .header-main {
    gap: 24px;
    height: initial;
    padding: 17px 0;
  }
  header .header-topbar .header-topbar-info {
    display: none;
  }
}
.header-main .header-logo {
  flex: 1 0 176px;
}
@media only screen and (max-width: 991px) {
  .header-main .header-logo {
    flex: 1;
  }
}
@media (max-width: 313px) {
  .header-main .header-logo a svg {
    max-width: 80px;
  }
}
.header-main .header-nav {
  width: 100%;
  padding: 10px;
}
.header-main .header-nav .nav-item {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
.header-main .header-nav .nav-parent-mega:hover > .nav-item {
  color: #e02a26;
}
.header-main .header-nav .nav-list {
  display: flex;
}
@media (min-width: 1200px) {
  .header-main .header-nav .nav-list {
    gap: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .header-main .header-nav .nav-list {
    gap: initial;
    justify-content: space-evenly;
  }
}
.header-main .header-nav .nav-list .nav-list-lv0 {
  top: 72px;
  left: 0;
  box-shadow: 2px 5px 5px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  padding: 15px;
  z-index: 2;
  background: #fff;
  width: 250px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 10;
}
.header-main .header-nav .nav-list .nav-list-lv0 li {
  padding: 10px 0;
  border-bottom: 1px solid #d6d6d6;
  transition: all 0.5s ease;
}
.header-main .header-nav .nav-list .nav-list-lv0 li:hover {
  padding: 10px 0 10px 5px;
  border-bottom: 1px solid #e02a26;
}
.header-main .header-nav .nav-list .nav-list-lv0 li:last-child {
  border: none;
}
.header-main .header-nav .nav-list li {
  padding: 25px 0;
  border-bottom: 2px solid #fff;
}
.header-main .header-nav .nav-list li:hover .nav-list-lv0 {
  visibility: visible;
  opacity: 1;
}
.header-main .header-nav .nav-list .nav-parent-mega:hover {
  border-bottom: 2px solid #e02a26;
}
.header-main .header-nav .nav-list-arrow-down {
  top: -1px;
  right: -3px;
}
.header-main .header-right {
  display: flex;
  gap: 25px;
}
@media (max-width: 1199px) {
  .header-main .header-right {
    gap: 16px;
  }
}
@media only screen and (max-width: 480px) {
  .header-main .header-right {
    gap: 5px;
  }
}
.header-main .header-right .header-cart {
  padding-right: 7px;
}
.header-main .header-right .header-cart .header-cart-quantity {
  background: #e02a26;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 9px;
  top: -2px;
  right: 0px;
  letter-spacing: -0.5px;
  color: #fff;
  font-size: 9px;
  font-weight: 600;
}
.header-main .header-right .header-wishlist,
.header-main .header-right .header-cart,
.header-main .header-right .header-account,
.header-main .header-right .header-search {
  cursor: pointer;
}
.header-main .header-right .header-wishlist:hover > svg path,
.header-main .header-right .header-cart:hover svg path,
.header-main .header-right .header-account:hover > svg path,
.header-main .header-right .header-search:hover > svg path {
  fill: #e02a26;
}

.mega-menu {
  left: 0;
  top: 114px;
  width: 100%;
  z-index: 4;
  background: #fff;
  border-top: 1px solid #ececec;
  padding: 31px 0 98px 0;
  transition: all 0.5s ease;
  display: none;
  animation: updown 0.5s ease forwards;
  box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1199px) {
  .mega-menu {
    top: 135px;
  }
}
.mega-menu:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 30px;
}
.mega-menu .title-mega {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.66px;
  margin-bottom: 49px;
}
.mega-menu .mega-menu-main {
  gap: 87px;
  justify-content: space-between;
}
.mega-menu .mega-menu-main .mega-menu-list {
  flex: 1 1 auto;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 80px;
  row-gap: 65px;
}
.mega-menu .mega-menu-main .mega-menu-list .mega-menu-col {
  flex: 0 0 auto;
  text-align: center;
}
.mega-menu
  .mega-menu-main
  .mega-menu-list
  .mega-menu-col:hover
  .nav-item-parent {
  color: #e02a26;
}
.mega-menu .mega-menu-main .mega-menu-list .mega-menu-col img {
  max-width: 90px;
  margin-bottom: 12px;
}
.mega-menu .mega-menu-main .mega-menu-list .mega-menu-col .nav-item-parent {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  display: block;
}
.mega-menu .mega-menu-main .mega-menu-list .mega-menu-col li {
  padding: 0;
}
.mega-menu .mega-menu-main .mega-menu-list .mega-menu-col li a {
  color: #000;
  line-height: 270%;
  padding: 0;
  text-transform: capitalize;
  transition: all 0.7s ease;
}
.mega-menu .mega-menu-main .mega-menu-image {
  flex: 0 0 293px;
}

.mega-menu-text {
  padding: 55px 0;
}
.mega-menu-text .mega-menu-main {
  gap: 18px;
}
.mega-menu-text .mega-menu-main .mega-menu-list {
  gap: initial;
  row-gap: 47px;
}
.mega-menu-text .mega-menu-main .mega-menu-list .mega-menu-col {
  text-align: left;
  flex: 0 0 33%;
}
.mega-menu-text
  .mega-menu-main
  .mega-menu-list
  .mega-menu-col
  .nav-item-parent {
  font-size: 16px;
  font-weight: 700;
  line-height: 125%;
  text-transform: capitalize;
  margin-bottom: 9px;
}
.mega-menu-text .mega-menu-main .mega-menu-list .mega-menu-col li:hover {
  border: none;
}
.mega-menu-text .mega-menu-main .mega-menu-list .mega-menu-col li:hover a {
  color: #e02a26;
  padding-left: 5%;
  transition: all 0.7s ease;
}
.mega-menu-text .mega-menu-main .mega-menu-image .mega-menu-image-shopnow {
  gap: 10px;
  margin-top: 16px;
}
.mega-menu-text .mega-menu-main .mega-menu-image .mega-menu-image-shopnow a {
  font-weight: 500;
  line-height: 230%;
  letter-spacing: 0.28px;
  text-decoration-line: underline;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
.mega-menu-text
  .mega-menu-main
  .mega-menu-image
  .mega-menu-image-shopnow
  svg
  path {
  transition: all 0.5s ease;
}
.mega-menu-text
  .mega-menu-main
  .mega-menu-image
  .mega-menu-image-shopnow:hover
  a,
.mega-menu-text
  .mega-menu-main
  .mega-menu-image
  .mega-menu-image-shopnow:hover
  svg
  path {
  color: #e02a26;
  fill: #e02a26;
}

@keyframes updown {
    from {
        transform: translateY(7%);
        opacity: 0;
    }
    to {
        transform: translateY(0%);
        opacity: 1;
    }
}


/*Popup cart*/

.popup .offcanvas.offcanvas-end {
    width: 515px;
    overflow: hidden;
}

.popup .offcanvas-body .btn-close {
    color: #171717 !important;
    font-size: 14px;
    letter-spacing: 0.45px;
    padding: 10px 0 22px 0;
    line-height: 31px;
    width: 80px;
    background-position: 0px calc(50% + 2px);
    background-size: 13px;
    opacity: 1;
    letter-spacing: normal;
    margin-left: 24px;
}

@media only screen and (max-width: 480px) {
    .popup .offcanvas-body .btn-close {
        margin-left: 16px;
    }
}

.popup .offcanvas-body .btn-close:focus {
    box-shadow: none;
}

.popup .offcanvas-body {
    padding: 0;
    overflow-x: hidden;
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.popup .offcanvas-body::-webkit-scrollbar {
    width: 6px;
}

.popup .offcanvas-body::-webkit-scrollbar-track {
    background: #d9d9d9;
}

.popup .offcanvas-body::-webkit-scrollbar-thumb {
    background: #9d9d9d;
}

.popup .offcanvas-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.popup .popup-border-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin-left: -20px;
    background-color: #d6d6d6;
    width: 150%;
    height: 0.5px;
}

.popup .popup-nav {
    width: 100%;
    display: flex;
    padding: 0 24px;
    border-bottom: 1px solid rgb(214, 214, 214);
}

@media only screen and (max-width: 480px) {
    .popup .popup-nav {
        padding: 0 16px;
    }
}

.popup .popup-nav .nav-link {
    font-size: 14px;
    padding: 19px 0 15px;
    color: #000;
    font-weight: 400;
    line-height: normal;
}

.popup .popup-nav .nav-link.active {
    background: transparent;
    position: relative;
    color: #000;
    font-weight: 700;
}

.popup .popup-nav .nav-link.active::before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #000;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.popup .popup-cart {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 480px;
  padding: 0 15px 0 24px;
}

.popup .popup-cart::-webkit-scrollbar {
    width: 6px;
}

@media only screen and (max-width: 480px) {
    .popup .popup-cart {
        padding: 0 15px 0 16px;
    }
}

@media only screen and (max-width: 391px) {
    .popup .popup-cart .popup-cart-item {
        flex-wrap: wrap;
    }
}

.popup .popup-cart .popup-cart-item .cart-img {
    flex: 0 0 100px;
}

@media only screen and (max-width: 480px) {
    .popup .popup-cart .popup-cart-item .cart-img {
        flex: 0 0 80px;
    }
}

@media only screen and (max-width: 391px) {
    .popup .popup-cart .popup-cart-item .cart-img {
        flex: 0 1 calc(100% - 69px);
        text-align: center;
    }
}

.popup .popup-cart .popup-cart-item .cart-img img {
    border-radius: 5px;
}

.popup .popup-cart .popup-cart-item .cart-info {
    flex-grow: 1;
}

.popup .popup-cart .popup-cart-item .cart-info .cart-btn-action {
    border: none;
}

.popup .popup-cart .popup-cart-item .checkbox {
    margin-top: 42px;
}

.popup .popup-cart .popup-cart-item .cart-content {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.popup .popup-cart .popup-cart-item .cart-content .cart-info-content {
    flex: 1;
}

.popup .popup-cart .popup-cart-item .cart-content .cart-info-content a {
    color: #000;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: unset;
}

.popup .popup-cart .popup-cart-item .cart-content .cart-info-content a:hover {
    color: #e02a26;
}

.popup .popup-cart .popup-cart-item .cart-content .cart-info-content h4 {
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: 0;
}

.popup .popup-cart .popup-cart-item .cart-content .cart-info-content span {
    color: #616161;
    font-size: 14px;
    line-height: 20px;
}

@media only screen and (max-width: 480px) {
    .popup .popup-cart .popup-cart-item .cart-content .cart-info-content span {
        font-size: 12px;
    }
}

.popup .popup-cart .popup-cart-item .cart-content .cart-btn {
    text-align: right;
    flex: 0 0 90px;
    margin-top: 2px;
}

@media (min-width: 1200px) {
    .popup .popup-cart .popup-cart-item .cart-content .cart-btn {
        max-width: 90px;
    }
}

.popup .popup-cart .popup-cart-item .cart-quantity-form {
    margin-bottom: 0;
}

.popup .popup-cart .popup-cart-item .cart-btn button {
    border: none;
    background: transparent;
    padding: 0;
}

.popup .popup-cart .popup-cart-item .cart-btn button:hover svg path {
    fill: #e02a26;
    fill-opacity: 1;
}

.popup .popup-cart .popup-cart-item .cart-btn .cart-btn-action {
    padding: 0;
}

.popup .popup-cart .popup-cart-item .cart-btn .cart-btn-action:first-child {
    margin-right: 34px;
}

.popup .popup-cart .popup-cart-item .cart-btn .cart-quantity {
    margin-top: 45px;
}

.popup .popup-cart .popup-cart-item .cart-price {
    display: flex;
    gap: 9px;
    align-items: center;
    margin-top: 12px;
}

.popup .popup-cart .popup-cart-item .cart-price .old-price {
    color: #979797;
    font-size: 16px;
    letter-spacing: 0.16px;
    text-decoration: line-through;
}

@media only screen and (max-width: 480px) {
    .popup .popup-cart .popup-cart-item .cart-price .old-price {
        font-size: 12px;
    }
}

.popup .popup-cart-no-item {
    padding-top: 90px;
    text-align: center;
}

.popup .popup-cart-no-item img {
    margin-bottom: 19px;
}

.popup .popup-cart-no-item p {
    color: #444;
    font-size: 18px;
    line-height: 31px;
}

.popup .popup-cart-no-item p span {
    font-weight: 700;
}

.popup .popup-wishlist .checkbox {
    margin-top: 0 !important;
    align-self: center;
}

.popup .popup-wishlist .popup-wishlist-img {
    flex: 0 0 100px;
}

@media only screen and (max-width: 391px) {
    .popup .popup-wishlist .popup-wishlist-img {
        flex: 0 0 calc(100% - 30px);
        text-align: center;
    }
}

.popup .popup-wishlist .popup-wishlist-img img {
    border-radius: 5px;
}

.popup .popup-wishlist .popup-wishlist-info-top {
    display: flex;
    gap: 23px;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 6px;
}

.popup .popup-wishlist .wishlist-info-top {
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: unset;
}

.popup .popup-wishlist .popup-wishlist-info-bottom {
    display: flex;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
}

.popup .popup-wishlist .cart-price {
    font-weight: 400;
    margin-top: 0 !important;
}

.popup .popup-wishlist .cart-price h4 {
    font-size: 16px;
    margin: 0 10px 0 0;
}

@media only screen and (max-width: 480px) {
    .popup .popup-wishlist .cart-price h4 {
        margin: 0;
    }
}

.popup .popup-wishlist .cart-price .old-price {
    font-size: 16px;
    color: #939393;
}

.popup .popup-wishlist .button-action-buy {
    padding: 8px 15px;
}

.popup .popup-discount {
    position: relative;
    padding: 18px 24px;
}

@media only screen and (max-width: 480px) {
    .popup .popup-discount {
        padding: 18px 16px;
    }
}

.popup .popup-discount h5 {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
    letter-spacing: 0;
    text-transform: uppercase;
}

.popup .popup-discount .popup-discount-icon {
    cursor: pointer;
}

.popup .popup-btn {
    margin: 30px 24px;
    padding: 15.5px 0;
    width: calc(100% - 48px);
    font-size: 16px;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
}

@media only screen and (max-width: 480px) {
    .popup .popup-btn {
        margin: 30px 16px;
        width: calc(100% - 32px);
    }
}

.popup .popup-btn::before {
    top: -30px;
}

.popup .popup-btn:hover {
    color: #e02a26;
    border: 1px solid #e02a26;
}

.popup .popup-btn span {
    font-weight: 800;
    margin-left: 30px;
}

.popup .payment-method-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 36px;
    row-gap: 21px;
    margin-bottom: 100px;
    padding: 28px 24px 0;
}

@media only screen and (max-width: 480px) {
    .popup .payment-method-list {
        column-gap: 16px;
        row-gap: 16px;
        padding: 28px 16px 0;
    }
}

.popup .payment-method-list .payment-method-item svg {
    max-width: 100%;
    border-radius: 5px;
}

.popup .popup-wishlist {
    padding: 4px 24px 25px 24px;
    max-height: calc(100vh - 97px);
    overflow: hidden scroll;
}

@media only screen and (max-width: 480px) {
    .popup .popup-wishlist {
        padding: 25px 16px;
    }
}

.popup .popup-wishlist .popup-wishlist-error {
    padding-top: 26px;
}

.popup .popup-account-right .login-container {
    padding: 61px 41px;
}

@media only screen and (max-width: 480px) {
    .popup .popup-account-right .login-container {
        padding: 32px 16px;
    }
}

.cart-quantity-form {
  display: flex;
  align-items: center;
  margin: 0;
  border: 1px solid #f0f0f0;
  justify-content: space-between;
  width: 90px;
  margin-bottom: 18px;
  padding: 7px 13px;
  border-radius: 3px;
}
.cart-quantity-form button {
  line-height: 8px;
  border: none;
  background: none;
}
.cart-quantity-form input {
  border: none;
  background: transparent;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  line-height: normal;
}
.cart-quantity-form input:focus-visible {
  outline: none;
}
.cart-quantity-form input.qty {
  min-width: 10px;
  text-align: center;
  max-width: 40px;
  padding: 0;
}

  /* button {
    border: none;
    background: none;
    padding: 0;
  } */

.contact-form {
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  .contact-form {
    max-width: 580px;
  }
}
.contact-form .contact-form-row {
  gap: 18px;
  row-gap: 20px;
  flex-wrap: wrap;
}
.contact-form .contact-form-row .contact-form-line {
  flex: 0 0 auto;
  width: calc(50% - 9px);
}
@media only screen and (max-width: 391px) {
  .contact-form .contact-form-row .contact-form-line {
    width: 100%;
  }
}
.contact-form .contact-form-row .contact-form-line label {
  display: block;
  margin-bottom: 8px;
  color: #606060;
  font-size: 13px;
  line-height: 1.5;
  text-transform: uppercase;
}
.contact-form .contact-form-row .contact-form-line input,
.contact-form .contact-form-row .contact-form-line textarea,
.contact-form .contact-form-row .contact-form-line select {
  width: 100%;
  border: 1px solid #ededed;
  padding: 15px 20px;
  color: #000;
  line-height: 18px;
  font-size: 14px;
  border-radius: 3px;
}
.contact-form .contact-form-row .contact-form-line input::placeholder,
.contact-form .contact-form-row .contact-form-line textarea::placeholder,
.contact-form .contact-form-row .contact-form-line select::placeholder {
  color: #000;
  font-weight: 300;
}
.contact-form .contact-form-row .contact-form-line select {
  appearance: none;
  font-weight: 500;
}
.contact-form .contact-form-row .contact-form-line select::placeholder {
  font-weight: 500;
}
.contact-form .contact-form-row .contact-form-line .input-select label {
  position: absolute;
  top: 2px;
  left: 20px;
  font-size: 10px;
  font-weight: 400;
  color: #1a1a1a;
  text-transform: initial;
}
.contact-form .contact-form-row .contact-form-line .input-select select {
  background: url("../image/arrow-double.svg") no-repeat center right
    20px;
  color: #606060;
}
.contact-form
  .contact-form-row
  .contact-form-line
  .input-select
  #seclect-country {
  padding: 23px 0 7px 20px;
  background: url("../image/arow-down-productlist.svg") no-repeat center
    right 20px;
  color: #000;
  font-weight: 500;
}
.contact-form .contact-form-row .contact-form-line textarea {
  height: 112px;
  resize: none;
}
.contact-form .contact-form-row .contact-form-line .text-note-input {
  margin-bottom: 15px;
  color: #606060;
}
.contact-form .contact-form-row .contact-form-line-full {
  width: 100%;
}
.contact-form .contact-form-row .contact-form-line-full input {
  accent-color: #727272;
  margin-right: 12px;
}
.contact-form .contact-form-row .button {
  padding: 19px;
  width: 100%;
  font-weight: 800;
  text-transform: uppercase;
  margin-top: 27px;
}

/*Popup login*/
@media (min-width: 1200px) {
  .login-popup .modal-dialog {
    max-width: 550px;
  }
}
.login .login-modal {
  border-radius: 0;
}
.login .login-close {
  position: absolute;
  top: 15px;
  right: 17px;
  background: transparent;
}
.login .login-close:focus {
  box-shadow: none;
}

.login-container {
  padding: 52px 54px 66px 55px;
}
@media (max-width: 767px) {
  .login-container {
    padding: 50px 25px;
  }
}
.login-container h2 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 36px;
  font-family: Mont-800, sans-serif;
}

.main-form {
  flex-wrap: wrap;
  gap: 12px;
}
.main-form .contact-form-line {
  width: 100%;
  flex: 0 0 auto;
}
.main-form .contact-form-line input {
  width: 100%;
  padding: 14px 20px;
  color: #454545;
  font-size: 14px;
  line-height: normal;
  border-radius: 2px;
  border: 1px solid #ededed;
}
.main-form .contact-form-line input::placeholder {
  color: #454545;
}
.main-form .contact-form-line input::-ms-reveal {
  display: none;
}
.main-form .contact-form-line .password-input {
  top: 0;
  transform: translateY(50%);
  right: 14px;
  cursor: pointer;
}

.login-form-submit {
  padding: 13px;
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  width: 100%;
  margin-bottom: 25px;
  border: 1px solid #e02a26;
}
.login-form-submit:hover {
  color: #e02a26;
}

.login-form-forgot {
  margin: 12px 0 20px 20px;
  color: #e02a26;
  font-size: 14px;
  text-decoration: underline;
}
.login-form-forgot:hover {
  color: #19848e;
}

.login-or {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-bottom: 25px;
}
.login-or span {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}
.login-or::before,
.login-or::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e9e9e9;
}

.login-other {
  margin-bottom: 30px;
}
.login-other .login-other-btn {
  width: 100%;
  height: 46px;
  display: flex;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 500px;
  border: 1px solid #e9e9e9;
  margin-bottom: 10px;
  font-size: 14px;
  transition: all 0.5s ease;
}
.login-other .login-other-btn:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.login-other .login-other-btn svg {
  width: auto;
  height: auto;
  max-width: 50%;
  max-height: 90%;
}
.login-other .login-other-btn.login-other-dark {
  background-color: #000;
  color: #fff;
  gap: 12px;
}

.login-not {
  font-size: 14px;
  text-align: center;
}
.login-not button {
  text-decoration: underline;
  color: #000;
  background: transparent;
  border: none;
}
.login-not button:hover {
  color: #e02a26;
}

/*Product detail - Product info*/

.product-detail-container {
    gap: 50px;
    justify-content: space-between;
}

@media only screen and (max-width: 1199px) {
    .product-detail-container {
        gap: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .product-detail-container {
        flex-wrap: wrap;
    }
}

.product-detail-container .detail-image {
    max-width: 100%;
    display: flex;
    gap: 20px;
    height: 460px;
    overflow: hidden;
}

@media only screen and (max-width: 1199px) {
    .product-detail-container .detail-image {
        flex: 0 0 50%;
        flex-wrap: wrap-reverse;
        height: fit-content;
    }
}

@media only screen and (max-width: 991px) {
    .product-detail-container .detail-image {
        flex: 0 0 100%;
        height: initial;
    }
}

.product-detail-container .detail-image .large-image {
    flex: 1;
    max-width: calc(100% - 90px);
}

@media only screen and (max-width: 1199px) {
    .product-detail-container .detail-image .large-image {
        max-width: 100%;
    }
}

.product-detail-container .detail-image .large-image .large-video {
    overflow: hidden;
}

.product-detail-container .detail-image .large-image .large-video video {
    width: 100%;
    height: 100%;
}

.product-detail-container .detail-image .thumbs-image {
    flex: 0 0 96px;
}

@media only screen and (max-width: 1199px) {
    .product-detail-container .detail-image .thumbs-image {
        flex: 0 0 100%;
        width: 100%;
        height: fit-content;
    }
}

.product-detail-container .detail-image .thumbs-image .thumb-image-swiper {
    height: 100%;
}

.product-detail-container .detail-image .thumbs-image .thumb-image-swiper .swiper-slide {
    border-radius: 10px;
}

.product-detail-container .detail-image .thumbs-image .thumb-image-swiper .swiper-slide-thumb-active img {
    border-radius: 10px;
    border: 2px solid #e02a26;
}

.product-detail-container .detail-image .thumbs-image .thumb-image-swiper .button-quickview-video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.product-detail-container .detail-image .thumbs-image .thumb-image-swiper .button-quickview-video:hover svg path {
    fill: #e02a26;
}

.product-detail-container .detail-info {
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
}

.product-detail-container .detail-info-wrap {
    flex: 0 0 503px;
}

@media only screen and (max-width: 1199px) {
    .product-detail-container .detail-info-wrap {
        flex: 1;
    }
}

.product-detail-container .detail-info-wrap .detail-rating-share {
    justify-content: space-between;
}

@media only screen and (max-width: 991px) {
    .product-detail-container .detail-info-wrap .detail-rating-share {
        flex-wrap: wrap;
        row-gap: 20px;
    }
}

.product-detail-container .detail-info-wrap .detail-rating-share .detail-rating {
    gap: 4px;
    flex-wrap: wrap;
}

.product-detail-container .detail-info-wrap .detail-rating-share .detail-rating .detail-rating-quantity {
    position: relative;
}

.product-detail-container .detail-info-wrap .detail-rating-share .detail-rating .detail-rating-quantity:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #efefef;
}

.product-detail-container .detail-info-wrap .detail-rating-share .detail-share {
    gap: 10px;
}

.product-detail-container .detail-info-wrap .detail-rating-share .detail-share a {
    font-size: 14px;
    font-weight: 300;
}

.product-detail-container .detail-info-wrap .detail-rating-share .detail-share a:hover {
    color: #e02a26;
}

.product-detail-container .detail-info-wrap .product-type {
    color: #575757;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 3.3px;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: inline-block;
}

.product-detail-container .detail-info-wrap .product-name {
    color: #000;
    font-size: 28px;
    line-height: normal;
    margin-bottom: 12px;
}

.product-detail-container .detail-info-wrap .product-price {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 35px 0 0 0;
}

.product-detail-container .detail-info-wrap .product-price .product-price-current {
    font-size: 24px;
    font-weight: 700;
}

.product-detail-container .detail-info-wrap .product-price p {
    color: #e02a26;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.8px;
}

.product-detail-container .detail-info-wrap.show .detail-cart {
    display: block;
}

.product-detail-container .detail-info-wrap .detail-addcart:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.product-detail-container .detail-info-wrap .product-price .product-price-old {
    color: #969595;
    font-size: 16px;
    text-decoration: line-through;
}

.product-detail-container .detail-info-wrap .detail-variant {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
}

.product-detail-container .detail-info-wrap .detail-variant h6 {
    margin-bottom: 10px;
}

.product-detail-container .detail-info-wrap .detail-variant h6 span {
    color: #979797;
    font-size: 16px;
    font-weight: 400;
}

.product-detail-container .detail-info-wrap .detail-cart h6 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.product-detail-container .detail-info-wrap .detail-cart .cart-quantity-form {
    padding: 14px 20px;
    width: 150px;
    margin-bottom: 0;
}

.product-detail-container .detail-info-wrap .detail-addcart {
    border: 1px solid #e02a26;
    border-radius: 50px;
    padding: 19px;
    width: 100%;
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin: 30px 0;
}


/*Popup Quick view*/
@media only screen and (max-width: 1199px) {
  #fhm-quickview-popup {
    display: none;
  }
}
#fhm-quickview-popup .product-price {
  margin: 35px 0;
}
#fhm-quickview-popup .product-detail-container {
  padding: 44px 36px;
}
#fhm-quickview-popup .product-detail-container .detail-info {
  padding-bottom: 0;
  border-bottom: none;
}
#fhm-quickview-popup .detail-info-wrap .detail-variant {
  margin-bottom: 35px;
  border-bottom: none;
}
#fhm-quickview-popup .product-detail-variants .product-variant-default {
  margin: 0 0 35px 0;
}
#fhm-quickview-popup .modal-dialog {
  max-width: 1178px;
}
#fhm-quickview-popup .btn-close {
  right: 19px;
  top: 19px;
  position: absolute;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*Css variant product*/
.product-detail-variants {
  justify-content: space-between;
  margin: 12px 0 20px 0;
  flex-wrap: wrap;
  gap: 20px;
  row-gap: 0;
}
.product-detail-variants .product-variant-default .variant-list {
  gap: 20px;
  flex-wrap: wrap;
}
.product-detail-variants .product-variant-default .variant-list .variant-item {
  display: inline-block;
  position: relative;
}
.product-detail-variants
  .product-variant-default
  .variant-list
  .variant-item:hover
  label {
  background-color: #e02a26;
  border: 1px solid #e02a26;
  color: #fff;
}
.product-detail-variants
  .product-variant-default
  .variant-list
  .variant-item
  input {
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
  z-index: 2;
  cursor: pointer;
}
.product-detail-variants
  .product-variant-default
  .variant-list
  .variant-item
  input:checked
  + label {
  background-color: #e02a26;
  border: 1px solid #e02a26;
  color: #fff;
}
.product-detail-variants
  .product-variant-default
  .variant-list
  .variant-item
  label {
  top: 0;
  left: 0;
  padding: 8px 30px;
  border: 1px solid #c8c8c8;
  color: #000;
  transition: all 0.5s ease;
}

/*Css item product*/
.product-item {
  transition: all 0.5s ease;
}
.product-item:hover .product-info .product-name {
  color: #e02a26;
}
.product-item .product-img {
  overflow: hidden;
  margin-bottom: 37px;
  transition: all 0.5s ease;
  width: 100%;
  aspect-ratio: 370/370;
  background: #fff;
}
.product-item .product-img > a {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 10% 0;
}
.product-item .product-img img {
  transition: all 0.25s ease;
}
.product-item .product-img .product-item-quickview {
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 145%);
  opacity: 0;
  padding: 8px 20px;
  background-color: #e02a26;
  border: 1px solid #e02a26;
  transition: all 0.5s ease;
}
@media (max-width: 1199px) {
  .product-item .product-img .product-item-quickview {
    display: none;
  }
}
.product-item .product-img .product-item-quickview span {
  color: #fff;
}
.product-item .product-img .product-item-quickview:hover {
  background: #fff;
}
.product-item .product-img .product-item-quickview:hover span {
  color: #e02a26;
}
.product-item .product-img:hover img {
  transform: scale(1.05);
}
.product-item .product-img:hover .product-item-action {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.product-item .product-img:hover .product-item-quickview {
  opacity: 1;
  transform: translate(-50%, 0);
}
.product-item .product-item-wishlist {
  top: 10%;
  right: 10%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: 48px;
  cursor: pointer;
  text-align: center;
  /* position: absolute; */
}
.product-item .product-item-wishlist svg path {
  fill: #e02a26;
}
.product-item .product-img:hover .product-item-discount {
  display: none;
}
.product-item .product-item-discount {
  color: #ea0000;
  position: absolute;
  top: 10%;
  right: 10%;
}
@media only screen and (max-width: 480px) {
  .product-item .product-item-wishlist {
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    line-height: 32px;
  }
}
.product-item .product-item-wishlist svg circle,
.product-item .product-item-wishlist svg path {
  transition: all 0.5s ease;
}
.product-item .product-item-wishlist:hover svg circle {
  fill: #e02a26;
}
.product-item .product-item-wishlist:hover svg path {
  fill: #fff;
}
.product-item .product-item-wishlist-2 svg circle {
  fill: #e02a26;
}
.product-item .product-item-wishlist-2 svg path {
  fill: #fff;
}
.product-item .product-item-action {
  top: 20px;
  right: 20px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(calc(100% + 20px));
  transition: all 0.5s ease;
  cursor: pointer;
}
.product-item .product-info {
  padding: 0 10px;
  text-align: center;
}
.product-item .product-info .product-type {
  color: #979797;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 3.3px;
  text-transform: uppercase;
}
.product-item .product-info .product-name {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5em;
  height: 4.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  transition: color 0.5s ease;
  /* margin-bottom: 14px; */
  margin-top: 10px;
  padding: 0 15px;
}
@media only screen and (max-width: 991px) {
  .product-item .product-info .product-name {
    min-height: 42px;
  }
}
.product-item .product-info .product-descrition {
  display: none;
  color: #616161;
  line-height: 22px;
}
.product-item .product-info .product-price {
  font-size: 16px;
  height: 19px;
}
.product-item .product-info .product-price .product-price-old {
  color: #a6a6a6;
  margin-left: 6px;
}
.product-item .product-info .product-info-bottom .product-item-action {
  display: none;
}
.product-item .product-item-buy {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  margin-top: 28px;
  font-size: 14px;
}
@media (min-width: 1200px) {
  .product-item .product-item-buy {
    padding: 12px 32px;
    letter-spacing: 1.4px;
  }
  .product-item .product-item-buy svg {
    display: none;
  }
}

.cart-product .cart-checkbox {
  padding-left: 0;
  padding-right: 11px;
}
.cart-product .cart-info .cart-info-content a {
  display: block;
  color: #272727;
  font-family: Mont-800, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 7px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: unset;
}
@media only screen and (max-width: 480px) {
  .cart-product .cart-info .cart-info-content a {
    font-size: 16px;
  }
}
.cart-product .cart-info .cart-info-content a:hover {
  color: #e02a26;
}
.cart-product .cart-quantity {
  text-align: center;
}
.cart-product .cart-price {
  text-align: end;
}
.cart-product .cart-price h4 {
  color: #e02a26;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.18px;
  margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
  .cart-product .cart-price h4 {
    font-size: 16px;
  }
}
.cart-product .cart-price span {
  color: #929292;
  text-decoration: line-through;
}
@media only screen and (max-width: 480px) {
  .cart-product .cart-price span {
    font-size: 12px;
  }
}
.cart-product .cart-delete {
  padding-left: 25px;
  padding-right: 0;
}
.cart-product .cart-delete button {
  border: none;
  background: transparent;
}

/*Cart item*/
.cart-item {
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 16px 0;
  border-bottom: 1px solid #ededed;
  gap: 30px;
}
@media only screen and (max-width: 480px) {
  .cart-item {
    position: relative;
    gap: 16px;
  }
}
.cart-item .cart-item-image {
  flex: 0 0 125px;
  text-align: center;
  padding: 10px;
  max-width: 107px;
  max-height: 116px;
  aspect-ratio: 107/116;
}
@media only screen and (max-width: 480px) {
  .cart-item .cart-item-image {
    flex: 0 0 100px;
  }
}
@media only screen and (max-width: 391px) {
  .cart-item .cart-item-image {
    flex: 0 0 100%;
  }
}
.cart-item .cart-item-info {
  flex: 1;
  /* margin-right: 32px; */
}
@media only screen and (max-width: 480px) {
  .cart-item .cart-item-info {
    margin-bottom: 16px;
    margin-right: 0px;
    flex: 0 0 calc(100% - 152px);
  }
}
@media only screen and (max-width: 391px) {
  .cart-item .cart-item-info {
    flex: 0 0 100%;
  }
}
.cart-item .cart-item-info .product-name {
  display: inline-block;
  font-family: Mont-800, sans-serif;
  font-size: 16px;
  margin-bottom: 5px;
  max-width: 273px;
  line-height: 24px;
}
@media only screen and (max-width: 991px) {
  .cart-item .cart-item-info .product-name {
    font-size: 14px;
    line-height: 22px;
  }
}
.cart-item .cart-item-info .product-name:hover {
  color: #e02a26;
}
.cart-item .cart-item-info .product-descrition {
  color: #616161;
  line-height: 20px;
  max-width: 273px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: unset;
}
@media only screen and (max-width: 480px) {
  .cart-item .cart-item-info .product-descrition {
    max-width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .cart-item .cart-quantity-form {
    margin: 0;
  }
}
.cart-item .cart-item-button {
  align-items: center;
  justify-content: flex-end;
  gap: 32px;
}
@media (min-width: 1200px) {
  .cart-item .cart-item-button {
    gap: 75px;
  }
}
@media only screen and (max-width: 991px) {
  .cart-item .cart-item-button {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 480px) {
  .cart-item .cart-item-button {
    gap: 16px;
    flex: 1;
  }
}
.cart-item .cart-item-button .cart-price {
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .cart-item .cart-item-button .cart-price {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
.cart-item .cart-item-button .cart-price h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
  line-height: normal;
}
@media only screen and (max-width: 991px) {
  .cart-item .cart-item-button .cart-price h4 {
    font-size: 16px;
  }
}
@media (min-width: 314px) and (max-width: 480px) {
  .cart-item .cart-item-button .cart-price h4 {
    margin-bottom: 0;
  }
}
.cart-item .cart-item-button .cart-price .old-price {
  color: #969595;
  font-size: 14px;
  line-height: normal;
  text-decoration: line-through;
}
.cart-item .cart-item-button .product-item-buy {
  padding: 13px 30px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  letter-spacing: 1.4px;
}
@media only screen and (max-width: 480px) {
  .cart-item .cart-item-button .product-item-buy {
    padding: 13px;
  }
}
.cart-item .cart-item-button .product-item-buy svg {
  display: none;
}
@media only screen and (max-width: 480px) {
  .cart-item .cart-item-button .product-item-buy svg {
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  .cart-item .cart-item-button .product-item-buy span {
    display: none;
  }
}
.cart-item .cart-item-button .product-item-buy:hover svg path {
  fill: #e02a26;
}
.cart-item .cart-item-remove {
  border: none;
  background: transparent;
}
.cart-item .cart-item-remove:hover svg path {
  fill: #e02a26;
}

/*********************************************************************/
.breadcrumb {
  background: #f9f9f9;
  margin-bottom: 56px;
}
@media only screen and (max-width: 991px) {
  .breadcrumb {
    display: none;
  }
}
@media (max-width: 314px) {
  .breadcrumb {
    margin-bottom: 30px;
  }
}
.breadcrumb .breadcrumb-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  position: relative;
  z-index: 1;
}
.breadcrumb .breadcrumb-link {
  color: #616161;
  padding: 14px 0px;
  font-weight: 300;
  white-space: nowrap;
}
@media only screen and (max-width: 480px) {
  .breadcrumb .breadcrumb-link {
    font-size: 12px;
    padding: 10px 0px;
  }
}
.breadcrumb .breadcrumb-link:last-child {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.breadcrumb .breadcrumb-arrow {
  margin-top: -3px;
}

@media (max-width: 1199px) {
  #menumobile {
    width: 60%;
    top: 0;
    max-width: 100%;
    box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.15);
  }
  #menumobile .menu-mobile-head {
    justify-content: space-between;
    gap: 86px;
    row-gap: 21px;
    flex-wrap: wrap;
    padding: 0 20px 21px 20px;
    border-bottom: 1px solid #d7edef;
  }
  #menumobile .menu-mobile-head #searchMobile {
    flex: 1 1 min(100%, 150px);
  }
  #menumobile .menu-mobile-head #searchMobile input {
    width: 100%;
    padding: 10px 10px;
    border-radius: 5px;
    border: 1px solid #d7edef;
  }
  #menumobile .menu-mobile-head #searchMobile button {
    right: 5px;
    top: 0;
    background: transparent;
    border: none;
    height: 100%;
  }
  #menumobile .button-partner-mobile {
    padding: 18px 20px;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    margin: 26px 20px 31px 20px;
    display: block;
  }
  #menumobile .button-logout {
    text-align: center;
    color: #cd0f0f;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    width: 100%;
    gap: 4px;
    justify-content: center;
    background: transparent;
    align-items: center;
    border: none;
  }
  #menumobile .offcanvas-body {
    margin-top: 21px;
    padding: 0;
  }
  #menumobile .nav-mobile li {
    padding: 15px 5px;
    border-bottom: 1px solid #e8e8e8;
  }
  #menumobile .nav-mobile li a {
    color: #000;
    text-transform: capitalize;
  }
  #menumobile .nav-mobile li:last-child {
    border: none;
  }
  #menumobile .btn-close {
    right: 10px;
    position: absolute;
    top: 10px;
  }
  #menumobile .nav-list .nav-list-lv0 {
    padding-left: 30px;
    margin-top: 5px;
  }
  #menumobile .nav-list .nav-list-lv0 li {
    list-style: disc;
  }
  #menumobile .nav-list .nav-list-lv0 .nav-list-lv1 {
    list-style: none;
    padding: 5px 0 0 15px;
  }
  #menumobile .nav-list .nav-list-lv0 .nav-list-lv1 li {
    list-style: none;
    border: none;
  }
  #menumobile .nav-list .close-sub-nav {
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 10px 0 10px 20px;
  }
  #menumobile .nav-list .close-sub-nav svg {
    width: 16px;
  }
  #menumobile .nav-list .close-sub-nav svg path {
    fill: #606060;
  }
  #menumobile .nav-list .close-sub-nav svg:nth-child(1) {
    display: none;
  }
  #menumobile .nav-list .close-sub-nav.collapsed svg:nth-child(1) {
    display: block !important;
  }
  #menumobile .nav-list .close-sub-nav.collapsed svg:nth-child(2) {
    display: none;
  }
  .nav-item-bold {
    font-weight: 600;
    transition: all 0.5s ease;
    color: #e02a26 !important;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 32px;
    line-height: normal;
  }
  h3 {
    font-size: 32px;
    line-height: normal;
  }
  h3 a {
    font-size: 32px;
    line-height: normal;
  }
  h4 {
    font-size: 32px;
    line-height: normal;
  }
  .sub-content {
    font-size: 16px;
  }
}
@media only screen and (max-width: 480px) {
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 24px;
  }
  h3 a {
    font-size: 24px;
  }
  h4 {
    font-size: 24px;
  }
  .sub-content {
    font-size: 14px;
  }
  .sub-title {
    font-size: 12px;
  }
  .product-item .product-info .product-name {
    font-size: 14px;
  }
  .product-item .product-info .product-type {
    font-size: 10px;
  }
}
@media (max-width: 313px) {
  h2 {
    font-size: 18px;
  }
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 18px;
  }
}
.bg-snow {
  background-color: #f9f9f9;
}

.bg-black {
  background-color: #000000;
}

@media only screen and (max-width: 991px) {
  .container-out-right {
    padding-right: 0;
    max-width: calc(100% - (100% - 720px) / 2);
    margin-left: calc((100% - 720px) / 2);
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .container-out-right {
    max-width: calc(100% - (100% - 540px) / 2);
    margin-left: calc((100% - 540px) / 2);
  }
}
@media only screen and (max-width: 480px) {
  .container-out-right {
    max-width: 100%;
    margin-left: 0;
  }
}

.heading-2 {
  max-width: 700px;
}
.heading-2 h5 {
  font-family: Mont-800, sans-serif;
  font-size: 16px;
  color: #e02a26;
  text-transform: none;
  margin-bottom: 12px;
  letter-spacing: normal;
}
.heading-2 h3 {
  font-family: Mont-800, sans-serif;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 23px;
}
@media only screen and (max-width: 767px) {
  .heading-2 h3 {
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 391px) {
  .heading-2 h3 {
    font-size: 30px;
    line-height: 1.3;
  }
}
.heading-2 p {
  font-size: 18px;
  line-height: 2;
  margin-bottom: 23px;
}
.heading-2.heading-2-center {
  max-width: 100%;
}
.heading-2.heading-2-center h5 {
  text-align: center;
}
.heading-2.heading-2-center h3 {
  text-align: center;
  margin-bottom: 15px;
}
.heading-2.heading-2-white h5 {
  color: #79e4ed;
}
.heading-2.heading-2-white h3 {
  color: #ffffff;
}
.heading-2.heading-2-size42 h3 {
  font-size: 42px;
  line-height: 56px;
}
@media only screen and (max-width: 767px) {
  .heading-2.heading-2-size42 h3 {
    font-size: 32px;
    line-height: 43px;
  }
}
.heading-2.heading-2-size32 h3 {
  font-size: 32px;
  line-height: 43px;
}
@media only screen and (max-width: 767px) {
  .heading-2.heading-2-size32 h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.revenue {
  margin-bottom: 95px;
}
@media only screen and (max-width: 991px) {
  .revenue {
    margin-bottom: 89px;
  }
}
.revenue .revenue-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 105px;
  row-gap: 65px;
  margin-top: 83px;
}
@media only screen and (max-width: 1399px) {
  .revenue .revenue-container {
    column-gap: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .revenue .revenue-container {
    margin-top: 50px;
    column-gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .revenue .revenue-container {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .revenue .revenue-container {
    margin-top: 37px;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 45px;
  }
}
.revenue .revenue-item .revenue-item-img {
  width: 100%;
  display: block;
  aspect-ratio: 318/190;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 27px;
}
@media only screen and (max-width: 991px) {
  .revenue .revenue-item .revenue-item-img {
    margin-bottom: 20px;
  }
}
.revenue .revenue-item .revenue-item-img img {
  transition: all 0.5s ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.revenue .revenue-item .revenue-item-img:hover img {
  transform: scale(1.15);
}
.revenue .revenue-item .revenue-item-title {
  font-family: Mont-800, sans-serif;
  font-size: 20px;
  line-height: 27px;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  margin-bottom: 11px;
}
.revenue .revenue-item .revenue-item-title:hover {
  color: #e02a26;
}
.revenue .revenue-item .revenue-item-des {
  color: #5f5f5f;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 27px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
@media only screen and (max-width: 991px) {
  .revenue .revenue-item .revenue-item-des {
    margin-bottom: 13px;
  }
}
.revenue .revenue-list {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.revenue .revenue-list .revenue-list-item {
  width: 27px;
  height: 26.3px;
  border-radius: 4px;
  overflow: hidden;
}

.process {
  margin-bottom: 97px;
}
.process .process-heading {
  max-width: 719px;
}
.process .process-container {
  margin-top: 69px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .process .process-container {
    margin-top: 49px;
    flex-direction: column;
    gap: 45px;
    align-items: start;
  }
}
.process .process-item {
  display: flex;
  flex-direction: column;
  max-width: 318px;
}
@media only screen and (max-width: 991px) {
  .process .process-item {
    max-width: 500px;
  }
}
.process .process-item .process-icon {
  margin-bottom: 30px;
}
.process .process-item .process-title {
  font-family: Mont-800, sans-serif;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 15px;
}
.process .process-item .process-des {
  font-size: 16px;
  line-height: 30px;
  color: #5f5f5f;
}
.process.process-center .process-container {
  align-items: center;
}
.process.process-center .process-item {
  max-width: 258px;
  align-items: center;
}
.process.process-center .process-item .process-title {
  text-align: center;
}
.process.process-center .process-item .process-des {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .process.process-center .process-item .process-des {
    font-size: 16px;
    line-height: 30px;
  }
}
/************Home page**********/
/*Slider*/
.slider .swiper-button-next {
  margin-right: calc(100% - 97%);
  top: 40%;
}
.slider .swiper-button-prev {
  margin-left: calc(100% - 97%);
  top: 40%;
}
.slider .slider-item .slider-item-content {
  z-index: 2;
  top: 15%;
  width: 100%;
}
.slider .slider-item .slider-item-content span {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.slider .slider-item .slider-item-content h2 {
  color: #fff;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  margin-top: 11px;
}
.slider .slider-item .slider-item-content a {
  display: inline-flex;
  padding: 25px 70px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 400px;
  background: #e02a26;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  border: 1px solid #e02a26;
}
.slider .slider-item .slider-item-content a:hover {
  background: #fff;
  color: #e02a26;
}
@media (max-width: 1199px) {
  .slider .slider-item .slider-item-content span {
    font-size: 12px;
  }
  .slider .slider-item .slider-item-content h2 {
    font-size: 40px;
    margin-top: 11px;
    margin-bottom: 25px;
  }
  .slider .slider-item .slider-item-content a {
    padding: 20px 50px;
    border-radius: 400px;
    font-size: 14px;
    letter-spacing: 1.6px;
  }
}
@media (max-width: 991px) {
  .slider .slider-item .slider-item-content span {
    font-size: 10px;
  }
  .slider .slider-item .slider-item-content h2 {
    font-size: 28px;
    margin-top: 5px;
    margin-bottom: 15px;
  }
  .slider .slider-item .slider-item-content a {
    padding: 10px 25px;
    border-radius: 10px;
    font-size: 12px;
    letter-spacing: 1.6px;
  }
}
@media only screen and (max-width: 575px) {
  .slider .slider-item .slider-item-content {
    display: none;
  }
}
#fhm-slider .slider-wrap h1 strong {
  color: #e02a26;
  font-family: Mont-700, sans-serif;
}
#fhm-slider .slider-wrap p {
  color: #575757;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 30px;
  max-width: 587px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #fhm-slider .slider-wrap p {
    font-size: 14px;
  }
}
@media (max-width: 574px) {
  #fhm-slider .slider-wrap p {
    display: none;
  }
}
#fhm-slider .slider-wrap .button {
  margin-top: 23px;
}
@media (max-width: 574px) {
  #fhm-slider .slider-wrap .button {
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  #fhm-slider .slider-wrap .button {
    display: none;
  }
}
#fhm-slider .slider-wrap .slider-image-animation {
  margin-top: 71px;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
@media (min-width: 1600px) {
  #fhm-slider .slider-wrap .slider-image-animation {
    height: calc(100% - 450px);
  }
}
@media (max-width: 1599px) {
  #fhm-slider .slider-wrap .slider-image-animation {
    height: calc(100% - 400px);
  }
}
@media (max-width: 1399px) {
  #fhm-slider .slider-wrap .slider-image-animation {
    margin-top: 45px;
  }
}
@media (max-width: 1199px) {
  #fhm-slider .slider-wrap .slider-image-animation {
    height: calc(100% - 300px);
  }
}
@media only screen and (max-width: 991px) {
  #fhm-slider .slider-wrap .slider-image-animation {
    height: calc(100% - 250px);
  }
}
@media (max-width: 767px) {
  #fhm-slider .slider-wrap .slider-image-animation {
    height: calc(100% - 250px);
  }
}
@media (max-width: 574px) {
  #fhm-slider .slider-wrap .slider-image-animation {
    height: calc(100% - 150px);
    margin-top: 20px;
  }
}
@media only screen and (max-width: 480px) {
  #fhm-slider .slider-wrap .slider-image-animation {
    height: calc(100% - 100px);
    margin-top: 20px;
  }
}
#fhm-slider .slider-wrap .slider-image-animation .image-animation-product {
  height: 100%;
}
#fhm-slider .slider-wrap .slider-image-animation .image-animation-product img {
  height: 100%;
}
#fhm-slider .slider-wrap .slider-image-animation .bubble-animation-left {
  left: 0;
  top: 70px;
  opacity: 0;
  max-width: 60%;
  animation: bubbleLeft 4s ease infinite;
}
@media only screen and (max-width: 991px) {
  #fhm-slider .slider-wrap .slider-image-animation .bubble-animation-left {
    top: 0;
  }
}
#fhm-slider .slider-wrap .slider-image-animation .bubble-animation-right {
  right: 0;
  top: 30px;
  max-width: 60%;
  opacity: 0;
  animation: bubbleRight 4s ease infinite;
}
@media only screen and (max-width: 991px) {
  #fhm-slider .slider-wrap .slider-image-animation .bubble-animation-right {
    top: 0;
  }
}
#fhm-slider .slider-wrap .slider-image-animation .arow-animation-top-left {
  left: 0;
  top: 0;
  opacity: 0;
  animation: arowLeftTop 4s ease infinite;
}
#fhm-slider .slider-wrap .slider-image-animation .arow-animation-bottom-left {
  left: 0;
  top: 50%;
  opacity: 0;
  animation: arowLeftBottom 4s ease infinite;
}
#fhm-slider .slider-wrap .slider-image-animation .arow-animation-top-right {
  right: 0;
  top: -30px;
  opacity: 0;
  animation: arowRightTop 4s ease infinite;
}
#fhm-slider .slider-wrap .slider-image-animation .arow-animation-bottom-right {
  right: 0;
  top: 50%;
  opacity: 0;
  animation: arowRightBottom 4s ease infinite;
}

@keyframes bubbleLeft {
  0% {
    transform: scale(0.5) translateX(-100%);
    opacity: 0;
  }
  65% {
    transform: scale(1) translateX(-100%);
    opacity: 1;
  }
  100% {
    transform: scale(1) translateX(-100%);
    opacity: 0;
  }
}
@keyframes bubbleRight {
  0% {
    transform: scale(0.5) translateX(100%);
    opacity: 0;
  }
  65% {
    transform: scale(1) translateX(100%);
    opacity: 1;
  }
  100% {
    transform: scale(1) translateX(100%);
    opacity: 0;
  }
}
@keyframes arowLeftTop {
  0% {
    transform: translate(-100%, 0) rotate(-5deg);
    opacity: 0;
  }
  65% {
    transform: translate(calc(-100% - 30px), -30px) rotate(5deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(-100% - 30px), -30px) rotate(5deg);
    opacity: 0;
  }
}
@keyframes arowLeftBottom {
  0% {
    transform: translate(-100%, -30px) rotate(5deg);
    opacity: 0;
  }
  65% {
    transform: translate(calc(-100% - 30px), 0px) rotate(-5deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(-100% - 30px), 0px) rotate(-5deg);
    opacity: 0;
  }
}
@keyframes arowRightTop {
  0% {
    transform: translate(100%, 30px) rotate(5deg);
    opacity: 0;
  }
  65% {
    transform: translate(calc(100% + 30px), 0px) rotate(-5deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(100% + 30px), 0px) rotate(-5deg);
    opacity: 0;
  }
}
@keyframes arowRightBottom {
  0% {
    transform: translate(100%, 30px) rotate(-5deg);
    opacity: 0;
  }
  65% {
    transform: translate(calc(100% + 30px), 0px) rotate(5deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(100% + 30px), 0px) rotate(5deg);
    opacity: 0;
  }
}
/*Sale off*/
#fhm-hot-product {
  margin-top: 70px;
}
@media (max-width: 1199px) {
  #fhm-hot-product {
    margin-top: 80px;
  }
}
@media (min-width: 1200px) {
  #fhm-hot-product .section-content {
    margin: 0 10%;
  }
}
.section-content .button {
  margin-top: 33px;
}
.section-content .button a {
  letter-spacing: 1.6px;
}
#fhm-hot-product .hot-product-wrapper {
  margin-top: 82px;
}
#fhm-hot-product .swiper-button-next {
  transform: translate(50px, -76px);
}
#fhm-hot-product .swiper-button-prev {
  transform: translate(-50px, -76px);
}
#fhm-popular-products .swiper-button-next {
  transform: translate(-100px, -76px);
}
#fhm-popular-products .swiper-button-prev {
  transform: translate(100px, -76px);
}

/*Feature*/
#fhm-feature {
  margin-bottom: 105px;
  margin-top: 95px;
}
@media (max-width: 1199px) {
  #fhm-feature {
    margin-bottom: 80px;
  }
}
#fhm-feature h4 {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: Mont-800, sans-serif;
  color: #fff;
}
#fhm-feature .feature-large {
  margin-bottom: 25px;
}
#fhm-feature .feature-large img {
  border-radius: 20px;
}
#fhm-feature .feature-large .feature-large-info {
  bottom: 55px;
  right: 45px;
  text-align: right;
}
@media only screen and (max-width: 991px) {
  #fhm-feature .feature-large .feature-large-info {
    bottom: 50%;
    transform: translateY(50%);
  }
}
#fhm-feature .feature-large .feature-large-info h4 {
  margin-bottom: 16px;
  padding-left: 80px;
}
@media (min-width: 1200px) {
  #fhm-feature .feature-large .feature-large-info h4 {
    line-height: 66px;
    font-size: 36px;
  }
}
@media only screen and (max-width: 480px) {
  #fhm-feature .feature-large .feature-large-info h4 {
    font-size: 18px;
    line-height: normal;
  }
}
@media (max-width: 314px) {
  #fhm-feature .feature-large .feature-large-info h4 {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  #fhm-feature .feature-large .feature-large-info .button {
    padding: 12px 30px;
  }
}
#fhm-feature .feature-large .feature-large-info .button a {
  font-size: 14px;
}
@media (min-width: 1200px) {
  #fhm-feature .feature-large .feature-large-info .button a {
    letter-spacing: 1.4px;
  }
}
#fhm-feature .feature-small-item .feature-small-info {
  bottom: 36px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 80%;
}
#fhm-feature .feature-small-item .feature-small-info h4 {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 18px;
}
@media only screen and (max-width: 991px) {
  #fhm-feature .feature-small-item .feature-small-info h4 {
    font-size: 18px;
    line-height: normal;
  }
}
@media only screen and (max-width: 480px) {
  #fhm-feature .feature-small-item .feature-small-info h4 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  #fhm-feature .feature-small-item .feature-small-info .button {
    padding: 9px 20px;
  }
}
#fhm-feature .feature-small-item .feature-small-info .button a {
  font-size: 12px;
}
@media (min-width: 1200px) {
  #fhm-feature .feature-small-item .feature-small-info .button a {
    letter-spacing: 1.2px;
  }
}
#fhm-feature .swiper-button-prev,
#fhm-feature .swiper-button-next {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
}
#fhm-feature .swiper-button-prev svg,
#fhm-feature .swiper-button-next svg {
  width: 9px;
  height: initial;
}
#fhm-feature .swiper-button-prev {
  left: 0;
  transform: translateX(-8px);
}
#fhm-feature .swiper-button-next {
  right: 0;
  transform: translateX(8px);
}

/*Home Video*/
#fhm-home-video {
  margin-bottom: 90px;
}
@media (min-width: 1200px) {
  #fhm-home-video .section-content {
    margin: 0 10%;
  }
}
#fhm-home-video .home-video-src {
  border-radius: 20px;
  margin-top: 70px;
}
#fhm-home-video .home-video-src video {
  width: 100%;
  border-radius: 20px;
  aspect-ratio: 1160/525;
}
#fhm-home-video .play-video {
  cursor: pointer;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #e02a26;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}
#fhm-home-video .play-video:hover {
  background: #fff;
}
#fhm-home-video .play-video:hover > svg path {
  fill: #e02a26;
}
#fhm-home-video .home-video-note {
  text-align: right;
  color: #575757;
  margin-top: 28px;
}
@media (max-width: 767px) {
  #fhm-home-video .home-video-note {
    text-align: center;
  }
}

/*Popular Products*/
#fhm-popular-products {
  margin-bottom: 73px;
}
#fhm-popular-products .popular-product-swiper {
  margin-top: 63px;
}
#fhm-popular-products .popular-product-swiper .product-item {
  margin-bottom: 47px;
}

/*Functionality*/
#fhm-functionality {
  margin-bottom: 103px;
  padding-bottom: 90px;
  border-bottom: 1px solid #e8e8e8;
}
#fhm-functionality .functionality-banner {
  width: 100%;
}
#fhm-functionality .functionality-container {
  margin-top: -13%;
  display: grid;
}
#fhm-functionality .functionality-container .functionality-container-content {
  background: #fff;
  padding: 70px;
  border-radius: 20px;
}
@media (max-width: 1199px) {
  #fhm-functionality {
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  #fhm-functionality .sub-content {
    margin: 0 15%;
  }
}
#fhm-functionality .functionality-image {
  gap: 25px;
  justify-content: space-between;
  margin-top: 54px;
}
@media only screen and (max-width: 991px) {
  #fhm-functionality .functionality-image {
    margin: 24px 0 36px 0;
    padding-bottom: 12px;
    overflow-x: auto;
    gap: 16px;
  }
  #fhm-functionality .functionality-container {
    margin-top: -20%;
  }
  #fhm-functionality .functionality-container .functionality-container-content {
    padding: 50px 30px;
  }
}
@media only screen and (max-width: 991px) {
  #fhm-functionality .functionality-image .functionality-image-item {
    flex: 0 0 calc(50% - 8px);
  }
}
@media only screen and (max-width: 480px) {
  #fhm-functionality .functionality-container .functionality-container-content {
    padding: 40px 20px;
  }
}
#fhm-functionality .functionality-special {
  justify-content: space-evenly;
  gap: 94px;
}
@media (min-width: 1200px) {
  #fhm-functionality .functionality-special {
    max-width: 100%;
  }
}
@media (max-width: 1399px) {
  #fhm-functionality .functionality-special {
    gap: initial;
  }
}
@media (max-width: 1199px) {
  #fhm-functionality .functionality-special {
    justify-content: flex-start;
    overflow-x: auto;
    gap: 32px;
    padding-bottom: 16px;
  }
}
#fhm-functionality .functionality-special .functionality-special-item {
  text-align: center;
}
@media (min-width: 1200px) {
  #fhm-functionality .functionality-special .functionality-special-item {
    flex: 0 0 208px;
  }
}
#fhm-functionality
  .functionality-special
  .functionality-special-item
  .functionality-special-image {
  display: flex;
  background: #fbf0ef;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin: 0 auto;
}
#fhm-functionality .functionality-special .functionality-special-content {
  margin-top: 30px;
}
#fhm-functionality .functionality-special .functionality-special-item span {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  white-space: nowrap;
}
#fhm-functionality .functionality-special .functionality-special-item p {
  color: #575757;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  margin-top: 8px;
}
#fhm-functionality .functionality-special .functionality-special-item a {
  color: #e02a26;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 1.2px;
  text-decoration-line: underline;
}
@media (max-width: 767px) {
  #fhm-functionality .functionality-special .functionality-special-item p {
    line-height: normal;
  }
}
#fhm-functionality
  .functionality-special
  .functionality-special-item:nth-child(3)
  svg {
  margin-left: 20px;
}

/*Power Furnish*/
.power-furnish {
  padding: 104px 0 117px 0;
  background: #e9fafa;
  margin-bottom: 107px;
}
@media (max-width: 1199px) {
  .power-furnish {
    margin-bottom: 80px;
    padding: 80px 0;
  }
}
@media (min-width: 1200px) {
  .power-furnish .section-content {
    margin: 0 10%;
  }
}
.power-furnish .section-content h3 {
  margin-bottom: 11px;
}
.power-furnish .section-content .sub-content {
  margin-bottom: 108px;
}
@media only screen and (max-width: 991px) {
  .power-furnish .section-content .sub-content {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .power-furnish .power-furnish-main {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
.power-furnish .power-image-animation {
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 40%;
  max-width: 200px;
}
.power-furnish .power-image-animation .image-animation-product {
  position: relative;
  z-index: 2;
}
.power-furnish .power-image-animation .power-back-animation {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80vw;
  max-width: 390px;
  aspect-ratio: 1;
}
@media (min-width: 1200px) {
  .power-furnish .power-image-animation .power-back-animation {
    width: 390px;
    max-width: 390px;
    height: 390px;
  }
}
.power-furnish .power-image-animation .bubble-animation-left {
  left: 0px;
  top: 63px;
  opacity: 0;
  animation: bubbleLeft 4s ease infinite;
}
@media only screen and (max-width: 991px) {
  .power-furnish .power-image-animation .bubble-animation-left {
    top: 30px;
    width: 60%;
  }
}
.power-furnish .power-image-animation .bubble-animation-left img {
  height: 100%;
}
.power-furnish .power-image-animation .bubble-animation-right {
  right: 0px;
  top: 63px;
  opacity: 0;
  animation: bubbleRight 4s ease infinite;
}
@media only screen and (max-width: 991px) {
  .power-furnish .power-image-animation .bubble-animation-right {
    top: 30px;
    width: 60%;
  }
}
.power-furnish .power-image-animation .bubble-animation-right img {
  height: 100%;
}
.power-furnish .power-image-animation .arow-animation-top-left {
  left: 35px;
  top: 40px;
  opacity: 0;
  animation: arowLeftTop 4s ease infinite;
}
.power-furnish .power-image-animation .arow-animation-bottom-left {
  left: 35px;
  bottom: 25%;
  opacity: 0;
  animation: arowLeftBottom 4s ease infinite;
}
.power-furnish .power-image-animation .arow-animation-top-right {
  right: 35px;
  top: 10px;
  opacity: 0;
  animation: arowRightTop 4s ease infinite;
}
.power-furnish .power-image-animation .arow-animation-bottom-right {
  right: 35px;
  bottom: 25%;
  opacity: 0;
  animation: arowRightBottom 4s ease infinite;
}
.power-furnish .power-furnish-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}
@media (min-width: 1200px) {
  .power-furnish .power-furnish-list {
    position: absolute;
    top: 86px;
    gap: calc(50% - 316px);
    row-gap: 66px;
  }
}
@media (max-width: 1199px) {
  .power-furnish .power-furnish-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-top: 50px;
  }
}
.power-furnish .power-furnish-list .power-furnish-item {
  flex: 0 0 316px;
  align-items: center;
  gap: 23px;
}
.power-furnish
  .power-furnish-list
  .power-furnish-item
  .power-furnish-item-image {
  background-color: #fff;
  border-radius: 50%;
  width: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 480px) {
  .power-furnish
    .power-furnish-list
    .power-furnish-item
    .power-furnish-item-image {
    width: 72px;
    height: 72px;
  }
}
.power-furnish
  .power-furnish-list
  .power-furnish-item
  .power-furnish-item-image:hover {
  background-color: #e02a26;
}
.power-furnish
  .power-furnish-list
  .power-furnish-item
  .power-furnish-item-image:hover
  svg
  path {
  fill: #fff;
}
.power-furnish .power-furnish-list .power-furnish-item p {
  max-width: 208px;
  font-size: 16px;
  line-height: 28px;
}
.power-furnish .power-warranty {
  margin-top: 95px;
}
.power-furnish .power-warranty .sub-title {
  margin-bottom: 1px;
}
.power-furnish .power-warranty h4 {
  margin-bottom: 18px;
  font-family: Mont-800, sans-serif;
}
@media (min-width: 1200px) {
  .power-furnish .power-warranty h4 {
    font-size: 32px;
    line-height: 66px;
  }
}
.power-furnish .power-warranty .warranty-top {
  justify-content: center;
  gap: 25px;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .power-furnish .power-warranty .warranty-top {
    overflow-x: auto;
    justify-content: flex-start;
    padding-bottom: 16px;
    margin-bottom: 34px;
  }
}
.power-furnish .power-warranty .warranty-top .warranty-top-item {
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.5s ease;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .power-furnish .power-warranty .warranty-top .warranty-top-item {
    flex: 0 0 fit-content;
  }
}
.power-furnish .power-warranty .warranty-top .warranty-top-item:hover {
  background-color: #e02a26;
  color: #fff;
}
.power-furnish .power-warranty .warranty-list {
  justify-content: space-between;
  column-gap: 117px;
  row-gap: 30px;
}
@media only screen and (max-width: 1399px) {
  .power-furnish .power-warranty .warranty-list {
    column-gap: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .power-furnish .power-warranty .warranty-list {
    column-gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .power-furnish .power-warranty .warranty-list {
    flex-wrap: wrap;
  }
}
.power-furnish .power-warranty .warranty-list .warranty-item {
  gap: 15px;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .power-furnish .power-warranty .warranty-list .warranty-item {
    flex: 0 0 calc(50% - 20px);
  }
}
@media only screen and (max-width: 480px) {
  .power-furnish .power-warranty .warranty-list .warranty-item {
    flex: 0 0 100%;
  }
}
.power-furnish .power-warranty .warranty-list .warranty-item p {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

/*Testimonial*/
#fhm-testimonial {
  margin-bottom: 124px;
}
@media only screen and (max-width: 480px) {
  #fhm-testimonial {
    margin-bottom: 80px;
  }
}
#fhm-testimonial h3 {
  margin-bottom: 63px;
}
#fhm-testimonial .testimonial-item .testimonial-yahoo {
  color: #e02a26;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
#fhm-testimonial .testimonial-item .testimonial-rating {
  margin-bottom: 30px;
}
#fhm-testimonial .testimonial-item .testimonial-item-img {
  aspect-ratio: 340/220;
}
#fhm-testimonial .testimonial-item .testimonial-item-img img {
  width: 100%;
  height: 100%;
}
#fhm-testimonial .testimonial-item .testimonial-item-content {
  margin-top: 25px;
}
#fhm-testimonial .testimonial-item .testimonial-item-content span {
  color: var(--grayscale-600, #979797);
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 3.3px;
  text-transform: uppercase;
}
#fhm-testimonial .testimonial-item .testimonial-item-content p {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
@media (min-width: 1200px) {
  #fhm-testimonial .testimonial-item .testimonial-des {
    margin: 0 13%;
    margin-bottom: 13px;
  }
}
#fhm-testimonial .testimonial-item .testimonial-bottom {
  gap: 20px;
  align-items: center;
  justify-content: center;
}
#fhm-testimonial .testimonial-item .testimonial-bottom .testimonial-name {
  text-align: left;
}
#fhm-testimonial .testimonial-item .testimonial-bottom .testimonial-name p {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 5px;
}
#fhm-testimonial .testimonial-item .testimonial-bottom .testimonial-name a {
  color: #000;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-decoration-line: none;
  text-transform: capitalize;
}
#fhm-testimonial
  .testimonial-item
  .testimonial-bottom
  .testimonial-name
  a:hover {
  text-decoration-line: underline;
}
#fhm-testimonial .swiper-button-prev,
#fhm-testimonial .swiper-button-next {
  width: 45px;
  height: 45px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
}
@media only screen and (max-width: 991px) {
  #fhm-testimonial .swiper-button-prev,
  #fhm-testimonial .swiper-button-next {
    display: none;
  }
}
#fhm-testimonial .swiper-button-prev svg,
#fhm-testimonial .swiper-button-next svg {
  height: initial;
  width: 9px;
}
#fhm-testimonial .swiper-button-prev {
  left: 0px;
  transform: translateX(-50%);
}
#fhm-testimonial .swiper-button-next {
  right: 0px;
  transform: translateX(50%);
}

/*Instagram home*/
#fhm-instagram {
  margin-bottom: 130px;
}
@media (max-width: 1199px) {
  #fhm-instagram {
    margin-bottom: 80px;
  }
}
#fhm-instagram .instagram-wrap {
  gap: 19px;
  align-items: center;
  justify-content: space-between;
  margin-top: 64px;
}
@media only screen and (max-width: 991px) {
  #fhm-instagram .instagram-wrap {
    flex-wrap: wrap;
  }
}
#fhm-instagram .instagram-wrap .instagram-item-left,
#fhm-instagram .instagram-wrap .instagram-item-right {
  flex: 0 0 275px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 10px;
}
@media only screen and (max-width: 1199px) {
  #fhm-instagram .instagram-wrap .instagram-item-left,
  #fhm-instagram .instagram-wrap .instagram-item-right {
    flex: 0 0 220px;
  }
}
@media only screen and (max-width: 991px) {
  #fhm-instagram .instagram-wrap .instagram-item-left,
  #fhm-instagram .instagram-wrap .instagram-item-right {
    order: 1;
    flex: 0 0 calc(50% - 10px);
  }
}
#fhm-instagram .instagram-wrap .instagram-item-left img,
#fhm-instagram .instagram-wrap .instagram-item-right img {
  transition: all 0.5s ease;
}
#fhm-instagram .instagram-wrap .instagram-item-left:hover img,
#fhm-instagram .instagram-wrap .instagram-item-right:hover img {
  transform: scale(1.05);
}
#fhm-instagram .instagram-wrap .instagram-item-center {
  gap: 19px;
  row-gap: 17px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  #fhm-instagram .instagram-wrap .instagram-item-center {
    order: 2;
  }
}
#fhm-instagram
  .instagram-wrap
  .instagram-item-center
  .instagram-item-center-child {
  flex: 0 0 calc(50% - 9.5px);
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
}
#fhm-instagram
  .instagram-wrap
  .instagram-item-center
  .instagram-item-center-child
  img {
  transition: all 0.5s ease;
}
#fhm-instagram
  .instagram-wrap
  .instagram-item-center
  .instagram-item-center-child:hover
  img {
  transform: scale(1.05);
}
#fhm-instagram .instagram-wrap .instagram-item-center .instagram-center-icon {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 29.5px;
  border-radius: 50%;
  z-index: 2;
}

/*Get app*/
#fhm-getapp {
  margin-bottom: 101px;
}
#fhm-getapp img {
  border-radius: 10px;
}
@media (min-width: 1200px) {
  #fhm-getapp .get-app-main {
    top: 83px;
    transform: translateY(0);
    position: absolute;
    left: 305px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #fhm-getapp .get-app-main {
    position: absolute;
    top: 0;
    left: 22%;
    transform: translateY(50%);
  }
}
@media (max-width: 767px) {
  #fhm-getapp .get-app-main {
    text-align: center;
    margin-top: 32px;
  }
}
#fhm-getapp .get-app-main .sub-title {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #fhm-getapp .get-app-main .sub-title {
    color: #000;
  }
}
#fhm-getapp .get-app-main h4 {
  text-align: center;
  font-family: Mont-800, sans-serif;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: initial;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #fhm-getapp .get-app-main h4 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  #fhm-getapp .get-app-main h4 {
    font-size: 34px;
    line-height: 66px;
    margin-bottom: 35px;
    color: #fff;
  }
}
#fhm-getapp .get-app-main .get-app-download {
  flex-wrap: wrap;
  gap: 27px;
}
@media (max-width: 767px) {
  #fhm-getapp .get-app-main .get-app-download {
    justify-content: center;
  }
}
#fhm-getapp .get-app-main .get-app-download img {
  border-radius: 5px;
}

/*New letter*/
#fhm-newletter {
  background: #F3F3F3;
}
#fhm-newletter .newletter-left,
#fhm-newletter .newletter-right {
  width: 49.9%;
  aspect-ratio: 800/570;
}
#fhm-newletter .newletter-left {
  background: url(../assets/image/newletterlefft.png);
  background-repeat: no-repeat;
  background-size: cover;
}
#fhm-newletter .newletter-right {
  background: #e02a26;
  display: flex;
  justify-content: center;
  align-items: center;
}
#fhm-newletter .newletter-right-content {
  width: 70%;
}
#fhm-newletter h3 {
  margin-bottom: 15px;
  letter-spacing: 0.2px;
}
@media (min-width: 1200px) {
  #fhm-newletter h3 {
    font-size: 36px;
    line-height: 48px;
  }
}
#fhm-newletter .newletter-right .title {
  color: #fff;
  font-size: 64px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
#fhm-newletter .newletter-right .sub-content {
  color: #fff;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
}
#fhm-newletter .newletter-right a {
  display: inline-flex;
  padding: 20px 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 400px;
  background: #fff;
  color: #e02a26;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  margin-top: 25px;
}
@media (max-width: 1200px) {
  #fhm-newletter .newletter-right .title {
    font-size: 40px;
  }
  #fhm-newletter .newletter-right .sub-content {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  #fhm-newletter .newletter-left,
  #fhm-newletter .newletter-right {
    width: 100%;
  }
  #fhm-newletter .newletter-left {
    display: none;
  }
  #fhm-newletter .newletter-right .title {
    font-size: 64px;
  }
  #fhm-newletter .newletter-right .sub-content {
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  #fhm-newletter .newletter-right .title {
    font-size: 40px;
  }
  #fhm-newletter .newletter-right .sub-content {
    font-size: 18px;
  }
  #fhm-newletter .newletter-right-content {
    width: 85%;
  }
  #fhm-newletter .newletter-right a {
    padding: 15px 25px;
  }
}
#fhm-newletter .newsletter-form {
  overflow: hidden;
  border-radius: 5px;
  padding: 15px 59px;
  border: 1px solid #e02a26;
  position: relative;
  max-width: 496px;
  margin: 0 auto;
}
#fhm-newletter .newsletter-form .newsletter-form-icon {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  left: 20px;
  top: 0;
}
#fhm-newletter .newsletter-form input {
  font-size: 14px;
  line-height: 30px;
  color: #575757;
  font-family: "Manrope", sans-serif;
  background-color: transparent;
  border: none;
  padding: 0;
  width: calc(100% - 100px);
}
#fhm-newletter .newsletter-form input:focus-visible {
  outline: none;
}
#fhm-newletter .newsletter-form input::placeholder {
  color: #575757;
  font-weight: 400;
  font-family: "Manrope", sans-serif;
}
#fhm-newletter .newsletter-form .button {
  border: none;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  border-radius: 0 5px 5px 0;
  font-size: 18px;
  line-height: 30px;
  padding: 16px 28px;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  right: 0;
}
#fhm-newletter .newsletter-form .button:hover {
  background: #3ecedb;
  color: #fff;
}
.popup .popup-cart .popup-cart-item {
  display: flex;
  padding: 26px 0;
  position: relative;
  gap: 11px;
  flex-wrap: nowrap;
}
/*Footer*/

footer {
    background: url("../assets/image/footter-back.png") no-repeat;
    background-size: cover;
    background-position: top center;
}

footer .footer-top {
    padding: 35px 0 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

footer .footer-logo {
    aspect-ratio: 291/60;
    max-width: 291px;
}

footer .footer-top-wrap {
    justify-content: space-between;
    padding-bottom: 30px;
    margin-bottom: 34px;
    border-bottom: 1px solid #fff;
    flex-wrap: wrap;
    row-gap: 16px;
}

footer .footer-top-wrap .footer-top-info {
    gap: 60px;
    flex-wrap: wrap;
    row-gap: 5px;
}

footer .footer-top-wrap .footer-top-info p,
footer .footer-top-wrap .footer-top-info a {
    color: #fff;
    line-height: 24px;
}

footer .footer-top-wrap .footer-top-info a:hover {
    text-decoration: underline;
}

footer .footer-top-wrap .footer-top-language select {
    background: transparent;
    vertical-align: middle;
    border: none;
    padding: 7px 7px;
    color: #fff;
}

footer .footer-top-wrap .footer-top-language select option {
    color: #000;
}

footer .footer-main {
    padding: 40px 0;
    flex-wrap: wrap;
    row-gap: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    opacity: 0.7;
}

footer .footer-main h4 {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 5px;
}

footer .footer-main a {
    color: #fff;
    line-height: 30px;
}

footer .footer-main .footer-col:first-child {
    flex: 0 1 290px;
    margin-right: 60px;
}

footer .footer-main .footer-col:nth-child(2) {
    flex: 0 1 206px;
    margin-right: 74px;
}

footer .footer-main .footer-col ul {
    padding-bottom: 10px;
}

footer .footer-main .footer-col:hover h4 {
    color: #e02a26;
}

footer .footer-main .footer-col ul li {
    padding-bottom: 5px;
    transition: all 0.5s ease;
}

footer .footer-main .footer-col ul li:hover {
    padding-left: 10px;
    color: #e02a26;
    transition: all 0.5s ease;
}

@media (max-width: 991px) {
    footer .footer-main .footer-col:first-child,
    footer .footer-main .footer-col:nth-child(2) {
        margin-right: 0px;
    }
}

@media (max-width: 767px) {
    footer .footer-main .footer-col:first-child,
    footer .footer-main .footer-col:nth-child(2) {
        margin-right: 0;
    }
}

footer .footer-main .footer-col:nth-child(3) {
  flex: 0 0 160px;
  margin-right: 156px;
}

@media (max-width: 767px) {
    footer .footer-main .footer-col:nth-child(3) {
        flex: 0 1 max(50%, 177px);
        margin-right: 0;
    }
}

footer .footer-main .footer-app {
    margin-top: 15px;
}

footer .footer-main .footer-app a {
    margin-bottom: 9px;
}

footer .footer-main .footer-social {
    gap: 47px;
    margin-top: 23px;
    flex-wrap: wrap;
}

@media (max-width: 314px) {
    footer .footer-main .footer-social {
        gap: 10px;
    }
}

footer .footer-main .footer-social a svg path {
    transition: all 0.5s ease;
}

footer .footer-main .footer-social a:hover svg path {
    fill: #e02a26;
}

footer .footer-bottom {
    padding: 40px 0 60px 0;
    color: #fff;
    line-height: 24px;
    justify-content: space-between;
    flex-wrap: wrap;
    opacity: 0.7;
}

@media (max-width: 767px) {
    footer .footer-bottom {
        text-align: center;
        justify-content: center;
    }
}

footer .footer-bottom .policy {
    gap: 30px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 0px;
}

@media (max-width: 767px) {
    footer .footer-bottom .policy {
        text-align: center;
        justify-content: center;
    }
}

footer .footer-bottom .policy a {
    color: #fff;
}

/**Top bar **/
.topbar {
  background-color: #f9f9f9;
  height: 35px;
  line-height: 35px;
}
.topbar .topbar-wrap {
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .topbar .topbar-wrap {
    overflow-x: auto;
    gap: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .topbar .topbar-wrap .topbar-item {
    flex: 0 0 max-content;
  }
}
.topbar .topbar-wrap a {
  font-size: 12px;
  font-weight: 300;
  line-height: 33px;
  margin-left: 6px;
}
.topbar .topbar-wrap a:hover {
  color: #e02a26;
}

.header-main-v2 {
  gap: 74px;
}
@media only screen and (max-width: 1399px) {
  .header-main-v2 {
    gap: 36px;
  }
}
@media only screen and (max-width: 1199px) {
  .header-main-v2 {
    gap: 24px;
  }
}
.header-main-v2 .header-nav .nav-list {
  gap: initial;
  justify-content: space-between;
  align-items: center;
}
.header-main-v2 .header-search .search-input {
  visibility: hidden;
  opacity: 0;
  width: 420px;
  top: calc(100% + 15px);
  right: -30px;
  z-index: 990;
  min-width: 280px;
  border-radius: 8px;
  color: #333;
  background: #fff;
  border: solid 1px #dfe3e8;
  box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  transition: all 0.5s ease;
  will-change: transform;
  padding: 10px 20px 20px 20px;
}
@media (max-width: 767px) {
  .header-main-v2 .header-search .search-input {
    width: 100%;
    right: -100px;
  }
}
.header-main-v2 .header-search .search-input .title {
  padding: 5px 0 0px;
}
.header-main-v2 .header-search .search-input .search-smart {
  margin-top: 15px;
  width: 100%;
}
.header-main-v2 .header-search .search-input .search-smart svg path {
  stroke: #000;
}
.header-main-v2 .header-search .search-input .header-search-form {
  position: relative;
}
.header-main-v2 .header-search .search-input .header-search-form input {
  width: 100%;
  padding: 10px 45px 10px 10px;
  border-radius: 5px;
  border: 1px solid #333;
}
.header-main-v2 .header-search .search-input .header-search-form .enter-search {
  right: 0px;
  top: 1px;
}
.header-main-v2 .header-search:hover .search-input {
  visibility: visible;
  opacity: 1;
}
.header-main-v2 .header-account {
  gap: 5px;
  min-width: 58px;
}
.header-main-v2 .header-account svg {
  flex: 0 0 18px;
}
.header-main-v2 .header-account span {
  font-size: 12px;
}
.header-main-v2 .header-account span:hover {
  color: #e02a26;
}
.header-main-v2 .header-account .header-account-box {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  padding: 10px 0;
  border-radius: 5px;
  width: 142px;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  top: 37px;
  right: -10px;
  z-index: 3;
  transition: all 0.5s ease;
}
.header-main-v2 .header-account .header-account-box li {
  line-height: 32px;
  padding: 0px 20px;
}
.header-main-v2 .header-account .header-account-box li a {
  transition: all 0.3s ease;
}
.header-main-v2 .header-account .header-account-box li:hover a {
  color: #e02a26;
}
.header-main-v2 .header-account .header-account-logout {
  background: transparent;
  border: none;
  color: #000;
  font-weight: 700;
  padding: 8px 20px 0 20px;
  text-align: left;
  line-height: 28px;
  margin-top: 8px;
  border-top: 1px solid #ededed;
  width: 100%;
  transition: all 0.3s ease;
}
.header-main-v2 .header-account .header-account-logout:hover {
  color: #e02a26;
}
.header-main-v2 .header-account:hover .header-account-box {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.header-main-v2 .button-partner {
  padding: 8px 19px;
  width: 150px;
  text-align: center;
}
.header-main-v2 .mega-menu {
  top: 120px;
}

.menumobile-header-v2 {
  top: 93px !important;
}

.login-popup-v2 .modal-fullscreen {
  max-width: initial;
  overflow: hidden;
}
.login-popup-v2 .modal-fullscreen .login-image {
  flex: 0 0 57.5%;
}
.login .modal-dialog {
  top: 10%;
}
.modal.checkout-payment {
  --bs-modal-width: 75%;
}
.modal .btn-close {
  position: absolute;
  top: 15px;
  right: 17px;
  background: transparent;
}
@media only screen and (max-width: 991px) {
  .login-popup-v2 .modal-fullscreen .login-image {
    display: none;
  }
}
.login-popup-v2 .modal-fullscreen .login-container {
  flex: 1;
  margin-top: 164px;
}
@media only screen and (max-width: 991px) {
  .login-popup-v2 .modal-fullscreen .login-container {
    margin-top: 40px;
  }
}

.login-new-letter label {
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  max-width: 311px;
  margin: -2px 0 27px 0;
}
.login-new-letter input {
  width: 20px;
  height: 20px;
  appearance: none;
  border: 1px solid #ededed;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  vertical-align: top;
}
.login-new-letter input:checked {
  background: #e02a26;
  border: 1px solid #e02a26;
}
.login-new-letter input:checked:before {
  content: "";
  background: url(../assets/image/checked.svg) no-repeat no-repeat top 4px left
    3px;
  background-size: cover;
  position: absolute;
  background-size: 12px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.login-agree-policy {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 31px;
}

#fhm-register-popup .login-not {
  font-size: 16px;
}
#fhm-register-popup .login-not a {
  text-decoration: underline;
}
#fhm-register-popup .login-not a:hover {
  color: #e02a26;
}

.popup .popup-cart .popup-cart-item .cart-btn .cart-quantity-v2 {
  margin-top: 20px;
}

/************Page contact**********/
#fhm-banner-contact .banner-img  {
  aspect-ratio: 1600/300;
}
#fhm-banner-contact .banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-page {
  margin-bottom: 113px;
}
@media (max-width: 991px) {
  .contact-page {
    margin-top: 70px;
  }
}
.contact-page h1 {
  text-align: center;
  font-size: 36px;
  line-height: 66px;
  margin-bottom: 31px;
  font-weight: 800;
}
.contact-page .contact-form-des {
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 25px;
}
.contact-page .contact-form-des p {
  font-weight: 300;
  line-height: 25px;
}
@media (max-width: 991px) {
  #fhm-banner-contact .banner-img  {
    aspect-ratio: 991/300;
  }
}
@media only screen and (max-width: 480px) {
  .contact-page .contact-form-des p {
    text-align: center;
  }
  .contact-page .contact-form-des .required-form {
    flex: 100%;
    text-align: right;
  }
}
.contact-page .contact-info {
  margin-top: 45px;
}
@media (min-width: 1200px) {
  .contact-page .contact-info {
    max-width: 362px;
  }
}
.contact-page .contact-info .contact-info-line {
  margin-bottom: 30px;
}
.contact-page .contact-info .contact-info-line p {
  margin-bottom: 5px;
  font-weight: 500;
}
.contact-page .contact-info .contact-info-line a,
.contact-page .contact-info .contact-info-line p:nth-child(2) {
  font-weight: 300;
  font-size: 16px;
}
.contact-page .contact-info .contact-info-line a:hover {
  cursor: pointer;
  text-decoration: underline;
}

.newletter-contact-page {
  margin-bottom: 101px !important;
}

/************Page shopping cart**********/
.shopping-cart-wrap {
  gap: 58px;
  margin: 103px 0 108px 0;
}
@media only screen and (max-width: 1199px) {
  .shopping-cart-wrap {
    margin-top: 24px;
    gap: 32px;
    flex-wrap: wrap;
  }
}
.shopping-cart-wrap .shopping-cart-header {
  justify-content: space-between;
  margin-bottom: 19px;
  padding-bottom: 14px;
  border-bottom: 1px solid #ededed;
}
@media only screen and (max-width: 991px) {
  .shopping-cart-wrap .shopping-cart-header {
    flex-wrap: wrap;
    gap: 30px;
    row-gap: 0;
  }
}
.shopping-cart-wrap .shopping-cart-header .shopping-cart-title {
  gap: 8px;
}
.shopping-cart-wrap .shopping-cart-header .shopping-cart-title h1 {
  font-size: 30px;
  line-height: 66px;
  margin-bottom: 0;
  font-weight: 700;
}
.shopping-cart-wrap .shopping-cart-header .shopping-cart-title span {
  color: #616161;
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  line-height: 16px;
}
.shopping-cart-wrap .shopping-cart-header .shopping-cart-account {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.shopping-cart-wrap .shopping-cart-header .shopping-cart-account a {
  font-weight: 500;
  text-decoration: underline;
}
.shopping-cart-wrap .shopping-cart-header .shopping-cart-account a:hover {
  color: #e02a26;
}
.shopping-cart-wrap .shopping-cart-list .cart-item {
  align-items: flex-start;
  row-gap: 0;
}
@media only screen and (max-width: 480px) {
  .shopping-cart-wrap .shopping-cart-list .cart-item {
    row-gap: 20px;
  }
}
.shopping-cart-wrap .shopping-cart-list .cart-item .checkbox {
  align-self: center;
}
.shopping-cart-wrap .shopping-cart-list .cart-item .cart-item-button {
  align-items: flex-start;
  gap: 30px;
  margin-top: 7px;
}
@media only screen and (max-width: 480px) {
  .shopping-cart-wrap .shopping-cart-list .cart-item .cart-item-button {
    gap: 20px;
    flex: 1;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 991px) {
  .shopping-cart-wrap
    .shopping-cart-list
    .cart-item
    .cart-item-button
    .cart-price
    h4 {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .shopping-cart-wrap .shopping-cart-list .cart-item .cart-quantity-form {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .shopping-cart-wrap .shopping-cart-list .cart-item .cart-item-info {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .shopping-cart-wrap .shopping-cart-list .cart-item .cart-item-info {
    flex: 0 0 calc(100% - 172px);
    margin-right: 0;
  }
}
@media only screen and (max-width: 391px) {
  .shopping-cart-wrap .shopping-cart-list .cart-item .cart-item-info {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .shopping-cart-wrap
    .shopping-cart-list
    .cart-item
    .cart-item-info
    .product-name {
    max-width: 100%;
  }
}
.shopping-cart-wrap
  .shopping-cart-list
  .cart-item
  .cart-item-info
  .product-descrition {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: unset;
}
@media only screen and (max-width: 480px) {
  .shopping-cart-wrap
    .shopping-cart-list
    .cart-item
    .cart-item-info
    .product-descrition {
    max-width: 100%;
  }
}
.shopping-cart-wrap .shopping-cart-right {
  overflow: hidden;
  margin-top: 69px;
  flex: 0 0 354px;
}
@media only screen and (max-width: 1199px) {
  .shopping-cart-wrap .shopping-cart-right {
    flex: 1;
  }
}
.shopping-cart-wrap .shopping-cart {
  margin-bottom: 5px;
}
.shopping-cart-wrap .shopping-cart .shopping-cart-bg {
  width: 100%;
  height: 25px;
  background-image: url("../image/bg-top-order.svg");
  background-repeat: repeat;
}
.shopping-cart-wrap .shopping-cart .shopping-cart-container {
  padding: 25px 31px 39px 30px;
  background-color: #f9f9f9;
}
.shopping-cart-wrap .shopping-cart .shopping-cart-container h5 {
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 38px;
  font-weight: 800;
}
.shopping-cart-wrap .shopping-cart .shopping-cart-container button {
  width: 100%;
  padding: 20px 45px;
  font-size: 20px;
}
@media (max-width: 767px) {
  .shopping-cart-wrap .shopping-cart .shopping-cart-container button {
    padding: 7px 15px;
  }
}
.shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table {
  margin-bottom: 38px;
}
.shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  tr,
.shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  th,
.shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  td {
  border: none;
  background-color: #f9f9f9;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  padding: 5px;
}
.shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  th {
  font-weight: 400;
}
.shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  tbody
  tr
  td {
  text-align: end;
}
.shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  tbody
  tr
  td.discount {
  font-size: 12px;
}
.shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  tbody
  tr:last-child
  th,
.shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  tbody
  tr:last-child
  td {
  padding-bottom: 23px;
}
.shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  tfoot {
  border-top: 1px solid #eee;
}
.shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  tfoot
  tr
  th {
  padding-top: 20px;
  font-weight: 500;
}
.shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  tfoot
  tr
  th
  span {
  font-size: 12px;
  font-weight: 300;
  margin-left: 9px;
}
.shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  tfoot
  tr
  td {
  font-size: 20px;
  font-weight: 700;
  text-align: end;
  padding-top: 20px;
}
.shopping-cart-wrap .protection .protection-content {
  background-color: #f9f9f9;
  padding: 29px 40px 13px 43px;
}
.shopping-cart-wrap .protection .protection-content p {
  color: #333;
  text-align: center;
  line-height: 18px;
}
.shopping-cart-wrap .protection .protection-content h6 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: 22px;
  margin-bottom: 10px;
}
.shopping-cart-wrap .protection .protection-content h6 svg {
  margin-right: 6px;
  margin-top: -5px;
}
.shopping-cart-wrap .protection .protection-bg {
  width: 100%;
  height: 25px;
  background-image: url("../assets/image/bg-bottom-order.svg");
  background-repeat: repeat;
}

.product-like {
  margin-bottom: 119px;
}
.product-like .title {
  margin-bottom: 43px;
  font-family: Mont-800, sans-serif;
  font-size: 26px;
  line-height: 66px;
  text-transform: capitalize;
}
.product-like .swiper-button-next {
  transform: translate(50px, -45px);
}
.product-like .swiper-button-prev {
  transform: translate(-50px, -45px);
}

.shopping-cart-v2 {
  border-top: 1px solid #d7edef;
  padding-top: 63px;
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2 .shopping-cart-account {
    display: none;
  }
}
.shopping-cart-v2 .shopping-cart-account a {
  text-decoration: none !important;
}
.shopping-cart-v2 .shopping-cart-checkbar {
  padding: 15px 20px 14px 20px;
  background: #f9f9f9;
}
@media only screen and (max-width: 480px) {
  .shopping-cart-v2 .shopping-cart-checkbar {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    padding: 15px 2px;
    position: relative;
  }
}
.shopping-cart-v2 .shopping-cart-checkbar:after {
  content: "";
  position: absolute;
}
@media only screen and (max-width: 480px) {
  .shopping-cart-v2 .shopping-cart-checkbar:after {
    width: 100vw;
    height: 100%;
    top: 0;
    z-index: 1;
    left: -16px;
    background: #f9f9f9;
  }
}
.shopping-cart-v2 .shopping-cart-checkbar .checkbox {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  z-index: 2;
}
.shopping-cart-v2 .shopping-cart-checkbar .shopping-cart-select-all {
  margin-right: 45px;
}
@media only screen and (max-width: 480px) {
  .shopping-cart-v2 .shopping-cart-checkbar .shopping-cart-select-all {
    margin-right: 20px;
  }
}
.shopping-cart-v2 .shopping-cart-checkbar button {
  color: #616161;
  font-family: "Manrope", sans-serif;
  line-height: 16px;
  border: none;
  background: transparent;
  position: relative;
  z-index: 2;
}
.shopping-cart-v2 .shopping-cart-wrap {
  gap: 0;
  flex-wrap: wrap;
  margin: 0px 0 108px 0;
}
.shopping-cart-v2 .shopping-cart-wrap .shopping-cart-header {
  border-bottom: 0px;
  padding-bottom: 7px;
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2 .shopping-cart-wrap .shopping-cart-header {
    justify-content: center;
  }
}
.shopping-cart-v2 .shopping-cart-wrap .shopping-cart-title h1 {
  font-size: 32px;
  line-height: normal;
  text-transform: initial;
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2 .shopping-cart-wrap .shopping-cart-title h1 {
    font-size: 24px;
  }
}
.shopping-cart-v2 .shopping-cart-wrap .shopping-cart-left {
  flex: 0 0 100%;
}
.shopping-cart-v2 .shopping-cart-wrap .shopping-cart-right {
  flex: 0 0 100%;
  position: relative;
  background-color: #f9f9f9;
}
.shopping-cart-v2 .shopping-cart-wrap .shopping-cart-right:before {
  content: "";
  position: absolute;
  top: 181px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #eee;
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2 .shopping-cart-wrap .shopping-cart-right:before {
    content: none;
  }
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2 .shopping-cart-wrap .shopping-cart-right {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
    box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.1);
  }
}
.shopping-cart-v2 .shopping-cart-wrap .shopping-cart-list {
  padding: 0 20px;
}
@media only screen and (max-width: 480px) {
  .shopping-cart-v2 .shopping-cart-wrap .shopping-cart-list {
    padding: 0 2px;
  }
}
.shopping-cart-v2 .shopping-cart-wrap .shopping-cart-list .cart-item {
  padding: 25px 0;
  row-gap: 0;
}
@media only screen and (max-width: 480px) {
  .shopping-cart-v2 .shopping-cart-wrap .shopping-cart-list .cart-item {
    gap: 16px;
    row-gap: 9px;
  }
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart-list
  .cart-item
  .cart-item-image {
  flex: 0 0 194px;
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2
    .shopping-cart-wrap
    .shopping-cart-list
    .cart-item
    .cart-item-image {
    flex: 0 0 100px;
  }
}
@media only screen and (max-width: 391px) {
  .shopping-cart-v2
    .shopping-cart-wrap
    .shopping-cart-list
    .cart-item
    .cart-item-image {
    flex: 0 0 100%;
  }
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart-list
  .cart-item
  .cart-item-info {
  margin: 0 61px 0 19px;
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2
    .shopping-cart-wrap
    .shopping-cart-list
    .cart-item
    .cart-item-info {
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  .shopping-cart-v2
    .shopping-cart-wrap
    .shopping-cart-list
    .cart-item
    .cart-item-info {
    flex: 1;
  }
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart-list
  .cart-item
  .cart-item-info
  .product-name {
  max-width: 100%;
  font-size: 18px;
}
@media only screen and (max-width: 480px) {
  .shopping-cart-v2
    .shopping-cart-wrap
    .shopping-cart-list
    .cart-item
    .cart-item-info
    .product-name {
    font-size: 14px;
  }
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart-list
  .cart-item
  .cart-item-info
  .product-descrition {
  font-family: "Manrope", sans-serif;
  line-height: 16px;
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart-list
  .cart-item
  .cart-item-button {
  margin-right: 50px;
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2
    .shopping-cart-wrap
    .shopping-cart-list
    .cart-item
    .cart-item-button {
    order: 2;
    text-align: right;
    flex: 0 0 100%;
    margin-right: 0px;
  }
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart-list
  .cart-item
  .cart-item-button
  h4 {
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2
    .shopping-cart-wrap
    .shopping-cart-list
    .cart-item
    .cart-item-button
    .cart-price {
    justify-content: flex-end;
    margin-bottom: 11px;
  }
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2
    .shopping-cart-wrap
    .shopping-cart-list
    .cart-item
    .cart-item-remove {
    align-self: flex-end;
    margin-bottom: 15px;
  }
}
.shopping-cart-v2 .shopping-cart-wrap .shopping-cart {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2 .shopping-cart-wrap .shopping-cart {
    display: block;
    margin-bottom: 0;
  }
}
.shopping-cart-v2 .shopping-cart-wrap .shopping-cart .shopping-cart-container {
  padding: 32px 102px 49px 0;
  min-width: 404px;
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2
    .shopping-cart-wrap
    .shopping-cart
    .shopping-cart-container {
    padding: 10px 19px 45px 19px;
    min-width: auto;
  }
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2
    .shopping-cart-wrap
    .shopping-cart
    .shopping-cart-container
    .shopping-cart-table {
    margin-bottom: 31px;
  }
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  th {
  font-size: 16px;
  color: #000;
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2
    .shopping-cart-wrap
    .shopping-cart
    .shopping-cart-container
    .shopping-cart-table
    th {
    font-size: 24px;
    font-weight: 700;
  }
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  td.discount {
  color: #616161;
  font-family: "Manrope", sans-serif;
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  td.discount
  svg {
  margin-right: 3px;
}
@media only screen and (max-width: 991px) {
  .shopping-cart-v2
    .shopping-cart-wrap
    .shopping-cart
    .shopping-cart-container
    .shopping-cart-table
    tbody {
    display: none;
  }
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  tbody
  tr:last-child
  td {
  padding-bottom: 28px;
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  tfoot {
  border-top: 0;
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  tfoot
  tr
  th
  span {
  font-size: 20px;
  line-height: 16px;
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  .shopping-cart-table
  tfoot
  tr
  td {
  font-size: 24px;
}
.shopping-cart-v2
  .shopping-cart-wrap
  .shopping-cart
  .shopping-cart-container
  button {
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
}

.recently-view {
  overflow: hidden;
}
.recently-view .title {
  font-size: 24px;
  line-height: normal;
  text-transform: lowercase;
}
.recently-view .product-item .product-info {
  text-align: left;
}
.recently-view .product-item .product-info .product-name {
  font-size: 16px;
  line-height: 30px;
}
.recently-view .product-item .product-info .product-name:hover {
  text-decoration: underline;
}
.recently-view .product-like-cartv2-swiper {
  overflow: visible;
}
.recently-view .swiper-button-next {
  transform: translate(50%, -20px);
}
.recently-view .swiper-button-prev {
  transform: translate(-50%, -20px);
}

/************Page Check out**********/

.container-checkout .checkout-right {
  background: #fbf0ef;
  padding-left: 63px;
}

.container-checkout .checkout-left,
.container-checkout .checkout-right {
  width: 50%;
}

@media (min-width: 992px) {
  .bg-half {
    background: #fbf0ef;
    left: 50%;
    top: 0;
    width: 50%;
    height: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .container-checkout .checkout-left {
    order: 2;
  }
  .container-checkout .checkout-left,
  .container-checkout .checkout-right {
    width: 100%;
  }
  .container-checkout .checkout-right {
    background: #fff;
    padding-left: 16px;
    margin-top: 50px;
  }
  .container-checkout .breadcrumb {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 992px) {
  .container-checkout .checkout-right {
    width: 50%;
    padding-left: 63px;
  }
  .container-checkout .checkout-left {
    width: 50%;
    padding: 30px 20px 50px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .container-checkout .checkout-right {
    order: 1;
  }
}

.container-checkout .breadcrumb {
  background: transparent;
  border-bottom: 1px solid #ededed;
  padding: 0 10px;
  margin-bottom: 35px;
}

.container-checkout .breadcrumb .breadcrumb-link {
  padding: 10px 0;
  font-weight: 400;
}

.container-checkout .breadcrumb .breadcrumb-link:last-child {
  color: #616161;
}

.container-checkout .breadcrumb .breadcrumb-link-active {
  font-weight: 500;
  color: #000;
}

.checkout {
  margin: 65px 0 0 0;
}

@media (min-width: 992px) {
  .checkout {
    position: sticky;
    height: calc(100vh - 28px);
    padding-right: 49px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

.checkout::-webkit-scrollbar {
  width: 0px;
}

.checkout .checkout-express h4 {
  font-size: 18px;
  line-height: 52px;
  margin-bottom: 20px;
  letter-spacing: 0;
  text-align: center;
}

@media only screen and (max-width: 480px) {
  .checkout .checkout-express h4 {
    margin-bottom: 0;
  }
  .container-checkout .breadcrumb .breadcrumb-link:last-child {
    font-size: 12px;
  }
}

.checkout .checkout-express .checkout-express-select {
  margin-bottom: 17px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

@media only screen and (max-width: 991px) {
  .checkout .checkout-express .checkout-express-select {
    justify-content: center;
  }
}

.checkout .checkout-express .checkout-express-select a {
  text-align: center;
}

@media only screen and (max-width: 1399px) {
  .checkout .checkout-express .checkout-express-select a {
    flex: 0 0 max(20%, 90px);
  }
}

@media only screen and (max-width: 991px) {
  .checkout .checkout-express .checkout-express-select a {
    flex: 0 0 min(35%, 50% - 10px);
  }
}

.checkout .checkout-express .checkout-express-select a img {
  width: 100%;
}

.checkout .checkout-or {
  color: #333;
  font-size: 12px;
  font-weight: 300;
  line-height: 24px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 16px;
}

.checkout .main-form-heading {
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.checkout .main-form-heading h4 {
  color: #333;
  font-size: 18px;
  line-height: 24px;
}

.checkout .main-form-heading .login-question {
  color: #333;
  font-weight: 300;
  line-height: 24px;
}

.checkout .main-form-heading .login-question a {
  font-weight: 500;
  text-decoration: underline;
}

.checkout .main-form-heading .login-question a:hover {
  color: #e02a26;
}

.checkout .checkout-form {
  margin-bottom: 100px;
}

.checkout .checkout-form .checkout-check {
  gap: 9px;
  margin-bottom: 41px;
  width: 100%;
}

@media only screen and (max-width: 480px) {
  .checkout .checkout-form .checkout-check {
    margin-bottom: 30px;
  }
}

.checkout .checkout-form .checkout-check input {
  width: 19px;
  height: 19px;
  appearance: none;
  border: 1px solid #ededed;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
}

.checkout .checkout-form .checkout-check input:checked {
  background: #e02a26;
  border: 1px solid #e02a26;
}

.checkout .checkout-form .checkout-check input:checked:before {
  content: "";
  background: url("../image/checked.svg") no-repeat no-repeat top 4px
    left 3px;
  background-size: cover;
  position: absolute;
  background-size: 12px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.checkout .checkout-form .checkout-check label {
  font-weight: 300;
}

@media only screen and (max-width: 480px) {
  .checkout .checkout-form .checkout-check label {
    font-weight: 300;
  }
}

.checkout .checkout-form .checkout-button {
  width: 100%;
  justify-content: space-between;
  margin-top: -11px;
  flex-wrap: wrap-reverse;
  gap: 20px;
  margin-top: 50px;
}

@media only screen and (max-width: 480px) {
  .checkout .checkout-form .checkout-button {
    justify-content: center;
  }
}

.checkout .checkout-form .checkout-button .checkout-return {
  gap: 12px;
}

@media only screen and (max-width: 480px) {
  .checkout .checkout-form .checkout-button .checkout-return {
    flex: 0 0 100%;
    justify-content: center;
  }
}

.checkout .checkout-form .checkout-button .button {
  width: initial;
  margin: 0;
  font-weight: 700;
  text-transform: initial;
}

@media (min-width: 1200px) {
  .checkout .checkout-form .checkout-button .button {
    padding: 20px 60px;
    font-size: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .checkout .checkout-form .checkout-button .button {
    flex: 0 0 100%;
  }
}

.payment {
  position: relative;
  z-index: 2;
}

.payment .payment-list {
  margin-bottom: 28px;
  max-height: 450px;
  overflow-y: auto;
  padding-right: 5px;
}

@media (min-width: 992px) {
  .payment .payment-list {
    margin-top: 110px;
  }
}

.payment .payment-list::-webkit-scrollbar {
  width: 5px;
}

.payment .payment-product {
  position: relative;
  padding: 8px 0;
  display: flex;
  margin-bottom: 26px;
}

@media only screen and (max-width: 480px) {
  .payment .payment-product {
    flex-wrap: wrap;
  }
}

.payment .payment-product .count {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #e02a26;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 9px;
}

@media only screen and (max-width: 480px) {
  .payment .payment-product .count {
    left: 48px;
  }
}

.payment .payment-product .payment-product-img {
  width: 70px;
  height: 90px;
  margin-right: 20px;
  background: #fff;
  flex-shrink: 0;
  position: relative;
  border-radius: 10px;
  padding: 10px;
}

@media only screen and (max-width: 480px) {
  .payment .payment-product .payment-product-img {
    width: 64px;
    height: 64px;
    margin-right: 12px;
  }
}

.payment .payment-product .payment-product-info {
  margin-right: 30px;
  width: 100%;
}

@media only screen and (max-width: 480px) {
  .payment .payment-product .payment-product-info {
    width: calc(100% - 140px);
  }
}

.payment .payment-product .payment-product-info span {
  color: #979797;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3.3px;
  text-transform: uppercase;
}

@media only screen and (max-width: 480px) {
  .payment .payment-product .payment-product-info span {
    font-size: 9px;
  }
}

.payment .payment-product .payment-product-info a {
  display: block;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
  color: #000;
  transition: all 0.3s ease;
  margin-top: 10px;
  font-weight: 700;
}

@media only screen and (max-width: 480px) {
  .payment .payment-product .payment-product-info a {
    font-size: 12px;
  }
}

.payment .payment-product .payment-product-info a:hover {
  color: #e02a26;
}

.payment .payment-product .payment-product-info p {
  font-size: 12px;
  line-height: 16px;
}

.payment .payment-product .payment-product-quantity {
  color: #616161;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 480px) {
  .payment .payment-product .payment-product-quantity {
    font-size: 12px;
  }
}

.payment .payment-product .payment-product-price {
  width: auto;
  margin-left: 20px;
  text-align: end;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

@media only screen and (max-width: 480px) {
  .payment .payment-product .payment-product-price {
    display: flex;
    justify-content: end;
    width: 100%;
    font-size: 12px;
  }
}

.payment .payment-discount {
  position: relative;
  margin-bottom: 30px;
  height: 50px;
}

.payment .payment-discount input {
  width: 100%;
  height: 100%;
  padding: 10px;
  font-size: 14px;
  border-radius: 3px;
  outline: none;
  border: 2px solid #e02a26;
  transition: all ease 0.3s;
}

.payment .payment-discount input:focus {
  border-color: #e02a26;
}

.payment .payment-discount input::placeholder {
  color: #000;
  font-weight: 300;
}

.payment .payment-discount .payment-discount-apply {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 47px;
  font-size: 14px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  border-radius: 0 3px 3px 0;
  height: 100%;
}

.payment .payment-bill table tr th,
.payment .payment-bill table tr td {
  background-color: transparent;
  border: none;
  font-size: 14px;
  line-height: 24px;
  padding: 0;
  padding-bottom: 10px;
  color: #000;
}

.payment .payment-bill table tr th {
  font-weight: 400;
}

.payment .payment-bill table tr td {
  text-align: end;
  font-weight: 600;
}

.payment .payment-bill table tr td span {
  color: #f00;
}

.payment .payment-bill table tr td h5 {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 9px;
}

@media only screen and (max-width: 480px) {
  .payment .payment-bill table tr td h5 {
    font-size: 14px;
    margin-bottom: 0;
  }
  .payment .payment-discount input {
    font-size: 12px;
  }
}

.payment .payment-bill table tr td h5 svg {
  margin-right: 6px;
}

.payment .payment-bill table tbody tr:last-child td {
  padding-bottom: 23px;
}

.payment .payment-bill table tfoot {
  border-top: 1px solid #eee;
}

.payment .payment-bill table tfoot tr th,
.payment .payment-bill table tfoot tr td {
  padding-top: 20px;
}

.payment .payment-bill table tfoot tr th {
  font-size: 20px;
  font-weight: 500;
}

.payment .payment-bill table tfoot tr th span {
  font-size: 14px;
  margin-left: 4px;
  font-weight: 300;
}

.payment .payment-bill table tfoot tr td {
  font-size: 20px;
  font-weight: 700;
}

.policy {
  padding-top: 10px;
  margin-bottom: 60px;
  gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 12px;
}

@media only screen and (max-width: 480px) {
  .policy {
    justify-content: space-between;
  }
}

.policy a {
  color: #616161;
}

@media only screen and (max-width: 480px) {
  .policy a {
    flex: 0 0 calc(50% - 20px);
  }
}

.policy a:nth-child(2n) {
  text-align: right;
}

@media (min-width: 1400px) {
  .container-checkout-v2 {
    max-width: 1260px;
  }
}

@media only screen and (max-width: 480px) {
  .container-checkout-v2 {
    padding: 0;
  }
}

.container-checkout-v2 .logo {
  margin: 39px 0 30px 0;
}

@media only screen and (max-width: 991px) {
  .container-checkout-v2 .logo {
    margin: 62px 0 28px 0;
  }
}

@media only screen and (max-width: 480px) {
  .container-checkout-v2 .logo {
    padding: 0 20px;
  }
}

.container-checkout-v2 .breadcrumb {
  border-bottom: none;
  background: #c1f4f9;
  padding: 0;
  margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
  .container-checkout-v2 .breadcrumb {
    margin-bottom: 0;
  }
}

.container-checkout-v2 .breadcrumb .breadcrumb-list {
  gap: 0;
}

.container-checkout-v2 .breadcrumb .breadcrumb-link {
  display: inline-block;
  padding: 8px 34px 8px 25px;
  background: transparent;
}

.container-checkout-v2 .breadcrumb .breadcrumb-link:before {
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
  clip-path: polygon(7% 0, 50% 50%, 7% 100%, 0% 100%, 43% 50%, 0% 0%);
  background: #fff;
  height: 101%;
  width: 30px;
}

.container-checkout-v2 .breadcrumb .breadcrumb-link a {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}

.container-checkout-v2 .breadcrumb .breadcrumb-link:last-child a {
  color: #616161;
  font-weight: 400;
}

.container-checkout-v2 .breadcrumb .breadcrumb-link-active {
  background: #e02a26;
}

.container-checkout-v2 .breadcrumb .breadcrumb-link-active-last:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
  clip-path: polygon(7% 0%, 100% 0%, 100% 100%, 7% 100%, 50% 50%) !important;
  background: #c1f4f9 !important;
  height: 101%;
  width: 30px;
}

.container-checkout-v2 .checkout-or {
  position: relative;
  margin: 35px 0;
}

.container-checkout-v2 .checkout-or:before {
  content: "";
  position: absolute;
  left: 0;
  width: calc(50% - 33px);
  height: 1px;
  background: #eee;
  top: 50%;
}

.container-checkout-v2 .checkout-or:after {
  content: "";
  position: absolute;
  right: 0;
  width: calc(50% - 33px);
  height: 1px;
  background: #eee;
  top: 50%;
}

@media only screen and (max-width: 480px) {
  .container-checkout-v2 .checkout .checkout-express-select a {
    flex: 0 0 calc(50% - 10px);
  }
}

@media only screen and (max-width: 991px) {
  .container-checkout-v2 .left-space {
    background: #f9f9f9;
    padding: 0 20px 16px 20px;
  }
}

@media only screen and (max-width: 480px) {
  .container-checkout-v2 .right-space {
    padding: 0 20px;
  }
}

.container-checkout-v2 .payment-product-info p {
  color: #616161;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

@media only screen and (max-width: 480px) {
  .container-checkout-v2 .payment-product {
    flex-wrap: nowrap;
  }
}

.container-checkout-v2 .payment-product .payment-product-img {
  width: 150px;
  margin-right: 25px;
}

@media only screen and (max-width: 480px) {
  .container-checkout-v2 .payment-product .payment-product-img {
    width: 115px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .container-checkout-v2 .payment-product .payment-product-price {
    display: none;
  }
}

.container-checkout-v2 .payment-discount {
  margin-top: 37px;
}

@media only screen and (max-width: 480px) {
  .container-checkout-v2 .payment-discount {
    margin-top: 32px;
  }
}

.container-checkout-v2 .payment-list {
  margin-top: 83px;
  max-height: 255px;
  transition: all 0.5s ease;
}

@media only screen and (max-width: 991px) {
  .container-checkout-v2 .payment-list {
    max-height: 290px;
    margin-top: 0px;
    padding-top: 24px;
    overflow-y: auto;
  }
}
.container-checkout-v2 .payment-discount input::placeholder {
  font-weight: 400;
}

.container-checkout-v2 .payment-bill table tr th,
.container-checkout-v2 .payment-bill table tr td {
  font-size: 16px;
}

.container-checkout-v2 .payment-bill table tr:last-child td {
  padding-bottom: 15px;
}

.container-checkout-v2 .payment-bill table tfoot tr th,
.container-checkout-v2 .payment-bill table tfoot tr td {
  font-size: 24px;
  font-weight: 700;
}

.container-checkout-v2 .payment-bill table tfoot tr th span,
.container-checkout-v2 .payment-bill table tfoot tr td span {
  font-size: 20px;
  font-weight: 500;
}

@media only screen and (max-width: 480px) {
  .container-checkout-v2 .row-check-out-v2 {
    margin: 0;
  }
}

@media only screen and (max-width: 480px) {
  .container-checkout-v2 .row-check-out-v2 > * {
    padding: 0;
  }
}

#bg-half-checkout-v2 {
  background: #f9f9f9;
}

.show-payment-list-bar {
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  padding: 19px;
  background: #e8e8e8;
}

@media only screen and (max-width: 480px) {
  .show-payment-list-bar {
    padding: 19px 20px;
  }
}

.show-payment-list-bar .show-payment-list-button {
  line-height: 24px;
  border: none;
  background: transparent;
  font-weight: 600;
  padding: 0;
  transition: all 0.5s ease;
}

.show-payment-list-bar .show-payment-list-button img {
  margin: -3px 0 0 5px;
  transition: all 0.5s ease;
}

.show-payment-list-bar .show-payment-list-button[data-collapse="true"] img {
  transform: rotate(-180deg);
}

.show-payment-list-bar .show-payment-list-total {
  font-weight: 700;
}

.collapse-custom {
  height: 100%;
  opacity: 1;
  margin: 16px 0 28px 0;
}

/************Page Information**********/
.information {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .information {
    margin-top: 10px;
  }
}
.information .information-container {
  margin-top: 33px;
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  .information .information-container {
    margin-bottom: 143px;
  }
}
.information .information-container .information-group {
  padding-bottom: 30px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 45px;
}
.information .information-container h4 {
  font-size: 16px;
  margin-bottom: 17px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}
.information .information-container h5 {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 700;
}
.information .information-container p {
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 15px;
}
.information .information-container ol {
  list-style-type: decimal;
  padding-left: 40px;
}
.information .information-container ol li {
  font-size: 14px;
  line-height: 30px;
  padding-left: 20px;
  margin-bottom: 15px;
  list-style: decimal;
}
.information .information-container .information-address {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media only screen and (max-width: 480px) {
  .information .information-container .information-address {
    flex-wrap: wrap;
  }
}
.information .information-container .information-address img {
  padding-right: 37px;
  max-width: 200px;
  width: auto;
  height: auto;
}
.information
  .information-container
  .information-address
  .information-address-line {
  height: 47px;
  width: 1px;
  background: #c2c2c2;
  margin-right: 40px;
}
@media only screen and (max-width: 480px) {
  .information
    .information-container
    .information-address
    .information-address-line {
    width: 100%;
    margin: 10px 0;
    height: 0px;
  }
}
.information
  .information-container
  .information-address
  .information-address-content {
  max-width: 298px;
}
.information
  .information-container
  .information-address
  .information-address-content
  h6 {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-weight: 600;
}
.information
  .information-container
  .information-address
  .information-address-content
  p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}
.information .information-container .information-contact {
  max-width: 580px;
}
.information .contact-form {
  margin-bottom: 15px;
}
.information .contact-form .contact-form-row .button {
  margin-top: 4px;
}
.information .contact-form-check-account {
  font-weight: 600;
  text-decoration: underline;
}

.information-heading {
  font-size: 32px;
  padding-bottom: 13px;
  font-family: Mont-800, sans-serif;
  position: relative;
  margin-bottom: 36px;
  color: #000;
}
.information-heading::after {
  content: "";
  width: 35px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
}

.information-side {
  border-radius: 3px;
  margin-bottom: 53px;
}
@media (max-width: 767px) {
  .information-side {
    border: 1px solid #ededed;
  }
}
.information-side .accordion-button:not(.collapsed)::after {
  filter: brightness(100);
}
.information-side .accordion-body {
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .information-side .accordion-body {
    padding: 10px 20px;
  }
}
.information-side .accordion-button {
  background: #e02a26 !important;
  color: white !important;
  font-size: 16px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  border-radius: 3px;
}
.information-side .accordion-button:focus {
  box-shadow: none;
}
.information-side .accordion-button.collapsed {
  color: #000 !important;
  background: #fff !important;
}

.information-nav .information-nav-item {
  margin-bottom: 10px;
}
.information-nav .information-nav-link {
  padding: 10px 0;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #000;
}
.information-nav .information-nav-link.active {
  font-weight: 600;
}
.information-nav .information-nav-line {
  background: #ededed;
  max-width: 100%;
  width: 238px;
  height: 1px;
  margin-top: 17px;
  margin-bottom: 23px;
}

.information-account {
  margin-bottom: 141px;
}
.information-account .hidden-data svg:first-child {
  display: block;
}
.information-account .hidden-data svg:nth-child(2) {
  display: none;
}
.information-account .show-data svg:first-child {
  display: none;
}
.information-account .show-data svg:nth-child(2) {
  display: block;
}
.information-account input {
  border: none;
  height: 27px;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .information-account input {
    flex: 1;
  }
}
.information-account input:focus,
.information-account input :focus-visible {
  border: none;
  outline: none;
}
.information-account .account-avatar {
  border-radius: 50%;
}
.information-account button {
  border: none;
  background: transparent;
}
.information-account button:hover svg g path {
  fill: #e02a26;
}
.information-account .account-update {
  color: #0f737b;
  font-size: 16px;
}
.information-account .account-update:hover {
  color: #e02a26;
}
.information-account .border-top {
  border-top: 1px solid #ededed;
}
.information-account .border-bottom {
  border-top: 1px solid #ededed;
}

.information-account-title {
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 6px;
  line-height: normal;
}
.information-account-title:nth-child(2) {
  margin-bottom: 32px;
}

.information-account-main .information-line {
  padding: 26px 0;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media only screen and (max-width: 480px) {
  .information-account-main .information-line {
    flex-wrap: wrap;
    padding: 21px 0;
  }
}
.information-account-main .information-line p,
.information-account-main .information-line .account-email,
.information-account-main .information-line .account-password {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  flex: 1;
}
.information-account-main .information-line p button,
.information-account-main .information-line .account-email button,
.information-account-main .information-line .account-password button {
  left: 220px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 480px) {
  .information-account-main .information-line p button,
  .information-account-main .information-line .account-email button,
  .information-account-main .information-line .account-password button {
    left: calc(100% - 30px);
  }
}
.information-account-main .information-line .information-line-title {
  flex: 0 0 222px;
  align-self: self-start;
}
@media only screen and (max-width: 991px) {
  .information-account-main .information-line .information-line-title {
    flex: 0 0 110px;
  }
}
@media only screen and (max-width: 480px) {
  .information-account-main .information-line .information-line-title {
    flex: 0 0 100%;
    color: #9b9b9b;
    margin-bottom: 5px;
  }
}
.information-account-main .information-account-title-2 {
  padding-top: 62px;
}
.information-account-main input {
  font-size: 16px;
}
@media only screen and (max-width: 480px) {
  .information-account-main input {
    max-width: calc(100% - 30px);
  }
}

.information-account .account-header {
  gap: 114px;
  margin: 38px 0 53px 0;
}
@media only screen and (max-width: 991px) {
  .information-account .account-header {
    margin: 20px 0 53px 0;
    gap: 60px;
  }
}
@media only screen and (max-width: 480px) {
  .information-account .account-header {
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
  }
}
.information-account .account-header .account-header-avatar {
  max-width: 119px;
}
@media only screen and (max-width: 991px) {
  .information-account .account-header .account-header-avatar {
    max-width: 147px;
    flex: 0 0 147px;
  }
}
@media only screen and (max-width: 991px) {
  .information-account .account-header .account-header-avatar {
    max-width: 119px;
    flex: 0 0 119px;
  }
}
.information-account .account-header-main .account-header-des {
  margin-bottom: 17px;
  font-size: 16px;
  line-height: 26px;
  max-width: 519px;
}
@media only screen and (max-width: 480px) {
  .information-account .account-header-main .account-header-des {
    text-align: center;
  }
}
.information-account .account-header-main .button {
  padding: 12px 30px;
}
@media only screen and (max-width: 480px) {
  .information-account .account-header-main .button {
    margin-left: 50%;
    transform: translateX(-50%);
  }
}
.information-account .information-account-title-edit {
  gap: 14px;
}
.information-account .information-account-title-edit svg {
  cursor: pointer;
}
.information-account .information-account-title-edit svg:hover path {
  fill: #e02a26;
}
.information-account .information-line .custom-url {
  color: #6d6d6d;
  font-weight: 500;
}

.information-account-v2 {
  margin: 79px 0 202px 0;
}
@media only screen and (max-width: 767px) {
  .information-account-v2 {
    margin: 67px 0 100px 0;
  }
}
.information-account-v2 h1 {
  font-family: Mont-800, sans-serif;
  font-size: 24px;
  margin-bottom: 22px;
}
.information-account-v2 .information-account-title {
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.information-account-v2 .information-container {
  margin-top: 0;
}
.information-account-v2 .information-container .account-header {
  justify-content: space-between;
  margin-bottom: 68px;
}
@media only screen and (max-width: 991px) {
  .information-account-v2 .information-container .account-header {
    margin-top: 0;
  }
}
.information-account-v2
  .information-container
  .account-header
  .account-header-back {
  background: #c2eaed;
  top: 22px;
  left: 0;
  width: 100%;
  height: 201px;
  border-radius: 100px 0px 0px 0px;
}
@media (max-width: 767px) {
  .information-account-v2
    .information-container
    .account-header
    .account-header-back {
    height: 171px;
  }
}
.information-account-v2
  .information-container
  .account-header
  .account-header-info {
  padding-top: 187px;
  z-index: 2;
}
@media (max-width: 767px) {
  .information-account-v2
    .information-container
    .account-header
    .account-header-info {
    padding-top: 170px;
  }
}
.information-account-v2
  .information-container
  .account-header
  .account-header-info
  .account-header-avatar {
  gap: 36px;
  margin-left: 46px;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .information-account-v2
    .information-container
    .account-header
    .account-header-info
    .account-header-avatar {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 480px) {
  .information-account-v2
    .information-container
    .account-header
    .account-header-info
    .account-header-avatar {
    flex-wrap: wrap;
    gap: 39px;
    row-gap: 0;
  }
}
@media only screen and (max-width: 391px) {
  .information-account-v2
    .information-container
    .account-header
    .account-header-info
    .account-header-avatar {
    gap: 16px;
  }
}
.information-account-v2
  .information-container
  .account-header
  .account-header-info
  .account-header-avatar
  .account-header-avatar-main {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
}
@media (max-width: 576px) {
  .information-account-v2
    .information-container
    .account-header
    .account-header-info
    .account-header-avatar
    .account-header-avatar-main {
    flex-wrap: wrap;
  }
}
.information-account-v2
  .information-container
  .account-header
  .account-header-info
  .account-header-avatar
  .account-header-avatar-main
  .account-header-name {
  font-family: "Jost", sans-serif;
}
@media (max-width: 576px) {
  .information-account-v2
    .information-container
    .account-header
    .account-header-info
    .account-header-avatar
    .account-header-avatar-main
    .account-header-name {
    flex: 100%;
    margin-bottom: 10px;
  }
}
.information-account-v2
  .information-container
  .account-header
  .account-header-info
  .account-header-avatar
  .account-header-avatar-main
  .account-header-name
  p {
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 6px;
}
.information-account-v2
  .information-container
  .account-header
  .account-header-info
  .account-header-avatar
  .account-header-avatar-main
  .account-header-name
  span {
  color: #727272;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 576px) {
  .information-account-v2
    .information-container
    .account-header
    .account-header-info
    .account-header-avatar
    .account-header-avatar-main
    .button {
    padding: 7px 30px;
  }
}
.information-account-v2
  .information-container
  .account-header
  .account-header-info
  .account-header-avatar
  img {
  border-radius: 50%;
  border: 4px solid #fff;
  max-width: 132px;
}
@media only screen and (max-width: 480px) {
  .information-account-v2
    .information-container
    .account-header
    .account-header-info
    .account-header-avatar
    img {
    max-width: 40%;
  }
}
@media (min-width: 1200px) {
  .information-account-v2
    .information-container
    .account-header
    .account-header-info
    .button {
    padding: 12px 30px;
  }
}
/*Page My order*/
.information-container {
  margin-bottom: 178px;
}
@media only screen and (max-width: 480px) {
  .information-container {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .information-my-order {
    padding-top: 67px;
    border-top: 1px solid #d7edef;
  }
}
.information-my-order .information-heading {
  text-transform: lowercase;
  margin-bottom: 47px;
}
@media only screen and (max-width: 991px) {
  .information-my-order .information-heading {
    font-size: 24px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 22px;
  }
  .information-my-order .information-heading::after {
    content: none;
  }
}
@media only screen and (max-width: 991px) {
  .information-my-order .information-side {
    margin-bottom: 42px;
  }
}

.information-sub-heading {
  font-family: Mont-800, sans-serif;
  letter-spacing: normal;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.my-order-detail {
  padding-right: 20px;
  margin-top: 33px;
}
@media only screen and (max-width: 991px) {
  .my-order-detail {
    padding-right: 0px;
  }
}

.my-order-item {
  padding: 15px 20px;
  border-radius: 10px;
  border: 1px solid #eee;
  background: #fff;
  margin-bottom: 20px;
}
.my-order-item .my-order-button {
  background: transparent;
  display: block;
  width: 100%;
  border: none;
  text-align: left;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  position: relative;
}
.my-order-item .my-order-button:before {
  content: "";
  position: absolute;
  color: #000;
  right: 0;
  background: url("../image/minus.svg") no-repeat center right;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 100%;
}
.my-order-item .my-order-button.collapsed:before {
  background: url("../image/plus.svg") no-repeat center right;
}
.my-order-item .my-order-item {
  margin-top: 30px;
}
.my-order-item .cart-item {
  gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
  padding: 0;
  border-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .my-order-item .cart-item {
    row-gap: 0px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 391px) {
  .my-order-item .cart-item {
    flex-wrap: wrap;
  }
}
.my-order-item .cart-item .cart-item-image {
  flex: 0 0 150px;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .my-order-item .cart-item .cart-item-image {
    flex: 0 0 130px;
  }
}
@media only screen and (max-width: 391px) {
  .my-order-item .cart-item .cart-item-image {
    flex: 0 0 100%;
    margin-bottom: 10px;
  }
}
.my-order-item .cart-item .cart-item-info {
  flex: 1;
}
@media only screen and (max-width: 991px) {
  .my-order-item .cart-item .cart-item-info {
    margin-bottom: 10px;
  }
}
.my-order-item .cart-item .cart-item-info .product-name {
  font-family: Mont-800, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
  max-width: 473px;
}
.my-order-item .cart-item .cart-item-info .product-descrition {
  color: #616161;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.my-order-item .cart-item .cart-price {
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  .my-order-item .cart-item .cart-price {
    flex: 0 0 100%;
    text-align: right;
  }
}
.my-order-item .order-bill {
  justify-content: flex-end;
  padding-top: 20px;
  border-top: 1px solid #eee;
}
.my-order-item .order-bill .table-bill {
  width: 50%;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .my-order-item .order-bill .table-bill {
    width: 100%;
  }
}
.my-order-item .order-bill .table-bill tr {
  font-size: 16px;
}
.my-order-item .order-bill .table-bill tr th {
  font-weight: 400;
  line-height: 24px;
  padding: 5px 0;
  border: none;
}
.my-order-item .order-bill .table-bill tr td {
  padding: 5px 0;
  text-align: right;
  border: none;
}
.my-order-item .order-bill .table-bill tr .sub-total {
  font-weight: 700;
}
.my-order-item .order-bill .table-bill tr .bill-discount {
  color: #f00;
  font-weight: 700;
}
.my-order-item .order-bill .table-bill tr:nth-child(2) td,
.my-order-item .order-bill .table-bill tr:nth-child(2) th {
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
}
.my-order-item .order-bill .table-bill tfoot th {
  font-size: 24px;
  padding-top: 25px;
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  .my-order-item .order-bill .table-bill tfoot th {
    font-size: 20px;
  }
}
.my-order-item .order-bill .table-bill tfoot th span {
  font-size: 20px;
  margin-left: 6px;
  font-weight: 400;
}
.my-order-item .order-bill .table-bill tfoot td {
  padding-top: 20px;
  font-size: 24px;
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  .my-order-item .order-bill .table-bill tfoot td {
    font-size: 20px;
  }
}
.my-account-edit-email {
  border-top: 1px solid #c9ebef;
  height: calc(100vh - 85px);
  min-height: 350px;
}
.my-account-edit-email h1 {
  margin: 76px 0 44px 0;
  font-family: Mont-800, sans-serif;
  font-size: 32px;
  line-height: normal;
}
.my-account-edit-email .button {
  padding: 7px 20px;
  line-height: 26px;
}
@media only screen and (max-width: 991px) {
  .my-account-edit-email .button {
    width: 100%;
  }
}

.offeditemail {
  height: 100vh !important;
  width: 100%;
}
.offeditemail .offcanvas-header {
  padding: 42px 0 0 0;
  justify-content: flex-end;
}
@media only screen and (max-width: 480px) {
  .offeditemail .offcanvas-header {
    padding: 24px 0 0 0;
  }
}
.offeditemail h5 {
  font-family: Mont-800, sans-serif;
  font-size: 32px;
  line-height: normal;
  margin-bottom: 51px;
  text-transform: initial;
}
@media only screen and (max-width: 991px) {
  .offeditemail h5 {
    font-size: 24px;
    margin-bottom: 22px;
  }
}
.offeditemail .offeditemail-des {
  margin: 44px 0 15px 0;
}
@media only screen and (max-width: 480px) {
  .offeditemail .offeditemail-des {
    margin: 37px 0 15px 0;
  }
}
.offeditemail .offeditemail-body {
  gap: 184px;
}
@media only screen and (max-width: 767px) {
  .offeditemail .offeditemail-body {
    flex-wrap: wrap;
    gap: 32px;
  }
}
@media only screen and (max-width: 480px) {
  .offeditemail .offeditemail-body {
    gap: 13px;
  }
}
@media only screen and (max-width: 480px) {
  .offeditemail .offeditemail-body .offeditemail-body-input {
    width: 100%;
  }
}
.offeditemail .offeditemail-body p {
  margin-top: 10px;
}
.offeditemail .main-form .contact-form-line input {
  padding: 10px 160px 10px 10px;
  width: 349px;
  border-radius: 5px;
}
@media only screen and (max-width: 991px) {
  .offeditemail .main-form .contact-form-line input {
    width: 240px;
    padding: 10px 30px 10px 10px;
  }
}
@media only screen and (max-width: 480px) {
  .offeditemail .main-form .contact-form-line input {
    width: 100%;
  }
}
.offeditemail .change-email {
  padding: 8px 20px;
  margin-top: 23px;
}
@media only screen and (max-width: 991px) {
  .offeditemail .change-email {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .offeditemail .change-email {
    margin-top: 13px;
  }
}

.account-edit-main {
  padding-bottom: 25px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 31px;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  .account-edit-main {
    justify-content: space-between;
  }
}
.account-edit-main .button-edit {
  border: none;
  background: transparent;
  color: #0f737b;
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (max-width: 991px) {
  .account-edit-main .button-edit {
    padding: 0;
  }
}
.account-edit-main .button-edit:hover {
  text-decoration: underline;
}

.account-edit-info {
  line-height: 26px;
}
.account-edit-info p {
  font-size: 16px;
  margin-bottom: 4px;
}
.account-edit-info span {
  color: #595959;
}
/************Product list option 1**********/
/*Banner*/
@media only screen and (max-width: 991px) {
  #fhm-collections-banner {
    margin-top: 20px;
  }
}
#fhm-collections-banner .banner-image {
  border-radius: 10px;
}
#fhm-collections-banner .banner-image img {
  object-fit: cover;
  height: 100%;
}
#fhm-collections-banner .banner-title {
  top: 30%;
  left: 81px;
  color: #fff;
}
#fhm-collections-banner .banner-title h1 {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 36px;
  line-height: 66px;
  text-transform: capitalize;
}
#fhm-collections-banner .banner-title p {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 16px;
  font-weight: 400;
}
#fhm-list-product-products {
  margin-bottom: 100px;
}
@media (max-width: 1199px) {
  #fhm-collections-banner .banner-title h1 {
    font-size: 32px;
    line-height: normal;
    bottom: 50%;
    left: 30px;
    /* transform: translateY(50%); */
    margin-bottom: 0;
  }
  #fhm-collections-banner .banner-title p {
    margin-top: 10px;
  }
}
@media (max-width: 991px) {
  #fhm-collections-banner .banner-title {
    left: 50px;
  }
  #fhm-collections-banner .banner-title h1 {
    font-size: 26px;
  }
  #fhm-collections-banner .banner-title p {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  #fhm-collections-banner .banner-title h1 {
    width: 70%;
  }
  #fhm-collections-banner .banner-title p {
    display: none;
  }
}
@media (max-width: 480px) {
  #fhm-collections-banner .banner-title h1 {
    font-size: 18px;
  }
}
@media (max-width: 314px) {
  #fhm-collections-banner .banner-title h1 {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  #fhm-list-product-products .col-xl-9.col-lg-8 {
    padding-left: 0;
  }
}

/*Product filter*/

.products-filter-list {
    padding-right: 25px;
    transform: translate(0);
    margin-top: 70px;
}

@media (max-width: 767px) {
    .products-filter-list {
        padding-right: 15px;
        margin-top: 56px;
    }
}

@media only screen and (max-width: 480px) {
    .products-filter-list {
        padding-right: 0;
        margin-top: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 8;
        width: 100%;
        height: 100%;
        padding: 50px 10.5px 0;
        background-color: #fff;
        overflow-y: scroll;
        transform: translateX(-100%);
        transition: all cubic-bezier(0.77, 0, 0.175, 1) 0.75s;
    }
    .products-filter-list.active {
        transform: translateX(0%);
    }
}

.products-filter-list .products-filter-toggle-button-close {
    display: none;
}

@media only screen and (max-width: 480px) {
    .products-filter-list .products-filter-toggle-button-close {
        display: block;
        position: absolute;
        top: 10px;
        right: 10.5px;
        padding: 8px 10px;
        border-radius: 3px;
        color: #000;
        font-size: 20px;
    }
    .products-filter-list .products-filter-toggle-button-close:hover {
        background: #e02a26;
        color: #fff;
    }
}

.products-filter-list .products-filter-item {
    margin-top: 30px;
}

@media only screen and (max-width: 480px) {
    .products-filter-list .products-filter-item {
        margin-left: auto;
        margin-right: auto;
    }
}
.products-filter-list
  li:not(:has(.collapse.show))
  .icon
  .line:first-child {
  transform: rotate(90deg);
}
.products-filter-list .products-filter-item .text {
    color: #686868;
    font-weight: 500;
    line-height: 20px;
}

.products-filter-list .products-filter-item .filter-item ul li {
    color: #686868;
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 8px !important;
}

.products-filter-list .products-filter-item ul {
    margin-top: 10px;
}

.products-filter-list .products-filter-item .text .quantity {
    color: rgba(97, 97, 97, 0.7);
    font-size: 12px;
    font-weight: 300;
}

.products-filter-list .products-filter-item .products-filter-item-heading {
    margin-bottom: 31px;
}

.products-filter-list .products-filter-item .products-filter-item-heading .heading {
    font-size: 18px;
    line-height: normal;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    margin-bottom: 0;
}

.products-filter-list .products-filter-item .products-filter-item-heading .heading .quantity {
    color: rgba(97, 97, 97, 0.7);
    font-size: 12px;
    font-weight: 300;
    margin-left: 3px;
}

.products-filter-list .products-filter-item .products-filter-item-criteria .icon {
    position: absolute;
    cursor: pointer;
    top: 4px;
    right: 0;
}

.products-filter-list .products-filter-item .products-filter-item-criteria .icon .line {
    width: 12px;
    height: 1.5px;
    background-color: #616161;
    transition: all 0.3s ease;
}

.products-filter-list .products-filter-item .products-filter-item-heading .icon .line:last-child {
    position: absolute;
    top: 0;
    left: 0;
}

.products-filter-list .products-filter-item .products-filter-item-criteria li {
    height: fit-content;
}

.products-filter-list .products-filter-item .products-filter-item-criteria li::-webkit-scrollbar {
    width: 7px;
}

.products-filter-list .products-filter-item .products-filter-item-criteria li::-webkit-scrollbar-track {
    background: #f2f2f2;
    border-radius: 100px;
}

.products-filter-list .products-filter-item .products-filter-item-criteria li::-webkit-scrollbar-thumb {
    background: #cccccc;
    border-radius: 100px;
}

.products-filter-list .products-filter-item .products-filter-item-criteria li::-webkit-scrollbar-thumb:hover {
    background: #8f8f8f;
}

.products-filter-list .products-filter-item .products-filter-item-criteria li {
    position: relative;
    display: flex;
    gap: 10px;
    cursor: pointer;
    margin-bottom: 15px;
}

.products-filter-list .products-filter-item .products-filter-item-criteria li .filter-item {
    gap: 13px;
    width: calc(100% - 32px);
}

.products-filter-list .products-filter-item .products-filter-item-criteria li ul {
    overflow-y: auto;
    max-height: 170px;
}

.products-filter-list .products-filter-item .products-filter-item-criteria li:last-child {
    margin-bottom: 0;
}
.products-filter-list .products-filter-item .products-filter-item-criteria label {
    cursor: pointer;
}

.products-filter-list .products-filter-item .products-filter-item-criteria .input-checkbox {
    width: 19px;
    height: 19px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all ease 0.75s;
    border: 1px solid #dedede;
}

.products-filter-list .products-filter-item .products-filter-item-criteria .input-checkbox:checked {
    border-color: #e02a26;
}

.products-filter-list .products-filter-item .products-filter-item-criteria .input-checkbox:checked::after {
    content: url("../image/checked.svg");
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    padding-left: 1px;
    padding-bottom: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #e02a26;
    border-radius: 3px;
}

.products-filter-list .products-filter-item .products-filter-item-criteria .text .icon {
    display: inline-block;
}

.products-filter-list .products-filter-item .products-filter-item-criteria .text .icon svg {
    margin-right: 10px;
}

.products-filter-list .products-filter-item .products-filter-item-criteria .text {
    font-size: 14px;
    line-height: 20px;
    color: #686868;
}

.products-filter-list .products-filter-item .products-filter-item-search input {
    border-radius: 3px;
    border: 1px solid #000;
    outline: none;
    padding: 10px 9px 7px;
    margin: -5px 0 29px;
    width: 100%;
}

.products-filter-list .products-filter-item .products-filter-item-dropdown .products-filter-item-dropdown-item {
    display: flex;
    gap: 17px;
    align-items: center;
}

.products-filter-list .products-filter-item .products-filter-item-dropdown .products-filter-item-dropdown-item .text {
    font-size: 12px;
}

.products-filter-list .products-filter-item .products-filter-item-dropdown .products-filter-item-dropdown-item select {
    border-radius: 3px;
    border: 1px solid #dedede;
    outline: none;
    font-size: 14px;
    font-weight: 300;
    padding: 8px 12px 7px;
    width: 100%;
    appearance: none;
    background: url("../image/arow-down-productlist.svg") no-repeat top 14px right 10px;
}

.products-filter-list .products-filter-item .products-filter-item-dropdown .products-filter-item-dropdown-item select:focus {
    border: 1px solid #dedede;
}

.products-filter-list .products-filter-item .products-filter-item-radio {
    margin-top: 21px;
    margin-left: 48px;
}

.products-filter-list .products-filter-item .products-filter-item-radio .products-filter-item-radio-item {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.products-filter-list .products-filter-item .products-filter-item-radio .products-filter-item-radio-item input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.products-filter-list .products-filter-item .products-filter-item-radio .products-filter-item-radio-item input:checked~.checkmark::after {
    display: block;
}

.products-filter-list .products-filter-item .products-filter-item-radio .products-filter-item-radio-item .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    border-radius: 300px;
    border: 1px solid #dedede;
}

.products-filter-list .products-filter-item .products-filter-item-radio .products-filter-item-radio-item .checkmark::after {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 300px;
    background: #e02a26;
}

.products-filter-list .products-filter-item .products-filter-item-radio .products-filter-item-radio-item:hover input~.checkmark::after {
    background: #e02a26;
}

.products-filter-list .products-filter-item .filter-price-list {
    margin-bottom: 26px;
}

.products-filter-list .products-filter-item .filter-price-list li {
    color: #686868;
    font-weight: 500;
    line-height: 26px;
}

.products-filter-list .products-filter-item .clear-button {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 2px;
    width: fit-content;
    margin: 17px 0 0 auto;
    cursor: pointer;
}

.products-filter-list .products-filter-item .clear-button .icon {
    width: 12px;
    display: flex;
    align-items: center;
}

.products-filter-list .products-filter-item .clear-button .icon svg {
    width: 100%;
}

.products-filter-list .products-filter-item .clear-button .text {
    font-size: 12px;
    line-height: 24px;
}

.products-filter-list .products-filter-item-range-slider-wrapper .products-filter-item-range-slider {
    background-color: #f2f2f2;
}

.products-filter-list .products-filter-item-range-slider-wrapper .products-filter-item-range-slider .range-slider__thumb {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #e02a26;
    background-color: #fff;
}

.products-filter-list .products-filter-item-range-slider-wrapper .products-filter-item-range-slider .range-slider__range {
    background-color: #e02a26;
}

.products-filter-list .products-filter-item-range-slider-wrapper .products-filter-item-range-slider-input {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.products-filter-list .products-filter-item-range-slider-wrapper .products-filter-item-range-slider-input .min,
.products-filter-list .products-filter-item-range-slider-wrapper .products-filter-item-range-slider-input .max {
    max-width: 90px;
    width: 100%;
    height: 35px;
    padding: 0 10px;
    outline: none;
    border-radius: 3px;
    border: 1px solid #dedede;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
}

.products-filter-list .products-filter-item-range-slider-wrapper .products-filter-item-range-slider-input .min::-webkit-outer-spin-button,
.products-filter-list .products-filter-item-range-slider-wrapper .products-filter-item-range-slider-input .min::-webkit-inner-spin-button,
.products-filter-list .products-filter-item-range-slider-wrapper .products-filter-item-range-slider-input .max::-webkit-outer-spin-button,
.products-filter-list .products-filter-item-range-slider-wrapper .products-filter-item-range-slider-input .max::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.products-filter-list .products-filter-item-range-slider-wrapper .products-filter-item-range-slider-input .line {
    width: 8px;
    height: 1px;
    background-color: #686868;
}

.products-filter-list #filter-shipping {
    margin-bottom: 40px;
}

.products-filter-list #filter-color .products-filter-item-heading {
    margin-bottom: 22px;
}

.products-filter-list #filter-color {
    margin-bottom: 42px;
}

.products-filter-list #filter-rating .products-filter-item-criteria[data-type="checkbox"] li {
    margin-bottom: 15px;
}

.products-filter-toggle-button {
  font-size: 14px;
  line-height: 1.2;
  display: none;
  width: fit-content;
}
@media only screen and (max-width: 480px) {
  .products-filter-toggle-button {
    display: block;
    margin-top: 25px;
  }
}
.products-filter-toggle-button img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

.products-list-sort {
  margin: 51px 0 29px;
  line-height: 60px;
}
@media (min-width: 992px) {
  .products-list-sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .products-list-sort {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .products-list-sort {
    margin: 10px 0 25px;
  }
}
.products-list-sort .products-sort-result {
  font-weight: 300;
  font-size: 14px;
}
.products-list-sort .products-sort-result strong {
  font-weight: 600;
}
.products-list-sort .products-list-sort-view {
  gap: 42px;
}
@media (max-width: 767px) {
  .products-list-sort .products-list-sort-view {
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
    gap: initial;
    flex-wrap: wrap;
  }
}
.products-list-sort .products-list-sort-view .products-list-sort-view-status {
  gap: 16px;
}
.products-list-sort
  .products-list-sort-view
  .products-list-sort-view-status
  .text {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 300;
}
.products-list-sort
  .products-list-sort-view
  .products-list-sort-view-status
  select {
  border-radius: 3px;
  border: 1px solid #dedede;
  outline: none;
  padding: 8px 40px 8px 10px;
  appearance: none;
  line-height: normal;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  color: #000;
  background: url("../assets/image/arow-down-productlist.svg") no-repeat top
    15px right 10px;
}
.products-list-sort .products-list-sort-view .products-list-sort-view-mode {
  gap: 16px;
}
.products-list-sort
  .products-list-sort-view
  .products-list-sort-view-mode
  .text {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 300;
}
.products-list-sort
  .products-list-sort-view
  .products-list-sort-view-mode
  .mode-list {
  gap: 9px;
}
.products-list-sort
  .products-list-sort-view
  .products-list-sort-view-mode
  .mode-list
  .mode-item {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  transition: all ease 0.5s;
  cursor: pointer;
}
.products-list-sort
  .products-list-sort-view
  .products-list-sort-view-mode
  .mode-list
  .mode-item:has(input:checked) {
  background-color: #e02a26;
}
.products-list-sort
  .products-list-sort-view
  .products-list-sort-view-mode
  .mode-list
  .mode-item:has(input:checked)
  rect {
  fill: #fff;
  transition: all ease 0.5s;
}
.products-list-sort
  .products-list-sort-view
  .products-list-sort-view-mode
  .mode-list
  .mode-item
  svg {
  width: 13px;
}
.products-list-sort
  .products-list-sort-view
  .products-list-sort-view-mode
  .mode-list
  .mode-item
  input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.products-list-pagination {
  margin-top: 4px;
  padding-top: 40px;
  border-top: 1px solid #efefef;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .products-list-pagination {
    row-gap: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .products-list-pagination {
    row-gap: 20px;
  }
}
.products-list-pagination .products-list-pagination-result {
  font-size: 14px;
  font-weight: 300;
  color: #000;
  line-height: 60px;
}
.products-list-pagination .products-list-pagination-result strong {
  font-weight: 500;
}
.products-list-pagination .products-list-pagination-page {
  gap: 20px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 480px) {
  .products-list-pagination .products-list-pagination-page {
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
  }
}
@media (max-width: 343px) {
  .products-list-pagination .products-list-pagination-page {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
.products-list-pagination
  .products-list-pagination-page
  .products-list-pagination-page-button {
  border-radius: 3px;
  padding: 6px 9px;
  text-align: center;
  font-size: 14px;
  line-height: normal;
  color: #000;
  background-color: #dedede;
  cursor: pointer;
  transition: background-color ease 0.5s;
}
.products-list-pagination
  .products-list-pagination-page
  .products-list-pagination-page-button:hover,
.products-list-pagination
  .products-list-pagination-page
  .products-list-pagination-page-button.active {
  color: #fff;
  background-color: #e02a26;
}
.products-list-pagination
  .products-list-pagination-page
  .products-list-pagination-page-button:hover
  svg
  path,
.products-list-pagination
  .products-list-pagination-page
  .products-list-pagination-page-button.active
  svg
  path {
  fill: #fff;
}
.products-list-pagination
  .products-list-pagination-page
  .products-list-pagination-page-button.prev,
.products-list-pagination
  .products-list-pagination-page
  .products-list-pagination-page-button.next {
  gap: 7px;
  padding: 6px 12px;
  font-weight: 300;
}
.products-list-pagination
  .products-list-pagination-page
  .products-list-pagination-page-button.prev
  .icon,
.products-list-pagination
  .products-list-pagination-page
  .products-list-pagination-page-button.next
  .icon {
  display: flex;
  align-items: center;
}

/*Product list container - Coll*/
.product-list-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 55px;
  margin-bottom: 49px;
}
@media only screen and (max-width: 1199px) {
  .product-list-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 384px) {
  .product-list-container {
    grid-template-columns: 1fr;
  }
}
.product-list-container .product-item {
  margin-bottom: 0;
}
.product-list-container .product-item .product-item-buy:hover svg path {
  fill: #e02a26;
}
.product-list-container .product-item .product-item-buy {
  padding: 9px 20px;
  margin-top: 17px;
}

/*Product Show more content*/
.products-list-guide {
  margin-top: 83px;
}
.products-list-guide h2 {
  font-size: 20px;
  line-height: 60px;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 0;
}
.products-list-guide h2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 3px;
  background: #000;
}
.products-list-guide .products-list-guide-content {
  max-height: 506px;
  height: auto;
  transition: max-height 0.7s ease;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1200px) {
  .products-list-guide .products-list-guide-content {
    padding-right: 21px;
  }
}
.products-list-guide .products-list-guide-content .products-list-guide-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 99px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  z-index: 2;
}
.products-list-guide .products-list-guide-content.show {
  max-height: 1500px;
}
.products-list-guide
  .products-list-guide-content.show
  .products-list-guide-more {
  opacity: 0;
}
.products-list-guide .products-list-guide-content .paragraph {
  font-size: 14px;
  line-height: 30px;
  color: #000;
  margin-bottom: 20px;
}
.products-list-guide .products-list-guide-btn {
  margin-bottom: 119px;
  width: fit-content;
  font-size: 14px;
  line-height: 28px;
  padding: 5px 20px;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  border-radius: 3px;
  gap: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.products-list-guide .products-list-guide-btn:hover {
  background-color: #e02a26;
  border: 1px solid #e02a26;
  color: #fff;
}
.products-list-guide .products-list-guide-btn:hover svg path {
  fill: #fff;
}

@media (min-width: 414px) {
  .products-row {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 26px;
  }
  .products-row .product-item {
    display: flex;
    gap: 28px;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 18px;
    border-bottom: 1px solid #efefef;
  }
  .products-row .product-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .products-row .product-item .product-img {
    flex: 0 0 146px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 414px) and (max-width: 480px) {
  .products-row .product-item .product-img {
    flex: 0 0 130px;
  }
}
@media (min-width: 414px) {
  .products-row .product-item .product-img .product-item-action,
  .products-row .product-item .product-img .product-item-quickview {
    display: none;
  }
  .products-row .product-item .product-info {
    flex: 1;
  }
  .products-row .product-item .product-info .product-info-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .products-row
    .product-item
    .product-info
    .product-info-top
    .product-info-top-left {
    text-align: left;
    max-width: 396px;
  }
  .products-row
    .product-item
    .product-info
    .product-info-top
    .product-info-top-left
    .product-type {
    margin-bottom: 5px;
  }
  .products-row
    .product-item
    .product-info
    .product-info-top
    .product-info-top-left
    .product-name {
    margin-bottom: 5px;
    font-size: 16px;
    text-align: start;
  }
  .products-row
    .product-item
    .product-info
    .product-info-top
    .product-info-top-left
    .product-descrition {
    display: block;
  }
}
@media only screen and (min-width: 414px) and (max-width: 480px) {
  .products-row
    .product-item
    .product-info
    .product-info-top
    .product-info-top-left
    .product-descrition {
    font-size: 12px;
  }
}
@media (min-width: 414px) {
  .products-row .product-item .product-info .product-info-top .product-price {
    margin-top: 25px;
    min-width: 190px;
    text-align: right;
  }
}
@media (min-width: 414px) and (max-width: 1199px) {
  .products-row .product-item .product-info .product-info-top .product-price {
    text-align: left;
    margin-top: 6px;
  }
}
@media (min-width: 414px) {
  .products-row .product-item .product-info .product-info-bottom {
    text-align: right;
    min-width: 135px;
    margin-top: -35px;
  }
}
@media (min-width: 414px) and (max-width: 1199px) {
  .products-row .product-item .product-info .product-info-bottom {
    text-align: left;
    margin-top: 6px;
  }
}
@media (min-width: 414px) {
  .products-row
    .product-item
    .product-info
    .product-info-bottom
    .product-item-action {
    display: inline-block;
    opacity: 1;
    transform: translate(0);
    visibility: visible;
    margin-right: 13px;
  }
  .products-row
    .product-item
    .product-info
    .product-info-bottom
    .product-item-buy {
    padding: 5px 13px;
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 0px;
  }
  .products-row
    .product-item
    .product-info
    .product-info-bottom
    .product-item-buy:hover
    svg
    path {
    fill: #e02a26;
  }
}
@media (min-width: 414px) and (max-width: 767px) {
  .products-row
    .product-item
    .product-info
    .product-info-bottom
    .product-item-buy {
    margin-top: 15px;
  }
}
@media (min-width: 414px) {
  .products-row
    .product-item
    .product-info
    .product-info-bottom
    .product-item-buy
    svg {
    display: inline-block;
    margin-right: 5px;
  }
}
/************Page Product list option 1**********/
.list-product-op2 {
  margin-top: 68px;
}
.list-product-op2 h1 {
  text-align: center;
  font-family: Mont-800, sans-serif;
  font-size: 36px;
  line-height: 66px;
  margin-bottom: 42px;
}
.list-product-op2 .products-list-sort {
  line-height: normal;
  border-bottom: 1px solid #efefef;
  padding-bottom: 33px;
  margin-bottom: 28px;
}
@media only screen and (max-width: 991px) {
  .list-product-op2 .products-list-sort .products-list-sort-result {
    margin-bottom: 30px;
  }
}
.list-product-op2 .products-list-sort .products-filter-button {
  padding: 9px 20px;
  border-radius: 3px;
  border: 1px solid #efefef;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}
.list-product-op2 .products-list-sort .products-filter-button:hover {
  background: #e02a26;
  color: #fff;
}
.list-product-op2 .products-list-sort .products-filter-button:hover svg path {
  fill: #fff;
}
.list-product-op2 .products-list-sort .products-filter-button svg {
  margin-left: 20px;
  transition: all 0.3s ease;
}
.list-product-op2
  .products-list-sort
  .products-list-sort-view
  .products-list-sort-view-status
  .text {
  font-weight: 400;
}
@media (max-width: 354px) {
  .list-product-op2
    .products-list-sort
    .products-list-sort-view
    .products-list-sort-view-status
    .text {
    display: none;
  }
}
.list-product-op2
  .products-list-sort
  .products-list-sort-view
  .products-list-sort-view-status
  select {
  font-weight: 500;
}
.list-product-op2
  .products-list-sort
  .products-list-sort-view
  .products-list-sort-view-status
  select::placeholder {
  font-weight: 500;
}
.list-product-op2 .products-filter-wrapper h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 15px;
}
.list-product-op2 .products-filter-wrapper .products-filter-container {
  justify-content: space-between;
  gap: 29px;
}
@media only screen and (max-width: 991px) {
  .list-product-op2 .products-filter-wrapper .products-filter-container {
    flex-wrap: wrap;
    gap: 16px;
  }
}
.list-product-op2 .products-filter-wrapper .products-filter-container select {
  padding: 15px 10px;
  flex: 1;
  font-weight: 500;
  border-radius: 3px;
  border: 1px solid #efefef;
  appearance: none;
  background: url("../assets/image/arow-down-productlist-2.svg") no-repeat
    center right 15px;
}
@media only screen and (max-width: 480px) {
  .list-product-op2 .products-filter-wrapper .products-filter-container select {
    min-width: 120px;
  }
}
.list-product-op2 .product-list-container {
  margin-top: 65px;
  gap: 73px 20px;
}
@media (min-width: 1200px) {
  .list-product-op2 .product-item .product-item-buy {
    padding: 12px 32px;
  }
}
/************Page Product list option 3**********/
.option-wrap {
  padding: 50px 0 53px 0;
  background: #f9f9f9;
}
@media only screen and (max-width: 991px) {
  .option-wrap {
    padding: 50px 0 30px 0;
  }
}
.option-wrap .option-list {
  margin: 0 120px;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .option-wrap .option-list {
    margin: 0;
    padding: 0 0 20px 0;
    gap: 20px;
    overflow-x: auto;
  }
}
@media only screen and (max-width: 767px) {
  .option-wrap .option-list {
    justify-content: start;
  }
}
.option-wrap .option-list .option-item {
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .option-wrap .option-list .option-item {
    flex: 0 0 max-content;
  }
}
.option-wrap .option-list .option-item:hover svg path {
  fill: #e02a26;
}
.option-wrap .option-list .option-item svg {
  transition: all 0.3s ease;
  height: 52px;
}
.option-wrap .option-list .option-item a {
  display: block;
  margin-top: 18px;
  font-weight: 300;
  transition: all 0.3s ease;
}

#fhm-about-product {
  margin: 120px 0 122px 0;
}
@media only screen and (max-width: 991px) {
  #fhm-about-product {
    margin: 60px 0;
  }
}
#fhm-about-product .about-product-wrap {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #fhm-about-product .about-product-wrap {
    gap: 40px;
    align-items: center;
  }
}
@media (max-width: 767px) {
  #fhm-about-product .about-product-wrap {
    flex-wrap: wrap-reverse;
    justify-content: center;
  }
}
#fhm-about-product .about-product-wrap .about-product-content {
  flex: 1;
  max-width: 512px;
  margin-top: 59px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #fhm-about-product .about-product-wrap .about-product-content {
    flex: 1;
  }
}
@media (max-width: 767px) {
  #fhm-about-product .about-product-wrap .about-product-content {
    text-align: center;
  }
}
#fhm-about-product .about-product-wrap .about-product-content .sub-title {
  margin-bottom: 1px;
}
#fhm-about-product .about-product-wrap .about-product-content h4 {
  font-family: Mont-800, sans-serif;
  margin-bottom: 9px;
  letter-spacing: normal;
  text-transform: initial;
}
@media (min-width: 1200px) {
  #fhm-about-product .about-product-wrap .about-product-content h4 {
    line-height: 66px;
  }
}
#fhm-about-product .about-product-wrap .about-product-content .sub-content {
  margin-bottom: 35px;
}
#fhm-about-product .about-product-wrap .about-product-content .button {
  color: #fff;
  font-family: "Manrope", sans-serif;
}
@media (min-width: 1200px) {
  #fhm-about-product .about-product-wrap .about-product-content .button {
    font-size: 16px;
    padding: 17.5px 40px;
    font-weight: 600;
    letter-spacing: 1.6px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #fhm-about-product .about-product-wrap .about-product-image {
    flex: 0 0 40%;
  }
}
@media (max-width: 767px) {
  #fhm-about-product .about-product-wrap .about-product-image {
    text-align: center;
    width: 100%;
  }
  #fhm-about-product .about-product-wrap .about-product-image img {
    max-height: 300px;
  }
}

.discover-product {
  padding: 55px 0;
  background: url("../assets/image/discover-product-back.png") no-repeat center
    left;
  background-size: cover;
  margin-bottom: 114px;
}
@media (max-width: 1199px) {
  .discover-product {
    margin-bottom: 80px;
  }
}
.discover-product .discover-product-wrap {
  justify-content: space-between;
}
@media (min-width: 574px) and (max-width: 1199px) {
  .discover-product .discover-product-wrap {
    gap: 40px;
    align-items: center;
  }
}
@media (max-width: 573px) {
  .discover-product .discover-product-wrap {
    flex-wrap: wrap-reverse;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .discover-product .discover-product-wrap .discover-product-content {
    max-width: 637px;
    margin-top: 85px;
  }
}
@media (max-width: 573px) {
  .discover-product .discover-product-wrap .discover-product-content {
    margin-top: 60px;
    text-align: center;
  }
}
.discover-product .discover-product-wrap .discover-product-content h3 {
  margin-bottom: 26px;
  color: #fff;
  font-family: Mont-300, sans-serif;
}
@media (min-width: 1200px) {
  .discover-product .discover-product-wrap .discover-product-content h3 {
    font-size: 52px;
  }
}
.discover-product .discover-product-wrap .discover-product-content h3 strong {
  font-family: Mont-700, sans-serif;
}
.discover-product
  .discover-product-wrap
  .discover-product-content
  .sub-content {
  color: #b0eaef;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 23px;
}
.discover-product .discover-product-wrap .discover-product-content .button {
  background: #fff;
}
.discover-product .discover-product-wrap .discover-product-content .button a {
  color: #e02a26;
  letter-spacing: 1.6px;
}
.discover-product
  .discover-product-wrap
  .discover-product-content
  .button:hover {
  background: #5bd4de;
}
.discover-product
  .discover-product-wrap
  .discover-product-content
  .button:hover
  a {
  color: #fff;
}
@media (min-width: 1200px) {
  .discover-product .discover-product-wrap .discover-product-image {
    margin-right: 67px;
  }
}
@media (max-width: 573px) {
  .discover-product .discover-product-wrap .discover-product-image img {
    max-height: 300px;
  }
}

#fhm-question-product {
  margin-bottom: 63px;
}
#fhm-question-product h3 {
  font-family: Mont-800, sans-serif;
  font-size: 32px;
  line-height: 66px;
}
@media only screen and (max-width: 480px) {
  #fhm-question-product h3 {
    font-size: 24px;
  }
}
#fhm-question-product .question-item {
  border-bottom: 1px solid #efefef;
}
#fhm-question-product .question-item h5 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  transition: all 0.3s ease;
  margin-bottom: 19px;
  background: transparent;
  padding: 27px 0 0px 0;
  box-shadow: none;
}
#fhm-question-product .question-item h5.collapsed {
  color: #e02a26;
  margin-bottom: 0;
  padding: 27px 0 31px 0;
  box-shadow: none;
}
@media only screen and (max-width: 480px) {
  #fhm-question-product .question-item h5.collapsed {
    padding: 16px 0 20px 0;
  }
}
@media only screen and (max-width: 480px) {
  #fhm-question-product .question-item h5 {
    font-size: 16px;
  }
}
#fhm-question-product .question-item p {
  color: #575757;
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 32px;
}

.product-list-three #fhm-power-furnish {
  margin-bottom: 0;
}
.product-list-three #fhm-power-furnish .power-warranty {
  margin-top: 0;
}
.product-list-three #fhm-home-video {
  margin-bottom: 99px;
}
.list-design {
  margin-top: 82px;
}
@media only screen and (max-width: 480px) {
  .list-design {
    margin-top: 50px;
  }
}
.list-design h1 {
  line-height: normal;
  margin-bottom: 78px;
}
@media only screen and (max-width: 480px) {
  .list-design h1 {
    margin-bottom: 36px;
    font-size: 24px;
  }
}
.list-design .products-list-sort {
  padding-bottom: 27px;
}
@media only screen and (max-width: 480px) {
  .list-design .products-list-sort {
    flex-wrap: wrap-reverse;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 0;
  }
}
.list-design .products-list-sort .products-list-sort-result {
  font-weight: 300;
  line-height: 60px;
}
@media only screen and (max-width: 480px) {
  .list-design .products-list-sort .products-list-sort-result {
    margin-bottom: 0;
  }
}
.list-design .products-list-sort .products-list-sort-result strong {
  font-weight: 600;
}
.list-design .products-list-sort .products-filter-button {
  border: 1px solid #000;
}
.list-design .products-list-sort .products-filter-button.collapsed {
  border: 1px solid #efefef;
}
.list-design .products-filter-wrapper .products-filter-container {
  transition: all 0.3s ease;
}
.list-design .products-filter-wrapper .products-filter-container .swiper-slide {
  width: max-content !important;
  min-width: max-content;
}
.list-design .list-design-title {
  color: #000;
  font-size: 14px;
  padding: 9px 19px;
  background: #fff;
  border: 1px solid #e02a26;
  border-radius: 500px;
  transition: all 0.3s ease;
  font-weight: 500;
}
.list-design .list-design-title span {
  font-size: 12px;
  font-weight: 400;
  color: #707070;
}
.list-design .list-design-title:hover {
  background: #e6f7f9;
}
.list-design .list-design-title.active {
  background: #e02a26;
  font-weight: 800;
  color: #fff;
}
.list-design .list-design-title.active span {
  color: #fff;
  font-weight: 400;
}
.list-design .product-list-container {
  margin-top: 46px;
  gap: 55px 24px;
}
@media only screen and (max-width: 480px) {
  .list-design .product-list-container {
    margin-top: 24px;
    grid-template-columns: 1fr;
    gap: 43px;
  }
}
.list-design .product-item .product-info {
  text-align: left;
}
.list-design .product-item .product-item-buy {
  margin-top: 35px;
  padding: 13px 30px;
}
@media only screen and (max-width: 991px) {
  .list-design .product-item .product-item-buy {
    margin-top: 25px;
    padding: 10px 30px;
  }
}
@media only screen and (max-width: 480px) {
  .list-design .product-item .product-item-wishlist {
    margin-left: 28px;
  }
  .list-design .product-item .product-item-wishlist svg circle {
    fill: #e2e2e2;
  }
  .list-design .product-item .product-item-wishlist svg path {
    fill: #e02a26;
  }
}
/************Page wish list**********/
.wishlist {
  padding: 47px 0 111px 0;
}
@media only screen and (max-width: 991px) {
  .wishlist {
    padding: 40px 0 60px 0;
    border-top: 1px solid #ededed;
  }
}
.wishlist .wishlist-title {
  padding-bottom: 14px;
  border-bottom: 1px solid #ededed;
  gap: 2px;
}
@media only screen and (max-width: 991px) {
  .wishlist .wishlist-title {
    justify-content: center;
    border: none;
  }
}
.wishlist .wishlist-title h1 {
  font-family: Mont-800, sans-serif;
  font-size: 30px;
  line-height: 66px;
  margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
  .wishlist .wishlist-title h1 {
    font-size: 24px;
  }
}
.wishlist .wishlist-title span {
  color: #616161;
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  line-height: 16px;
}
.wishlist .products-list-pagination {
  justify-content: flex-end;
  align-items: center;
  border-top: 0px;
  margin-top: 13px;
}
.wishlist .products-list-pagination .products-list-pagination-page {
  flex-wrap: wrap;
}
@media only screen and (max-width: 480px) {
  .wishlist .products-list-pagination .products-list-pagination-page {
    justify-content: flex-start;
    gap: 10px;
  }
}
.wishlist
  .products-list-pagination
  .products-list-pagination-page
  .products-list-pagination-page-button {
  color: #616161;
}
.wishlist
  .products-list-pagination
  .products-list-pagination-page
  .products-list-pagination-page-button.active {
  color: #fff;
}
.wishlist
  .products-list-pagination
  .products-list-pagination-page
  .products-list-pagination-page-button.next,
.wishlist
  .products-list-pagination
  .products-list-pagination-page
  .products-list-pagination-page-button.prev {
  font-weight: 300;
}
@media only screen and (max-width: 991px) {
  .wishlist .cart-item .cart-item-info {
    margin-right: 0;
  }
}
.wishlist-v2 {
  border-top: 1px solid #d7edef;
  padding: 103px 0 111px 0;
}
@media only screen and (max-width: 1199px) {
  .wishlist-v2 {
    padding: 30px 0 80px 0;
  }
}

.wishlish-list-v2 {
  margin-bottom: 13px;
}
.wishlish-list-v2 .cart-item {
  gap: 28px;
  row-gap: 0;
}
@media only screen and (max-width: 480px) {
  .wishlish-list-v2 .cart-item {
    gap: 16px;
    row-gap: 9px;
    padding: 20px 0;
  }
}
@media (min-width: 1200px) {
  .wishlish-list-v2 .cart-item .cart-item-image {
    flex: 0 0 194px;
  }
}
.wishlish-list-v2 .cart-item .cart-item-info {
  margin: 0 0 0 11px;
}
@media only screen and (max-width: 480px) {
  .wishlish-list-v2 .cart-item .cart-item-info {
    flex: 1;
    margin: 0;
  }
}
.wishlish-list-v2 .cart-item .cart-item-info .product-name {
  max-width: 532px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: unset;
}
@media only screen and (max-width: 991px) {
  .wishlish-list-v2 .cart-item .cart-item-info .product-name {
    -webkit-line-clamp: 2;
  }
}
@media only screen and (max-width: 991px) {
  .wishlish-list-v2 .cart-item .cart-item-button {
    order: 2;
    text-align: right;
    flex: 0 0 100%;
  }
}
.wishlish-list-v2 .cart-item .cart-item-button .cart-price {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-bottom: 21px;
}
@media only screen and (max-width: 991px) {
  .wishlish-list-v2 .cart-item .cart-item-button .cart-price {
    justify-content: flex-end;
    margin-bottom: 11px;
  }
}
.wishlish-list-v2 .cart-item .cart-item-button .cart-price h4 {
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .wishlish-list-v2 .cart-item .cart-item-button .product-item-buy {
    padding: 10px 20px;
    font-size: 12px;
    letter-spacing: 1.2px;
  }
}
@media only screen and (max-width: 480px) {
  .wishlish-list-v2 .cart-item .cart-item-button .product-item-buy span {
    display: block;
  }
}
.wishlish-list-v2 .cart-item .cart-item-remove {
  margin: 0px 0 15px 23px;
  align-self: end;
}
@media (min-width: 1200px) {
  .wishlish-list-v2 .cart-item .cart-item-remove {
    margin: 0px 0 35px 23px;
  }
}
@media only screen and (max-width: 991px) {
  .wishlish-list-v2 .cart-item .cart-item-remove {
    order: 1;
  }
}
@media only screen and (max-width: 480px) {
  .wishlish-list-v2 .cart-item .cart-item-remove {
    margin: 0 0 25px 0;
  }
}

.recently-view {
  margin-bottom: 130px;
  overflow: hidden;
}
.recently-view .title {
  font-size: 24px;
  text-transform: initial;
  line-height: normal;
}
.recently-view .product-item .product-img {
  margin-bottom: 18px;
}
.recently-view .product-item .product-info {
  text-align: left;
}
.recently-view .product-item .product-info .product-name {
  font-family: Mont-800, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 30px;
  margin-bottom: 25px;
}
.recently-view .product-item .product-info .product-name:hover {
  text-decoration: underline;
  color: #000;
}
.recently-view .product-like-swiper {
  overflow: visible;
}
.recently-view .swiper-button-next {
  right: 0;
  transform: translate(-5px, -50%);
}
.recently-view .swiper-button-prev {
  left: 0;
  transform: translate(-5px, -50%);
}
@media only screen and (max-width: 1199px) {
  #fhm-product-detail {
    padding-top: 60px;
    border-top: 1px solid #c9ebef;
  }
}
#fhm-product-detail .product-detail-container {
  gap: 45px;
}
@media (min-width: 1400px) {
  #fhm-product-detail .product-detail-container .detail-image {
    flex: 1;
    aspect-ratio: 1;
    height: 503px;
  }
}
#fhm-product-detail
  .product-detail-container
  .large-image
  .product-item-action {
  right: 10px;
  top: 10px;
  z-index: 2;
  cursor: pointer;
  margin-top: 10px;
  margin-right: 10px;
}
#fhm-product-detail
  .product-detail-container
  .large-image
  .product-item-action
  svg
  circle,
#fhm-product-detail
  .product-detail-container
  .large-image
  .product-item-action
  svg
  path {
  transition: all 0.3s ease;
}
#fhm-product-detail
  .product-detail-container
  .large-image
  .product-item-action:hover
  svg
  circle {
  fill: #e02a26;
}
#fhm-product-detail
  .product-detail-container
  .large-image
  .product-item-action:hover
  svg
  path {
  fill: #fff;
}

.product-detail-app {
  padding-top: 20px;
  border-top: 1px solid #efefef;
}
.product-detail-app .product-detail-app-wrap {
  padding: 26px;
  background: #ededed;
  text-align: center;
  margin-top: 20px;
}
.product-detail-app .product-detail-app-wrap p {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 20px;
}
.product-detail-app .product-detail-app-wrap p strong {
  color: #f00;
}
.product-detail-app .product-detail-app-wrap .product-detail-app-image {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.product-detail-app .content {
  color: #616161;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.bg-snow {
  background-color: #f9f9f9;
}

.title-32 {
  font-size: 32px;
}
@media only screen and (max-width: 767px) {
  .title-32 {
    font-size: 24px;
  }
}

.title-26 {
  font-size: 26px;
  margin-bottom: 36px;
  font-weight: 800;
}
@media only screen and (max-width: 767px) {
  .title-26 {
    font-size: 24px;
  }
}

.tabs {
  margin-top: 50px;
  margin-bottom: 81px;
}
.tabs .tabs-list {
  gap: 60px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .tabs .tabs-list {
    overflow-x: auto;
  }
}
.tabs .tabs-list .tabs-item {
  cursor: pointer;
}
.tabs .tabs-list .tabs-item .text.active,
.tabs .tabs-list .tabs-item .text:hover {
  color: #000;
  border-bottom-color: #000;
  font-weight: 600;
}
.tabs .tabs-list .tabs-item .text {
  padding: 10px 0;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #616161;
  border-bottom: 3px solid transparent;
  transition: all ease 0.5s;
  white-space: nowrap;
}
.tabs .tabs-content {
  max-width: 1061px;
  width: 100%;
}
.tabs .tabs-content .paragraph {
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 10px;
}
.tabs .tabs-content .paragraph:last-child {
  margin-bottom: 0;
}

.view360 {
  padding: 88px 0;
  margin-bottom: 88px;
}
.view360 .view360-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 43px;
}
.view360 .view360-container {
  max-width: 330px;
  max-height: 588px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .view360 .view360-container {
    max-width: 250px;
  }
}

.tech {
  margin-bottom: 81px;
}
.tech .tech-container {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  row-gap: 55px;
}
@media only screen and (max-width: 991px) {
  .tech .tech-container {
    column-gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tech .tech-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tech .tech-item .tech-item-img {
  display: block;
  width: 100%;
  aspect-ratio: 565/310;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 6px;
}
.tech .tech-item .tech-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.7s ease-in-out;
}
.tech .tech-item .tech-item-img:hover img {
  transform: scale(1.15);
}
.tech .tech-item .tech-item-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 66px;
  transition: all 0.5s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.tech .tech-item .tech-item-title:hover {
  color: #e02a26;
}
.tech .tech-item .tech-item-des {
  font-size: 16px;
  line-height: 1.75;
  color: #575757;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}

.specifi {
  padding: 83px 0 117px 0;
  margin-bottom: 117px;
}
.specifi .specifi-container {
  margin-top: 26px;
}
.specifi .specifi-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 45px;
}
@media only screen and (max-width: 991px) {
  .specifi .specifi-row {
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .specifi .specifi-row {
    row-gap: 30px;
    margin-bottom: 30px;
  }
}
.specifi .specifi-column {
  display: flex;
  flex-direction: column;
  gap: 45px;
}
@media only screen and (max-width: 767px) {
  .specifi .specifi-column {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    column-gap: 20px;
    row-gap: 30px;
  }
}
.specifi .specifi-group {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media only screen and (max-width: 767px) {
  .specifi .specifi-group {
    flex-direction: column;
    align-items: center;
  }
}
.specifi .specifi-item {
  padding-bottom: 24px;
  border-bottom: 1px solid #e1e1e1;
  min-width: 235px;
}
@media only screen and (max-width: 1199px) {
  .specifi .specifi-item {
    min-width: 200px;
  }
}
@media only screen and (max-width: 480px) {
  .specifi .specifi-item {
    min-width: 42%;
  }
}
.specifi .specifi-item .specifi-item-label {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.1875;
  margin-bottom: 15px;
}
@media only screen and (max-width: 480px) {
  .specifi .specifi-item .specifi-item-label {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.specifi .specifi-item .specifi-item-content {
  font-weight: 500;
  font-size: 40px;
  line-height: 1.1875;
  text-transform: none;
}
@media only screen and (max-width: 991px) {
  .specifi .specifi-item .specifi-item-content {
    font-size: 32px;
  }
}
@media only screen and (max-width: 480px) {
  .specifi .specifi-item .specifi-item-content {
    font-size: 28px;
  }
}
.specifi .specifi-item .specifi-item-content span {
  font-size: 26px;
}
@media only screen and (max-width: 480px) {
  .specifi .specifi-item .specifi-item-content span {
    font-size: 16px;
  }
}

#fhm-product-reviews {
  background: #f3f3f3;
  padding: 70px 0 100px 0;
}
#fhm-product-reviews h2 {
  color: #000;
  font-size: 32px;
  font-weight: 700;
  line-height: 66px;
  text-align: center;
}
#fhm-product-reviews .product-reviews-container {
  margin-top: 40px;
}
#fhm-product-reviews .product-reviews-left .total-reviews {
  display: flex;
  padding: 15px 25px;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 25px;
}
#fhm-product-reviews .product-reviews-left .total-reviews h4 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
#fhm-product-reviews .product-reviews-left .total-reviews strong {
  color: #000;
  font-size: 36px;
  font-weight: 700;
}
#fhm-product-reviews .product-reviews-left .total-reviews span {
  color: #000;
  font-size: 14px;
  font-weight: 300;
  display: flex;
  gap: 8px;
}
#fhm-product-reviews .product-reviews-left .total-reviews .review-rate-item {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-bottom: 2px;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
}
#fhm-product-reviews
  .product-reviews-left
  .total-reviews
  .review-rate-item
  .review-rate-line {
  display: block;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background-color: #f2f2f2;
  position: relative;
}
#fhm-product-reviews
  .product-reviews-left
  .total-reviews
  .review-rate-item
  .review-rate-line.review-rate-line-90::after {
  content: "";
  width: 90%;
  height: 6px;
  border-radius: 3px;
  background-color: #e02a26;
  position: absolute;
  top: 0;
  left: 0;
}
#fhm-product-reviews
  .product-reviews-left
  .total-reviews
  .review-rate-item
  .review-rate-line.review-rate-line-60::after {
  content: "";
  width: 60%;
  height: 6px;
  border-radius: 3px;
  background-color: #e02a26;
  position: absolute;
  top: 0;
  left: 0;
}
#fhm-product-reviews
  .product-reviews-left
  .total-reviews
  .review-rate-item
  .review-rate-line.review-rate-line-20::after {
  content: "";
  width: 20%;
  height: 6px;
  border-radius: 3px;
  background-color: #e02a26;
  position: absolute;
  top: 0;
  left: 0;
}
#fhm-product-reviews
  .product-reviews-left
  .total-reviews
  .review-rate-item
  .review-rate-line.review-rate-line-20::after {
  content: "";
  width: 20%;
  height: 6px;
  border-radius: 3px;
  background-color: #e02a26;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 991px) {
  #fhm-product-reviews .product-reviews-right {
    padding-left: 50px;
  }
}
#fhm-product-reviews .product-reviews-right .btn-review-show-more,
.main-form .main-form-submit {
  display: inline-flex;
  max-height: 51px;
  width: 190px;
  padding: 20px 49px 20px 50px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 400px;
  background: #e02a26;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.6px;
  margin-left: calc(50% - 100px);
  border: 1px solid #e02a26;
}
.main-form .main-form-submit {
  width: fit-content;
  margin-left: 0px;
  margin-top: 20px;
}
#fhm-product-reviews .product-reviews-right .form-push-review {
  margin-top: 65px;
  padding: 30px 30px 50px 30px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border-radius: 10px;
}
#fhm-product-reviews .product-reviews-right .form-push-review .form-ajax {
  width: 100%;
}
 .main-form .main-form-control {
  font-size: 14px;
  font-weight: 400;
  padding: 10px 10px 10px 10px;
  padding: 15px 20px 15px 20px;
  border-radius: 0;
  border: 1px solid #ededed;
  background: transparent;
  margin-bottom: 18px;
  width: 100%;
  background: #F3F3F3;
}
@media (max-width: 991px) {
  .main-form .main-form-control {
    padding: 10px 10px 10px 10px;
  }
  .main-form .main-form-right {
    padding: 0 16px 0 5px;
  }
  .main-form .main-form-left{
    padding: 0 5px 0 16px;
  }
  #fhm-product-reviews .product-reviews-right .form-push-review {
    padding: 30px 20px 50px 20px;
  }
}
.main-form .main-form-control:focus {
  box-shadow: none;
}
#fhm-product-reviews .product-reviews-right .form-push-review .form-title h5{
  color: #000;
  font-size: 20px;
  font-weight: 800;
  line-height: 52px; 
}
#fhm-product-reviews .product-reviews-right .form-push-review .form-title p {
  color: var(--gray-scale-50, #727272);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px; 
}
#fhm-product-reviews .product-reviews-right .btn-review-show-more:hover,
.main-form .main-form-submit:hover {
  background: #fff;
  color: #e02a26;
}
#fhm-product-reviews .product-reviews-right .item-product-reviews {
  padding: 0 0 30px;
}
#fhm-product-reviews
  .product-reviews-right
  .item-product-reviews
  .product-reviews-top {
  gap: 25px;
}
#fhm-product-reviews .product-reviews-right .item-product-reviews p {
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin-top: 20px;
}
#fhm-product-reviews .product-reviews-right .item-product-reviews .review-img {
  margin-top: 20px;
  gap: 30px;
  display: flex;
  overflow: scroll;
}
#fhm-product-reviews
  .product-reviews-right
  .item-product-reviews
  .comment-start {
  margin-top: 20px;
  color: var(--gray-scale-50, #727272);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.08px;
  text-transform: uppercase;
}
#fhm-product-reviews
  .product-reviews-right
  .item-product-reviews
  .comment-start
  span {
  text-decoration: underline;
}
#fhm-product-reviews
  .product-reviews-right
  .item-product-reviews
  .comment-start
  span:hover {
  text-decoration: underline;
  color: #e02a26;
  transition: all 0.5s ease;
  cursor: pointer;
}
#fhm-product-reviews
  .product-reviews-right
  .item-product-reviews
  .product-reviews-top
  .review-info {
  display: grid;
  align-items: center;
}

#fhm-product-detail-like {
  padding-top: 82px;
  padding-bottom: 103px;
  /* margin-bottom: 98px; */
}
#fhm-product-detail-like .swiper-button-next ,
#fhm-product-detail-recently .swiper-button-next {
  right: -50px;
  transform: translate(50%, -36px);
}
#fhm-product-detail-like .swiper-button-prev ,
#fhm-product-detail-recently .swiper-button-prev {
  left: -50px;
  transform: translate(50%, -36px);
}

#fhm-product-detail-recently {
  background: #F3F3F3;
  padding: 70px 0 100px 0px;
}
.banner-cate .banner-cate-item {
  position: relative;
  width: 100%;
  aspect-ratio: 1600/743;
  background-color: #f9f9f9;
}
.banner-cate .banner-cate-item .banner-cate-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 70px;
}
@media only screen and (max-width: 767px) {
  .banner-cate .banner-cate-item .banner-cate-container {
    padding-top: 38px;
  }
}
.banner-cate .banner-cate-item .banner-cate-content h2 {
  font-family: Mont-300, sans-serif;
  font-size: 65px;
  line-height: 1.5;
  margin-bottom: 50px;
}
.banner-cate .banner-cate-item .banner-cate-content h2 span {
  font-family: Mont-800, sans-serif;
}
@media only screen and (max-width: 1199px) {
  .banner-cate .banner-cate-item .banner-cate-content h2 {
    font-size: 52px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .banner-cate .banner-cate-item .banner-cate-content h2 {
    font-size: 40px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-cate .banner-cate-item .banner-cate-content h2 {
    font-size: 26px;
    margin-bottom: 12px;
  }
}
.banner-cate .banner-cate-item .banner-cate-btn {
  padding: 25px 60px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .banner-cate .banner-cate-item .banner-cate-btn {
    font-size: 10px;
    padding: 8px 20px;
  }
}
.banner-cate .banner-cate-prev,
.banner-cate .banner-cate-next {
  width: 28px;
  height: 48px;
}
.banner-cate .banner-cate-prev {
  left: 5.81%;
}
@media only screen and (max-width: 1399px) {
  .banner-cate .banner-cate-prev {
    left: 1%;
  }
}
.banner-cate .banner-cate-next {
  right: 5.81%;
}
@media only screen and (max-width: 1399px) {
  .banner-cate .banner-cate-next {
    right: 1%;
  }
}

.best {
  margin-top: 90px;
  margin-bottom: 94px;
}
@media only screen and (max-width: 767px) {
  .best {
    margin: 60px 0;
  }
}
.best .best-container {
  margin-top: 24px;
}
.best .best-nav {
  width: fit-content;
  padding: 5px;
  border-radius: 500px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  margin: 0 auto 60px auto;
}
.best .best-tabs {
  width: fit-content;
  justify-content: center;
  gap: 29px;
  border: none;
  position: relative;
}
.best .best-tabs::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 0;
  width: 45.12%;
  height: 100%;
  border-radius: 500px;
  background-color: #e02a26;
  transition: left cubic-bezier(0.88, -0.35, 0.565, 1.35) 0.4s;
}
.best .best-tabs .best-tabs-item {
  padding: 0;
  position: relative;
  z-index: 1;
}
.best .best-tabs .best-tabs-link {
  padding: 12px 30px;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #959595;
  background-color: transparent;
  border: 0;
  transition: all cubic-bezier(0.88, -0.35, 0.565, 1.35) 0.4s;
}
.best .best-tabs .best-tabs-link.active {
  border: none;
  color: #ffffff;
}
.best .best-tabs.left::after {
  left: 0;
}
.best .best-tabs.right::after {
  left: 55%;
}
.best .best-tab-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  row-gap: 47px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 991px) {
  .best .best-tab-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .best .best-tab-wrap {
    grid-template-columns: 1fr;
  }
}
.best .product-item .product-img img {
  border-radius: 10px;
}
.best .product-item .product-info {
  text-align: left;
}
.best .product-item .product-info .product-name {
  height: 28px;
}
@media only screen and (max-width: 991px) {
  .best .product-item .product-info .product-name {
    height: 54px;
  }
}
@media only screen and (max-width: 480px) {
  .best .product-item .product-info .product-name {
    height: 42px;
  }
}
.best .product-item .product-info .product-price .product-price-old {
  margin-left: 18px;
}
.best .product-item .product-item-buy {
  height: 45px;
}
@media only screen and (max-width: 1199px) {
  .best .product-item .product-item-buy {
    height: 41px;
  }
}
@media only screen and (max-width: 480px) {
  .best .product-item .product-item-buy {
    padding: 8px 30px;
    height: 37px;
  }
}
.best .product-item .product-item-wishlist-2 {
  margin-left: 31px;
}
.best .product-item .product-item-wishlist-2 svg circle {
  fill: #e2e2e2;
}
.best .product-item .product-item-wishlist-2 svg path {
  fill: #e02a26;
}
.best .button-load-more {
  border-radius: 50px;
  margin-top: 75px;
}
.best .button-load-more:before {
  content: none;
}
@media only screen and (max-width: 480px) {
  .best .button-load-more {
    margin-top: 39px;
  }
}

.saying {
  position: relative;
  margin-bottom: 98px;
}
@media only screen and (max-width: 767px) {
  .saying {
    margin-bottom: 65px;
  }
}
.saying .saying-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.saying .saying-container {
  position: relative;
  z-index: 1;
  padding-top: 105px;
  padding-bottom: 118px;
}
@media only screen and (max-width: 767px) {
  .saying .saying-container {
    padding-top: 67px;
    padding-bottom: 81px;
  }
}
.saying .saying-group {
  margin-top: 49px;
  position: relative;
}
.saying .saying-item {
  background-color: #ffffff;
  padding: 63px 43px;
  border-radius: 5px;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .saying .saying-item {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 991px) {
  .saying .saying-item {
    padding: 63px 43px;
  }
}
.saying .saying-item .saying-item-heading {
  font-family: Mont-800, sans-serif;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #e02a26;
  margin-bottom: 10px;
}
.saying .saying-item .saying-item-content {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 10px;
}
.saying .saying-item .saying-item-rate {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.saying .saying-author {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 9.5px;
}
.saying .saying-author .saying-author-img {
  width: 78px;
  aspect-ratio: 78/52;
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
}
.saying .saying-author .saying-author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.saying .saying-info .saying-info-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0;
}
.saying .saying-info .saying-info-link {
  font-size: 12px;
  line-height: 1.5;
  text-transform: capitalize;
}
.saying .saying-info .saying-info-link:hover {
  text-decoration: underline;
}
.saying .saying-next,
.saying .saying-prev {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.saying .saying-prev {
  left: -6px;
}
.saying .saying-next {
  right: -6px;
}

.news {
  margin-bottom: 130px;
}
@media only screen and (max-width: 767px) {
  .news {
    margin-bottom: 68px;
  }
}
@media only screen and (max-width: 480px) {
  .news .heading-2 {
    max-width: 297px;
    margin-left: auto;
    margin-right: auto;
  }
}
.news .news-slider {
  margin-top: 59px;
}
@media only screen and (max-width: 767px) {
  .news .news-slider {
    margin-top: 34px;
  }
}
.news .news-item .news-item-img {
  display: block;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 18px;
}
.news .news-item .news-item-img img {
  width: 100%;
  height: 100%;
  transition: all 0.7s ease-in-out;
}
.news .news-item .news-item-img:hover img {
  transform: scale(1.2);
}
.news .news-item .news-item-date {
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 5px;
}
.news .news-item .news-item-title {
  font-family: Mont-800, sans-serif;
  font-size: 18px;
  line-height: 30px;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.news .news-item .news-item-title:hover {
  color: #e02a26;
}

.chat {
  padding-top: 106px;
  padding-bottom: 111px;
}
@media only screen and (max-width: 767px) {
  .chat {
    padding: 58px 27px 64px 26px;
  }
}
@media only screen and (max-width: 391px) {
  .chat {
    padding: 58px 0 64px 0;
  }
}
.chat .chat-des {
  color: #9c9c9c;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .chat .chat-des {
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
  }
}
.chat .chat-action {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 21px;
  margin-top: 46px;
}
@media only screen and (max-width: 767px) {
  .chat .chat-action {
    flex-direction: column;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
}
.chat .chat-btn {
  padding: 15px 50px;
  border-radius: 5px;
  line-height: 14px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .chat .chat-btn {
    width: 100%;
  }
}
.chat .chat-btn:hover {
  background-color: transparent;
}
.chat .chat-btn.chat-btn-solid {
  background-color: transparent;
  color: #e02a26;
}
.chat .chat-btn.chat-btn-solid:hover {
  color: #ffffff;
  background-color: #e02a26;
}
.landingpage-category-v2 {
  border-top: 1px solid #d7edef;
}

.advertisement {
  width: 100%;
  aspect-ratio: 1600/916;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .advertisement {
    margin-top: 53px;
    aspect-ratio: initial;
  }
}
.advertisement .advertisement-bg {
  position: absolute;
  z-index: 0;
  top: 209px;
  right: -60px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .advertisement .advertisement-bg {
    width: 105%;
    height: auto;
    right: 0;
    top: initial;
    bottom: 0;
  }
}
.advertisement .advertisement-container {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .advertisement .advertisement-container {
    height: auto;
  }
}
.advertisement .advertisement-main {
  height: 100%;
  display: flex;
  justify-content: space-between;
  gap: 180px;
}
@media only screen and (max-width: 1399px) {
  .advertisement .advertisement-main {
    align-items: center;
  }
}
@media only screen and (max-width: 991px) {
  .advertisement .advertisement-main {
    gap: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .advertisement .advertisement-main {
    flex-direction: column;
    gap: 49px;
  }
}
.advertisement .advertisement-content {
  margin-top: 228px;
}
@media only screen and (max-width: 1399px) {
  .advertisement .advertisement-content {
    margin-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .advertisement .advertisement-content {
    padding-bottom: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .advertisement .advertisement-content {
    padding-bottom: 0;
  }
}
.advertisement .advertisement-content h2 {
  text-transform: initial;
  margin-bottom: 11px;
}
@media only screen and (max-width: 480px) {
  .advertisement .advertisement-content h2 {
    font-size: 32px;
    margin-bottom: 7px;
  }
}
.advertisement .advertisement-content p {
  font-size: 18px;
  line-height: 2;
}
.advertisement .advertisement-content p span {
  text-transform: uppercase;
}
.advertisement .advertisement-content a {
  font-size: 16px;
  font-weight: 500;
  padding: 17.5px 50px;
  margin-top: 36px;
}
@media only screen and (max-width: 767px) {
  .advertisement .advertisement-content a {
    margin-top: 25px;
  }
}
.advertisement .advertisement-image {
  padding-top: 58px;
  height: 100%;
}
.advertisement .advertisement-image img {
  height: 100%;
  max-height: 825px;
}
@media only screen and (max-width: 767px) {
  .advertisement .advertisement-image {
    width: 36.5%;
    height: auto;
    margin-bottom: 42px;
    padding-top: 24px;
  }
}

.feedback {
  padding-bottom: 72px;
  border-bottom: 1px solid #d7edef;
  margin-top: 117px;
  margin-bottom: 90px;
}
@media only screen and (max-width: 991px) {
  .feedback {
    margin-top: 70px;
    margin-bottom: 70px;
    padding-bottom: 59px;
  }
}
@media only screen and (max-width: 480px) {
  .feedback {
    margin-top: 55px;
    margin-bottom: 59px;
  }
}
.feedback .feedback-content {
  font-family: Mont-300, sans-serif;
  font-size: 48px;
  line-height: 66px;
  text-align: center;
  max-width: 855px;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 991px) {
  .feedback .feedback-content {
    font-size: 38px;
    line-height: 1.5;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 391px) {
  .feedback .feedback-content {
    font-size: 32px;
  }
}
.feedback .feedback-author {
  display: flex;
  justify-content: center;
  align-items: center;
}
.feedback .feedback-author .feedback-author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
}
.feedback .feedback-author .feedback-author-line {
  width: 10px;
  height: 1px;
  background-color: #000;
  margin-right: 5px;
}
.feedback .feedback-author .feedback-author-name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}

.customer {
  padding: 130px 0;
}
@media only screen and (max-width: 991px) {
  .customer {
    padding: 73px 0;
  }
}
@media only screen and (max-width: 480px) {
  .customer {
    height: 737px;
    margin-bottom: 333px;
  }
}
@media only screen and (max-width: 391px) {
  .customer {
    height: 800px;
  }
}
.customer .customer-container {
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .customer .customer-container {
    flex-direction: column-reverse;
  }
}
.customer .customer-image {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
.customer .customer-image img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .customer .customer-image {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 480px) {
  .customer .customer-image {
    width: 90%;
    margin-top: 36px;
  }
}
.customer .customer-content {
  margin-left: 49px;
}
@media only screen and (max-width: 1199px) {
  .customer .customer-content {
    margin-left: 0;
  }
}

.connect {
  margin: 108px 0;
}
.connect .connect-des {
  font-weight: 300;
  font-size: 22px;
  line-height: 36px;
  text-align: center;
  max-width: 836px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}
@media only screen and (max-width: 991px) {
  .connect .connect-des {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 28px;
  }
}
.connect .connect-btn {
  display: block;
  font-size: 16px;
  line-height: 14px;
  padding: 19px 50px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.connect .connect-info {
  margin-top: 66px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .connect .connect-info {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .connect .connect-info {
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
}
.connect .connect-info .connect-info-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 33px;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .connect .connect-info .connect-info-item {
    flex-grow: 1;
    flex-basis: 50%;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .connect .connect-info .connect-info-item {
    flex: auto;
    width: fit-content;
  }
}
.connect .connect-info .connect-info-item svg path {
  transition: all 0.5s ease-in-out;
}
.connect .connect-info .connect-info-item:hover {
  color: #e02a26;
}
.connect .connect-info .connect-info-item:hover svg path {
  fill: #e02a26;
}
.payment-success-wrap {
  margin: 138px auto 0 auto;
  max-width: 856px;
}
@media only screen and (max-width: 480px) {
  .payment-success-wrap {
    margin: 98px auto 0 auto;
  }
}

.payment-success-wrap img {
  margin-bottom: 35px;
}
.payment-success-wrap h1 {
  color: #000;
  font-family: Mont-800, sans-serif;
  font-size: 42px;
  margin-bottom: 23px;
}
@media only screen and (max-width: 991px) {
  .payment-success-wrap h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 480px) {
  .payment-success-wrap h1 {
    font-size: 26px;
  }
}
.payment-success-wrap .content {
  color: #646464;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 56px;
}
@media only screen and (max-width: 480px) {
  .payment-success-wrap .content {
    line-height: 36px;
    margin-bottom: 13px;
  }
}
.payment-success-wrap .payment-success-button {
  gap: 57px;
  row-gap: 18px;
  margin-bottom: 108px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  .payment-success-wrap .payment-success-button {
    margin-bottom: 38px;
  }
}
.payment-success-wrap .payment-success-button .button {
  padding: 11px 50px;
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
}
@media only screen and (max-width: 480px) {
  .payment-success-wrap .payment-success-button .button {
    flex: 0 0 100%;
  }
}
.payment-success-wrap .payment-success-button .button2 {
  background: #fff;
  color: #e02a26;
}
.payment-success-wrap .payment-success-button .button2:hover {
  color: #fff;
  background: #e02a26;
}
.payment-success-wrap .need-help {
  margin-bottom: 28px;
}

@media only screen and (max-width: 480px) {
  .container-fluid-mb {
    padding: 0 !important;
  }
}

.payment-success-help {
  justify-content: center;
  max-width: 430px;
  margin: 0 auto;
  border-top: 1px solid #d7edef;
  border-bottom: 1px solid #d7edef;
  position: relative;
  text-align: center;
  margin-bottom: 300px;
}
@media only screen and (max-width: 480px) {
  .payment-success-help {
    justify-content: space-between;
    margin-bottom: 100px;
  }
}
.payment-success-help:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 30px;
  background: #d7edef;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.payment-success-help .payment-success-help-button {
  padding: 11px 0;
  flex: 0 0 50%;
  cursor: pointer;
}
.payment-success-help .payment-success-help-button a {
  transition: all 0.3s ease;
  vertical-align: middle;
  margin-left: 7px;
}
.payment-success-help .payment-success-help-button svg path {
  transition: all 0.3s ease;
}
.payment-success-help .payment-success-help-button:hover a {
  color: #e02a26;
}
.payment-success-help .payment-success-help-button:hover svg path {
  fill: #e02a26;
}
.introduce {
  margin-top: 36px;
  margin-bottom: 69px;
}
@media only screen and (max-width: 991px) {
  .introduce {
    margin-top: 44px;
  }
}
.introduce .introduce-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .introduce .introduce-container {
    flex-direction: column;
    gap: 0;
    padding-bottom: 570px;
  }
}
@media only screen and (max-width: 767px) {
  .introduce .introduce-container {
    padding-bottom: 430px;
  }
}
@media only screen and (max-width: 480px) {
  .introduce .introduce-container {
    padding-bottom: 355px;
  }
}
.introduce .introduce-heading {
  max-width: 529px;
}
@media only screen and (max-width: 991px) {
  .introduce .introduce-heading {
    max-width: none;
  }
}
.introduce .introduce-heading h1 {
  font-family: Mont-800, sans-serif;
  font-size: 48px;
  line-height: 1.333;
  margin-bottom: 23px;
}
@media only screen and (max-width: 991px) {
  .introduce .introduce-heading h1 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .introduce .introduce-heading h1 {
    font-size: 32px;
  }
}
.introduce .introduce-link {
  font-weight: 500;
  font-size: 16px;
  line-height: 14px;
  padding: 20px 50px;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .introduce .introduce-link {
    margin-top: 2px;
  }
}
.introduce .introduce-img {
  aspect-ratio: 1;
  width: 560px;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .introduce .introduce-img {
    width: 82.5%;
    position: absolute;
    right: -26%;
    bottom: 0;
  }
}
.introduce .introduce-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}
.introduce .introduce-img:hover img {
  transform: scale(1.12);
}

.place {
  padding: 111px 0 120px 0;
  margin-bottom: 96px;
}
@media only screen and (max-width: 991px) {
  .place {
    padding: 60px 0;
  }
}
.place .place-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 140px;
  row-gap: 96px;
}
@media only screen and (max-width: 1399px) {
  .place .place-container {
    column-gap: 125px;
  }
}
@media only screen and (max-width: 1199px) {
  .place .place-container {
    column-gap: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .place .place-container {
    column-gap: 45px;
    row-gap: 48px;
  }
}
.place .place-item:nth-child(5) {
  grid-column: span 2;
}
.place .place-item img {
  width: 77px;
  height: 75px;
  border-radius: 13px;
}
@media only screen and (max-width: 767px) {
  .place .place-item img {
    width: 25px;
    height: 25px;
    border-radius: 0;
  }
}

.placard {
  aspect-ratio: 1600/680;
  margin-bottom: 116px;
}
@media only screen and (max-width: 991px) {
  .placard {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .placard {
    aspect-ratio: 428/420;
    margin-bottom: 35px;
  }
}
.placard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.register {
  padding-top: 50px;
  margin-bottom: 100px;
}
.register .register-container {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .register .register-container {
    display: block;
  }
}
.register .register-heading {
  max-width: 440px;
}
@media only screen and (max-width: 991px) {
  .register .register-heading {
    max-width: none;
  }
}
.register .register-heading h3 {
  margin-bottom: 10px;
}
.register .register-heading p {
  font-size: 16px;
  line-height: 30px;
  color: #5f5f5f;
}
.register .register-form {
  width: 597px;
  flex-shrink: 0;
}
@media only screen and (max-width: 1199px) {
  .register .register-form {
    width: 520px;
  }
}

.contact-form-required {
  color: #000;
  text-align: right;
  font-size: 12px;
  font-weight: 300;
  line-height: 25px;
  margin-bottom: 4px;
}

/*Form*/
.affiliate-form {
  padding: 36px 35px 64px 35px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  max-width: 597px;
}
@media only screen and (max-width: 1199px) {
  .affiliate-form {
    max-width: initial;
  }
}
.affiliate-form .contact-form-row .button {
  margin-top: 10px;
}
.contact-with-us {
  margin-bottom: 200px;
}
.contact-with-us .contact-form .contact-form-row .button {
  text-transform: initial;
  font-size: 20px;
  font-weight: 600;
  padding: 15px;
}

/*Contact with us -  intersect*/
.intersect-background {
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 16/6;
}
@media only screen and (max-width: 1199px) {
  .intersect-background {
    aspect-ratio: 16/8;
  }
}
@media only screen and (max-width: 480px) {
  .intersect-background {
    aspect-ratio: 32/17;
  }
}
.intersect-background .intersect-background-image {
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 56%, 50% 93%, 0 56%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 56%, 50% 93%, 0 56%);
  overflow: hidden;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .intersect-background .intersect-background-image {
    clip-path: none;
    -webkit-clip-path: none;
  }
}
.intersect-background
  .intersect-background-image
  .intersect-background-image-on {
  background: linear-gradient(136deg, #e02a26 25%, #167780 60%);
  width: 300%;
  height: 100%;
  animation: swapBackgroundInteres 5s ease infinite alternate-reverse;
}

@keyframes swapBackgroundInteres {
  from {
    transform: translate(-50%, 0%);
  }
  to {
    transform: translate(-10%, 0%);
  }
}
/*Contact with us -  head*/
.contact-us-head {
  padding: 99px 0 82px 0;
}
@media only screen and (max-width: 991px) {
  .contact-us-head {
    padding: 67px 0 26px 0;
  }
}
@media only screen and (max-width: 391px) {
  .contact-us-head {
    padding: 30px 0 15px 0;
  }
}
.contact-us-head h1 {
  color: #fff;
  font-family: Mont-800, sans-serif;
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 21px;
}
@media only screen and (max-width: 480px) {
  .contact-us-head h1 {
    font-size: 24px;
    margin-bottom: 5px;
  }
}
.contact-us-head .content {
  font-size: 18px;
  color: #fff;
  line-height: 28px;
}
@media only screen and (max-width: 480px) {
  .contact-us-head .content {
    font-size: 16px;
    max-width: 372px;
  }
}

/*Contact with us -  book main*/
.contact-with-us-bookmain {
  margin-bottom: 133px;
}
.contact-with-us-bookmain .book-main {
  gap: 60px;
  flex-wrap: wrap-reverse;
}
@media only screen and (max-width: 991px) {
  .contact-with-us-bookmain .book-main {
    gap: 33px;
  }
}
.contact-with-us-bookmain .book-main .book-main-left {
  flex: 0 0 450px;
}
@media only screen and (max-width: 991px) {
  .contact-with-us-bookmain .book-main .book-main-left {
    flex: 0 0 100%;
  }
}
.contact-with-us-bookmain .book-main .book-main-left .book-main-video {
  margin-bottom: 55px;
}
@media only screen and (max-width: 991px) {
  .contact-with-us-bookmain .book-main .book-main-left .book-main-video {
    margin-bottom: 11px;
  }
}
.contact-with-us-bookmain
  .book-main
  .book-main-left
  .book-main-video
  .book-main-video-img
  img {
  border-radius: 20px 20px 0 0;
}
.contact-with-us-bookmain
  .book-main
  .book-main-left
  .book-main-video
  .book-main-video-info {
  background: #000;
  padding: 40px 58px 48px 58px;
  border-radius: 0 0 20px 20px;
}
@media only screen and (max-width: 991px) {
  .contact-with-us-bookmain
    .book-main
    .book-main-left
    .book-main-video
    .book-main-video-info {
    padding: 40px 37px 60px 47px;
  }
}
.contact-with-us-bookmain
  .book-main
  .book-main-left
  .book-main-video
  .book-main-video-info
  .book-main-video-title {
  color: #fff;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
  margin-bottom: 25px;
  text-transform: initial;
  letter-spacing: initial;
}
.contact-with-us-bookmain
  .book-main
  .book-main-left
  .book-main-video
  .book-main-video-info
  p {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
}
.contact-with-us-bookmain .book-main .book-main-left .book-main-testimonial {
  background: #ff4f5e;
  padding: 34px 41px 40px 39px;
  border-radius: 20px;
}
.contact-with-us-bookmain
  .book-main
  .book-main-left
  .book-main-testimonial
  .book-main-testimonial-say {
  color: #fff;
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 300;
  line-height: 38px;
}
.contact-with-us-bookmain
  .book-main
  .book-main-left
  .book-main-testimonial
  .book-main-testimonial-user {
  color: #fff;
  padding: 0 23px;
  gap: 20px;
  max-width: 310px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
}
.contact-with-us-bookmain
  .book-main
  .book-main-left
  .book-main-testimonial
  .book-main-testimonial-user
  img {
  width: 60px;
  border-radius: 50%;
}
.contact-with-us-bookmain
  .book-main
  .book-main-left
  .book-main-testimonial
  .book-main-testimonial-user
  .book-main-testimonial-user-name
  strong {
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: -10px;
}
.contact-with-us-bookmain
  .book-main
  .book-main-left
  .book-main-testimonial
  .book-main-testimonial-user
  .book-main-testimonial-user-name
  span {
  font-size: 14px;
  font-weight: 300;
  line-height: 38px;
}
.contact-with-us-bookmain .book-main .contact-with-us-form {
  padding: 41px 38px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 0;
}
.contact-with-us-bookmain
  .book-main
  .contact-with-us-form
  .contact-form-required {
  margin-bottom: 18px;
}
/*Page Our Blog*/
.our-blog-wrap {
    padding: 83px 70px;
    border-radius: 20px;
    background: #fff;
}

@media only screen and (max-width: 1199px) {
    .our-blog-wrap {
        padding: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .our-blog-wrap {
        padding: 15px;
    }
}

.our-blog-wrap .our-blog-main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 65px;
  row-gap: 50px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1199px) {
    .our-blog-wrap .our-blog-main {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 991px) {
  .our-blog-wrap .our-blog-main {
    gap: 35px;
  }
}
@media only screen and (max-width: 480px) {
  .our-blog-wrap .our-blog-main {
    grid-template-columns: repeat(1, 1fr);
  }
}

.our-blog-wrap .button-load-more {
    position: relative;
}

.our-blog-wrap .button-load-more:before {
    top: -36px;
    height: 35px;
    background: linear-gradient(90deg);
}


/*Page Our Blog - Blog item*/
.blog-item .blog-item-image {
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 10px;
}
@media only screen and (max-width: 480px) {
  .blog-item .blog-item-image {
    margin-bottom: 23px;
  }
}
.blog-item .blog-item-image:hover img {
  transform: scale(1.05);
}
.blog-item .blog-item-image img {
  border-radius: 10px;
  transition: all 0.5s ease;
}
.blog-item .blog-item-date {
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 5px;
}
.blog-item h4 {
  line-height: 25px;
  height: 63px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: unset;
}
@media only screen and (max-width: 480px) {
  .blog-item h4 {
    height: 56px;
  }
}
.blog-item h4 a {
  color: #212529;
  font-family: Mont-800, sans-serif;
  font-size: 18px;
  transition: all 0.3s ease;
}
.blog-item h4:hover a {
  color: #e02a26;
}
.our-blog-v2 {
    margin-top: 90px;
}

.our-blog-v2 .sub-title {
    font-size: 12px;
    line-height: 19px;
    letter-spacing: 2.4px;
    font-weight: 300;
    margin-bottom: 0;
}

.our-blog-v2 h1 {
    font-size: 32px;
    line-height: 64px;
    letter-spacing: 0.64px;
    margin-bottom: 35px;
}

.our-blog-v2 .our-blog-wrap {
    padding: 0;
    margin-bottom: 105px;
}

.our-blog-v2 .our-blog-wrap .our-blog-main {
    margin-bottom: 5px;
}

@media only screen and (max-width: 991px) {
    .our-blog-v2 .our-blog-wrap .our-blog-main {
        margin-bottom: 20px;
    }
}
.our-blog-v2 .our-blog-pagination {
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.our-blog-v2 .our-blog-pagination .pagination-button {
    color: rgba(97, 97, 97, 0.5);
    font-weight: 700;
    line-height: 25px;
    border: none;
    height: 28px;
    background: transparent;
    padding: 0;
}

.our-blog-v2 .our-blog-pagination .pagination-button.active {
    color: #616161;
    border-bottom: 3px solid #ed1c24;
}

.our-blog-v2 .our-blog-pagination .pagination-button:hover {
    color: #616161;
}

.featured-topic {
  background: #FBF0EF;
}

.featured-topic .featured-topic-left {
    padding: 100px 0 65px 0;
    max-width: 50%;
}

@media only screen and (max-width: 991px) {
    .featured-topic .featured-topic-left {
        max-width: 100%;
    }
}

.featured-topic .featured-topic-left h3 {
    margin-bottom: 60px;
}

.featured-topic .featured-topic-item {
    gap: 30px;
    align-items: center;
    margin-bottom: 41px;
}

@media only screen and (max-width: 480px) {
    .featured-topic .featured-topic-item {
        gap: 16px;
    }
}

@media only screen and (max-width: 391px) {
    .featured-topic .featured-topic-item {
        flex-wrap: wrap;
    }
}

.featured-topic .featured-topic-item .featured-topic-item-image {
    border-radius: 20px;
    flex: 0 0 180px;
    overflow: hidden;
}

@media only screen and (max-width: 480px) {
    .featured-topic .featured-topic-item .featured-topic-item-image {
        flex: 0 0 100px;
    }
}

@media only screen and (max-width: 391px) {
    .featured-topic .featured-topic-item .featured-topic-item-image {
        flex: 0 0 100%;
        text-align: center;
    }
}

.featured-topic .featured-topic-item .featured-topic-item-image img {
    transition: all 0.5s ease;
}

.featured-topic .featured-topic-item .featured-topic-item-image:hover img {
    transform: scale(1.05);
}

.featured-topic .featured-topic-item .featured-topic-info {
    max-width: 287px;
}

@media only screen and (max-width: 480px) {
    .featured-topic .featured-topic-item .featured-topic-info {
        max-width: fit-content;
    }
}

.featured-topic .featured-topic-item .featured-topic-info .featured-topic-date {
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 480px) {
    .featured-topic .featured-topic-item .featured-topic-info .featured-topic-date {
        margin-bottom: 5px;
    }
}

.featured-topic .featured-topic-item .featured-topic-info a {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    transition: all 0.3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: unset;
}

.featured-topic .featured-topic-item .featured-topic-info a:hover {
    color: #e02a26;
}

.featured-topic .featured-topic-item .featured-topic-info .featured-topic-des {
    margin-top: 15px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: unset;
}

@media only screen and (max-width: 480px) {
    .featured-topic .featured-topic-item .featured-topic-info .featured-topic-des {
        margin-top: 5px;
    }
}

.featured-topic .featured-topic-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

@media only screen and (max-width: 991px) {
    .featured-topic .featured-topic-right {
        position: relative;
        width: 100%;
    }
}

.featured-topic .featured-topic-right img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .our-blog-detail {
    border-top: 1px solid #d7edef;
  }
}
@media only screen and (max-width: 991px) {
  .our-blog-detail .intersect-background {
    display: none;
  }
}
.our-blog-detail
  .intersect-background
  .intersect-background-image
  .intersect-background-image-on {
  background: url("../assets/image/our-blog-detail-breadcrum.png") no-repeat;
  background-size: cover;
  animation: none;
  width: 100%;
}

.blog-detail-share {
  align-items: center;
  gap: 9px;
}
@media only screen and (max-width: 991px) {
  .blog-detail-share {
    text-align: right;
    margin-bottom: 28px;
  }
}
.blog-detail-share img {
  margin-bottom: 0 !important;
  margin-right: 9px;
}
@media only screen and (max-width: 991px) {
  .blog-detail-share img {
    filter: invert(10);
  }
}
.blog-detail-share a {
  color: #616161;
  font-size: 16px;
  transition: all 0.3s ease;
}
.blog-detail-share a:hover {
  color: #e02a26;
}

.blog-detail-content {
    padding: 276px 0 0;
    margin-bottom: 82px;
}

@media only screen and (max-width: 991px) {
    .blog-detail-content {
        padding: 32px 0 0;
        margin-bottom: 42px;
    }
}

.blog-detail-content .blog-detail-post-share {
    justify-content: space-between;
    padding: 17px 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin-bottom: 37px;
}

@media only screen and (max-width: 991px) {
    .blog-detail-content .blog-detail-post-share {
        margin-bottom: 22px;
    }
}

.blog-detail-content .blog-detail-post-share img {
    margin-bottom: 0;
}

.blog-detail-content .blog-detail-post-share .blog-detail-post {
    gap: 10px;
    align-items: center;
    flex: 1;
}

.blog-detail-content .blog-detail-post-share .blog-detail-post .blog-detail-date span {
    font-size: 14px;
}

.blog-detail-content .blog-detail-post-share p {
    color: #616161;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 400;
}
@media only screen and (max-width: 991px) {
    .blog-detail-content img {
        margin-bottom: 30px;
    }
}

.blog-detail-content h1 {
    font-size: 40px;
    font-style: normal;
    line-height: 60px;
    margin: 11px 0 27px 0;
    max-width: 1090px;
}

@media only screen and (max-width: 991px) {
    .blog-detail-content h1 {
        font-size: 24px;
        line-height: 36px;
        margin: 0px 0 12px 0;
    }
}

.blog-detail-content h3 {
    color: #121416;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 27px;
    line-height: normal;
    max-width: 810px;
}

.blog-detail-content p {
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-align: justify;
}
.blog-detail-content h5 {
  text-align: justify;
  font-size: 16px;
  font-weight: 600;
  line-height: 32px; 
  margin-bottom: 25px;
}
.blog-detail-content blockquote {
    margin: 0 0 50px 0;
    color: #121416;
    font-size: 36px;
    font-weight: 600;
    padding-left: 69px;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .blog-detail-content blockquote {
        font-size: 24px;
        padding-left: 48px;
    }
}

@media only screen and (max-width: 480px) {
    .blog-detail-content blockquote {
        font-size: 16px;
        padding-left: 40px;
    }
}

.blog-detail-content blockquote:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: url("../assets/image/blockquote.svg") no-repeat;
    width: 41px;
    background-size: contain;
    aspect-ratio: 41/38;
}

@media only screen and (max-width: 991px) {
    .blog-detail-content blockquote:before {
        width: 32px;
    }
}

@media only screen and (max-width: 480px) {
    .blog-detail-content blockquote:before {
        width: 24px;
    }
}

.blog-detail-content .blog-detail-flex-image {
  justify-content: space-between;
  display: flex;
  gap: 30px;
  padding: 20px 0 50px 0;
}

@media only screen and (max-width: 767px) {
    .blog-detail-content .blog-detail-flex-image {
        flex-wrap: wrap;
        row-gap: 0;
    }
}

.blog-detail-content .blog-detail-flex-image img {
    border-radius: 6px;
    max-width: calc(50% - 15px);
}
.blog-detail-content .blog-detail-flex-image.full-width img {
  max-width: 100%
}
@media only screen and (max-width: 767px) {
    .blog-detail-content .blog-detail-flex-image img {
        max-width: 100%;
    }
}

.blog-share {
  margin-bottom: 132px;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 480px) {
  .blog-share {
    margin-bottom: 57px;
    gap: 10px;
  }
}
.blog-share .blog-share-button {
  display: flex;
  align-items: center;
  padding: 5px 13px;
  border-radius: 2px;
  border: 1px solid #c4c4c4;
  gap: 6px;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 480px) {
  .blog-share .blog-share-button {
    flex: 0 0 calc(50% - 5px);
  }
}
.blog-share .blog-share-button:hover {
  border: 1px solid #e02a26;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.blog-share .blog-share-button:hover span {
  color: #e02a26;
}
.blog-share .blog-share-button span {
  color: #6c757d;
  text-align: right;
  font-size: 8px;
  font-weight: 700;
  line-height: 20px;
}
@media only screen and (max-width: 480px) {
  .blog-share .blog-share-button span {
    font-size: 12px;
  }
}

.blog-related {
  margin-bottom: 100px;
  overflow: hidden;
}
.blog-related h3 {
  margin-bottom: 49px;
  font-size: 32px;
}
@media only screen and (max-width: 991px) {
  .blog-related h3 {
    margin-bottom: 31px;
    font-size: 24px;
  }
}
.blog-related .swiper {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .blog-related .swiper {
    overflow: visible;
  }
}
.blog-related .swiper-button-prev {
  left: 0;
}
.blog-related .swiper-button-next {
  right: 0;
}
.our-blog-detail-wrap {
  margin-top: 95px;
  gap: 80px;
}

@media only screen and (max-width: 1199px) {
    .our-blog-detail-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 480px) {
    .our-blog-detail-wrap {
        margin-top: 60px;
    }
}

.our-blog-detail-wrap .our-blog-detail-left {
    flex: 1;
}

@media only screen and (max-width: 1199px) {
    .our-blog-detail-wrap .our-blog-detail-left {
        flex: 0 0 100%;
    }
}

.our-blog-detail-v2 .blog-detail-content {
  margin-bottom: 0;
  padding: 0;
}
.our-blog-detail-v2 .blog-share {
  justify-content: flex-start;
}
@media only screen and (max-width: 1199px) {
  .our-blog-detail-v2 .blog-share {
    margin-bottom: 60px;
  }
}

.our-blog-related {
  flex: 0 0 267px;
  margin-top: 180px;
}

@media only screen and (max-width: 1199px) {
  .our-blog-related {
    flex: 0 0 100%;
    margin-top: 0;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 1199px) {
    .our-blog-related .our-blog-related-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

@media only screen and (max-width: 991px) {
    .our-blog-related .our-blog-related-list {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}

@media only screen and (max-width: 480px) {
    .our-blog-related .our-blog-related-list {
        display: block;
    }
}

.our-blog-related h3 {
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 33px;
}

.our-blog-related .blog-item {
    margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
    .our-blog-related .blog-item {
        flex: 0 0 calc(50% - 12px);
    }
}

.our-blog-related .blog-item .blog-item-image {
    margin-bottom: 20px;
}

@media only screen and (max-width: 480px) {
    .our-blog-related .blog-item h4 {
        height: auto;
    }
}

.our-blog-related .blog-item h4 a {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}
.our-blog-related .blog-item h4 a:hover {
  color: #e02a26;
}
.our-blog-related .blog-item .blog-item-des {
    font-size: 12px;
    line-height: 20px;
}
.page-404 {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: url("../assets/image/404.png") no-repeat;
  background-position: top right;
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  .page-404 {
    background-position: top right -70px;
  }
}
@media only screen and (max-width: 767px) {
  .page-404 {
    background-position: top right 30%;
  }
}
.page-404 .page-404-content {
  padding-top: 50px;
  max-width: 712px;
  height: 100vh;
}
.page-404 .page-404-content h1 {
  color: #4bb1ba;
  font-size: 48px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 40px;
  font-style: italic;
}
@media only screen and (max-width: 991px) {
  .page-404 .page-404-content h1 {
    font-size: 24px;
  }
}
.page-404 .page-404-content .button {
  padding: 15px 118px;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .page-404 .page-404-content .button {
    padding: 10px 30px;
  }
}
.page-404 img {
  max-width: 176px;
  height: initial;
  max-height: 50%;
  bottom: 33px;
  left: 16px;
}
.feature {
  display: flex;
}
.feature .button {
  width: 100%;
  padding: 20px;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  margin-bottom: 25px;
}
@media only screen and (max-width: 991px) {
  .feature .button {
    width: calc(50% - 12px);
    padding: 13px 20px;
  }
}
@media only screen and (max-width: 391px) {
  .feature .button {
    width: 100%;
    margin: 0 0 10px;
  }
}
.feature .button-add {
  border: 1px solid #e02a26;
  color: #e02a26;
  background: transparent;
}
@media only screen and (max-width: 991px) {
  .feature .button-add {
    margin-right: 20px;
  }
}
.feature .button-add:hover {
  background-color: #e02a26;
  border: 1px solid #e02a26;
  color: #fff;
}

.pictures {
  padding-top: 90px;
  width: calc(100% - 427px);
  position: relative;
  transition: width cubic-bezier(0.77, 0, 0.175, 1) 0.75s;
}
@media only screen and (max-width: 1199px) {
  .pictures {
    width: calc(100% - 390px);
  }
}
@media only screen and (max-width: 991px) {
  .pictures {
    width: 100%;
    padding-top: 22px;
    margin-bottom: 310px;
  }
}
.pictures.full {
  width: 100%;
}
.pictures .pictures-nav {
  padding: 0 47px 22px 52px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .pictures .pictures-nav {
    position: fixed;
    box-shadow: 0 0 0 #000;
    z-index: 2;
    background: #fff;
    width: 100%;
  }
}
.pictures .pictures-mode {
  display: flex;
  align-items: center;
  gap: 20px;
}
.pictures .pictures-mode .pictures-mode-btn {
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .pictures .pictures-mode .pictures-mode-btn {
    display: none;
  }
}
.pictures .pictures-mode .pictures-mode-btn span {
  font-size: 14px;
  margin-left: 9px;
}
.pictures .pictures-view-prev svg,
.pictures .pictures-view-next svg {
  width: 12px;
}
.pictures .pictures-view-prev.swiper-button-disabled,
.pictures .pictures-view-next.swiper-button-disabled {
  opacity: 0.3;
}
.pictures .pictures-view-pagination {
  font-weight: 600;
  font-size: 16px;
  width: 36px;
}
.pictures .pictures-action {
  display: flex;
  align-items: center;
  gap: 23px;
}
.pictures .pictures-action .pictures-action-zoomin,
.pictures .pictures-action .pictures-action-zoomout {
  opacity: 0.4;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 991px) {
  .pictures .pictures-action .pictures-action-zoomin,
  .pictures .pictures-action .pictures-action-zoomout {
    display: none;
  }
}
.pictures .pictures-action .pictures-action-zoomin svg,
.pictures .pictures-action .pictures-action-zoomout svg {
  width: 24px;
  height: 24px;
}
.pictures .pictures-action .pictures-action-zoomin.active,
.pictures .pictures-action .pictures-action-zoomout.active {
  opacity: 1;
  cursor: pointer;
}
.pictures .pictures-action .pictures-action-fullscreen {
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .pictures .pictures-action .pictures-action-fullscreen {
    display: none;
  }
}
.pictures
  .pictures-action
  .pictures-action-fullscreen
  .pictures-action-fullscreen-default {
  opacity: 1;
  visibility: visible;
}
.pictures
  .pictures-action
  .pictures-action-fullscreen
  .pictures-action-fullscreen-back {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.pictures
  .pictures-action
  .pictures-action-fullscreen.full
  .pictures-action-fullscreen-default {
  opacity: 0;
  visibility: hidden;
}
.pictures
  .pictures-action
  .pictures-action-fullscreen.full
  .pictures-action-fullscreen-back {
  opacity: 1;
  visibility: visible;
}
.pictures .pictures-action .pictures-action-back {
  display: none;
}
@media only screen and (max-width: 991px) {
  .pictures .pictures-action .pictures-action-back {
    display: block;
  }
}
.pictures .pictures-view {
  height: 90vh;
}
@media only screen and (max-width: 991px) {
  .pictures .pictures-view {
    height: 65vh;
  }
}
@media only screen and (max-width: 767px) {
  .pictures .pictures-view {
    height: 55vh;
  }
}
.pictures .pictures-view .pictures-view-item {
  max-height: calc(100vh - 140px);
  max-width: 100%;
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn ease 0.75s;
}
.pictures .pictures-view .pictures-view-item img {
  width: auto;
  height: auto;
  max-height: calc(100vh - 140px);
}
@media only screen and (max-width: 991px) {
  .pictures .pictures-view .pictures-view-item img {
    max-width: 100%;
    max-height: none;
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 991px) {
  .pictures .pictures-view .pictures-view-item {
    max-height: none;
    max-width: none;
    display: block;
    height: auto;
    position: relative;
    overflow-y: scroll;
    height: 100%;
  }
  .pictures .pictures-view .pictures-view-item::-webkit-scrollbar {
    width: 10px;
    background-color: #e3e3e3;
    display: none;
  }
  .pictures .pictures-view .pictures-view-item::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 20px;
  }
  .pictures .pictures-view .pictures-view-item img {
    width: 100%;
    max-height: none;
  }
}
.pictures .pictures-view.zoom .pictures-view-item {
  max-height: none;
  max-width: none;
  display: block;
  height: auto;
  position: relative;
  overflow-y: scroll;
  height: 100%;
}
.pictures .pictures-view.zoom .pictures-view-item::-webkit-scrollbar {
  width: 10px;
  background-color: #e3e3e3;
  display: none;
}
.pictures .pictures-view.zoom .pictures-view-item::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 20px;
}
.pictures .pictures-view.zoom .pictures-view-item img {
  width: 100%;
  max-height: none;
}
.pictures .pictures-preview {
  height: calc(100vh - 136px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  padding: 17px 10px 50px 10px;
  transform: translateX(-100%);
  transition: all cubic-bezier(0.77, 0, 0.175, 1) 0.75s;
}
.pictures .pictures-preview.active,
.pictures .pictures-preview.show {
  transform: translateX(0%);
}
.pictures .pictures-preview .pictures-preview-slider {
  height: 100%;
  overflow: hidden;
}
.pictures .pictures-preview .pictures-preview-item {
  width: 65px;
  height: 90px;
  padding: 5px;
  border-radius: 4px 5px;
  border: 1px solid transparent;
  background-color: #fff;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.5s ease;
}
.pictures .pictures-preview .pictures-preview-item.swiper-slide-thumb-active {
  border: 1px solid #000;
}
.pictures .pictures-preview .pictures-preview-next {
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 11;
  padding-top: 15px;
  padding-bottom: 25px;
  background-color: #fff;
}
.pictures .pictures-padding {
  padding: 0 84px;
}
@media only screen and (max-width: 1399px) {
  .pictures .pictures-padding {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .pictures .pictures-padding {
    padding: 0;
  }
}
.pictures .pictures-side-hover {
  position: absolute;
  top: 136px;
  left: 0;
  height: calc(100vh - 136px);
  width: 20px;
  z-index: 5;
}
@media only screen and (max-width: 991px) {
  .pictures .pictures-side-hover {
    display: none;
  }
}

.review {
  margin-top: 83px;
  margin-bottom: 87px;
}
.review .review-heading {
  display: flex;
  gap: 2px;
  margin-bottom: 32px;
}
.review .review-heading h5 {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding-bottom: 14px;
  width: fit-content;
  position: relative;
}
.review .review-heading h5::after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 3px;
  display: block;
  background-color: #000;
}
.review .review-heading span {
  font-size: 14px;
}
.review .review-container {
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  padding: 35px;
  max-width: 660px;
  margin-bottom: 36px;
}
@media only screen and (max-width: 991px) {
  .review .review-container {
    max-width: none;
  }
}
.review .review-container .review-btn {
  float: right;
  font-size: 13px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .review .review-container .review-btn {
    display: none;
  }
}
.review .review-content {
  margin-top: 53px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .review .review-content {
    flex-direction: column;
    margin-top: 0;
  }
}
.review .review-star {
  padding-right: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.review .review-star h2 {
  font-weight: 600;
  font-size: 48px;
  text-align: center;
  margin-bottom: 9px;
}
.review .review-star svg {
  margin-bottom: 10px;
}
.review .review-star h6 {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  padding-bottom: 15px;
}
.review .review-rate {
  padding-left: 50px;
  border-left: 1px solid #f2f2f2;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .review .review-rate {
    border: 0;
    padding-left: 0;
    width: fit-content;
  }
}
.review .review-rate .review-rate-item {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-bottom: 2px;
  width: fit-content;
}
@media only screen and (max-width: 480px) {
  .review .review-rate .review-rate-item {
    gap: 10px;
  }
}
.review .review-rate .review-rate-item span {
  font-size: 14px;
  min-width: 9px;
}
.review .review-rate .review-rate-item .review-rate-line {
  display: block;
  width: 248px;
  height: 6px;
  border-radius: 3px;
  background-color: #f2f2f2;
  position: relative;
}
.review
  .review-rate
  .review-rate-item
  .review-rate-line.review-rate-line-90::after {
  content: "";
  width: 218px;
  height: 6px;
  border-radius: 3px;
  background-color: #e02a26;
  position: absolute;
  top: 0;
  left: 0;
}
.review .review-comments {
  max-width: 660px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  padding: 34px 34px 32px 20px;
}
@media only screen and (max-width: 991px) {
  .review .review-comments {
    max-width: none;
    padding: 34px 20px;
  }
}
.review .review-comments h5 {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 23px;
}
.review .review-comments .review-comments-form {
  border: 1px solid #f2f2f2;
  border-radius: 3px;
}
.review .review-comments .review-comments-form .review-comments-group {
  display: flex;
  padding: 6px 10px 12px 10px;
  gap: 8px;
}
@media only screen and (max-width: 767px) {
  .review .review-comments .review-comments-form .review-comments-group {
    flex-wrap: wrap;
  }
}
.review .review-comments .review-comments-form .review-comments-input,
.review .review-comments .review-comments-form label {
  border-radius: 3px;
  border: 1px solid #f2f2f2;
}
@media only screen and (max-width: 767px) {
  .review .review-comments .review-comments-form .review-comments-input,
  .review .review-comments .review-comments-form label {
    width: 100%;
  }
}
.review .review-comments .review-comments-form .review-comments-input {
  padding: 6px 20px;
  font-weight: 300;
  font-size: 14px;
  width: 100%;
}
.review
  .review-comments
  .review-comments-form
  .review-comments-input::placeholder {
  color: #5f5f5f;
}
.review
  .review-comments
  .review-comments-form
  .review-comments-input:focus-visible {
  border: 1px solid #5f5f5f;
}
.review .review-comments .review-comments-form .review-comments-img {
  position: relative;
  width: 70px;
  background-image: url("../assets/image/camera-icon.png");
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .review .review-comments .review-comments-form .review-comments-img {
    height: 34px;
  }
}
.review .review-comments .review-comments-form .review-comments-img span {
  display: none;
  font-weight: 300;
  font-size: 14px;
  color: #5f5f5f;
}
@media only screen and (max-width: 767px) {
  .review .review-comments .review-comments-form .review-comments-img span {
    display: inline-block;
    position: absolute;
    right: -160%;
    top: 5px;
  }
}
.review .review-comments .review-comments-form textarea {
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 300;
  border-radius: 3px 3px 0 0;
  border: 1px solid #f2f2f2;
  width: 100%;
  resize: vertical;
}
.review .review-comments .review-comments-form textarea::placeholder {
  color: #5f5f5f;
}
.review .review-comments .review-comments-form textarea:focus-visible {
  outline: 1px solid #5f5f5f;
}
.review .review-comments .review-comments-form .review-comments-submit {
  padding: 6px 23px;
  border-radius: 5px;
}

.recent {
  margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  .recent {
    display: none;
  }
}
.recent .recent-heading {
  font-weight: 800;
  font-size: 24px;
  text-align: left;
  margin-bottom: 43px;
}
.recent .recent-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.recent .recent-item .recent-item-img {
  display: block;
  width: 100%;
  aspect-ratio: 312/210;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 18px;
}
.recent .recent-item .recent-item-img img {
  transition: all 0.7s ease;
}
.recent .recent-item .recent-item-img:hover img {
  transform: scale(1.2);
}
.recent .recent-item .recent-item-title {
  font-weight: 800;
  font-size: 16px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  transition: all 0.5s ease;
  margin-bottom: 25px;
}
.recent .recent-item .recent-item-title:hover {
  text-decoration: underline;
  text-decoration-line: 1px;
}
.recent .recent-item .recent-item-price {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
}
.recent .recent-item .recent-item-price .recent-item-price-old {
  font-weight: 400;
  text-decoration: line-through;
  color: #939393;
  margin-left: 10px;
}

.side {
  flex-shrink: 0;
  width: 427px;
  height: 100vh;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.2);
  transform: translateX(0%);
  transition: all cubic-bezier(0.77, 0, 0.175, 1) 0.75s;
}
@media only screen and (max-width: 1199px) {
  .side {
    width: 390px;
  }
}
@media only screen and (max-width: 991px) {
  .side {
    display: none;
  }
}
.side.close {
  transform: translateX(100%);
  box-shadow: none;
}
.side .side-main {
  padding-top: 15px;
  height: calc(100% - 141px);
  overflow: hidden;
}
.side .side-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 0px 34px 0 37px;
}
@media only screen and (max-width: 1199px) {
  .side .side-header {
    padding: 0 20px;
  }
}
.side .side-wishlist {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: transparent;
  background-color: #f2f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.side .side-wishlist svg {
  margin: 3px 0 0 1px;
}
.side .side-wishlist svg path {
  fill: #e02a26;
}
.side .side-wishlist:hover {
  background-color: #e02a26;
}
.side .side-wishlist:hover svg path {
  fill: #fff;
}
.side .side-close {
  width: 21px;
  height: 21px;
}
.side .side-close svg {
  width: 100%;
  height: 100%;
}
.side .side-name {
  font-weight: 600;
  font-size: 22px;
  line-height: 33px;
  padding: 0px 31px 0 37px;
  margin-bottom: 13px;
}
@media only screen and (max-width: 1199px) {
  .side .side-name {
    padding: 0 20px;
  }
}
.side .side-review {
  display: flex;
  justify-content: space-between;
  padding: 15px 31px 15px 37px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1199px) {
  .side .side-review {
    padding: 15px 20px;
  }
}
.side .side-review .side-review-item {
  display: flex;
  align-items: center;
  gap: 7px;
}
.side .side-review .side-review-content {
  font-size: 14px;
  color: #5f5f5f;
}
.side .side-price {
  padding: 0 37px;
  margin-bottom: 27px;
}
@media only screen and (max-width: 1199px) {
  .side .side-price {
    padding: 0 20px;
  }
}
.side .side-price .side-price-discount {
  font-weight: 600;
  font-size: 24px;
}
.side .side-price .side-price-old {
  font-size: 16px;
  color: #5f5f5f;
  text-decoration: line-through;
  margin-left: 7px;
}
.side .side-action {
  padding: 0px 30px 0 37px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1199px) {
  .side .side-action {
    padding: 0 20px;
  }
}
.side .side-descript {
  height: calc(100% - 490px);
  overflow: hidden;
  padding-bottom: 10px;
}
.side .side-descript h6 {
  padding-left: 37px;
  padding-right: 50px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1199px) {
  .side .side-descript h6 {
    padding-left: 20px;
    padding-right: 30px;
  }
}
.side .side-descript .side-descript-content {
  padding-left: 37px;
  padding-right: 50px;
  padding-bottom: 20px;
  overflow-y: scroll;
  height: 100%;
}
.side .side-descript .side-descript-content p {
  font-size: 16px;
  color: #5f5f5f;
}
@media only screen and (max-width: 1199px) {
  .side .side-descript .side-descript-content {
    padding-left: 20px;
    padding-right: 30px;
  }
}
.side .side-descript .side-descript-content::-webkit-scrollbar {
  width: 5px;
}
.side .side-descript .side-descript-content::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #f1f1f1;
}
.side .side-descript .side-descript-content::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #5f5f5f;
}
.side .side-footer {
  height: 141px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.side .side-footer .side-footer-group {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 44px;
  margin-bottom: 22px;
}
.side .side-footer .side-footer-group .side-footer-group-line {
  height: 30px;
  width: 1px;
  display: block;
  background-color: #f2f2f2;
}
.side .side-footer .side-footer-share {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 16px;
}
.side .side-footer .side-footer-share .side-footer-share-content {
  font-weight: 500;
  font-size: 14px;
}
.side .side-footer .side-footer-tag {
  padding: 0px 31px 0 37px;
  font-size: 16px;
  color: #5f5f5f;
}
@media only screen and (max-width: 1199px) {
  .side .side-footer .side-footer-tag {
    padding: 0 20px;
  }
}

.particular {
  margin-top: 71px;
  display: none;
}
@media only screen and (max-width: 991px) {
  .particular {
    display: block;
  }
}
.particular .particular-border {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.particular .particular-name {
  font-weight: 800;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 14px;
}
.particular .particular-statistic {
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
}
.particular .particular-statistic .particular-statistic-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  color: #5f5f5f;
}
.particular .particular-des {
  margin-top: 25px;
  margin-bottom: 48px;
}
.particular .particular-des h5 {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.particular .particular-des p {
  font-size: 16px;
  line-height: 1.5;
  color: #5f5f5f;
  margin-bottom: 20px;
}
.particular .particular-share {
  padding: 16px 0;
  display: flex;
  justify-content: center;
  gap: 100px;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
@media only screen and (max-width: 480px) {
  .particular .particular-share {
    gap: 60px;
  }
}
.particular .particular-share .particular-share-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #000;
}
.particular .particular-share .particular-share-line {
  width: 1px;
  height: 30px;
  background-color: #f2f2f2;
}
.particular .particular-tag {
  font-size: 16px;
  color: #5f5f5f;
  margin-top: 22px;
}

.action-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  display: none;
  padding-top: 30px;
  padding-bottom: 24px;
  background-color: #fff;
  box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 991px) {
  .action-mobile {
    display: block;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .action-mobile {
    height: 35vh;
  }
}
.action-mobile .action-mobile-wishlist {
  float: right;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #f2f2f2;
  display: flex;
  border: none;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.action-mobile .action-mobile-wishlist svg {
  margin: 3px 0 0 1px;
}
.action-mobile .action-mobile-wishlist svg path {
  fill: #e02a26;
}
.action-mobile .action-mobile-wishlist:hover {
  background-color: #e02a26;
}
.action-mobile .action-mobile-wishlist:hover svg path {
  fill: #fff;
}
.action-mobile .action-mobile-price {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  font-weight: 600;
  font-size: 24px;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.action-mobile .action-mobile-price .action-mobile-price-old {
  font-size: 16px;
  color: #939393;
  text-decoration: line-through;
  margin-left: 7px;
}
.action-mobile .action-mobile-btn {
  display: block;
  border-radius: 500px;
  border: 1px solid #000;
  width: 100%;
  padding: 20px;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: #000;
  margin-bottom: 25px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.action-mobile .action-mobile-btn:hover {
  background-color: #000;
  color: #fff;
}
.action-mobile .action-mobile-btn.action-mobile-btn-fill {
  background-color: #000;
  color: #fff;
  font-weight: 600;
}
.action-mobile .action-mobile-btn.action-mobile-btn-fill:hover {
  color: #000;
  background-color: #fff;
}
.benefits-page .benefits-start {
  margin-top: 100px;
}
.benefits-page .benefits-start .section-content {
  margin-bottom: 98px;
}
.benefits-page .benefits-start .section-content h1 {
  font-family: Mont-800, sans-serif;
  font-size: 32px;
  line-height: 66px;
  margin-bottom: 9px;
}
.benefits-page .benefits-start .section-content .sub-content {
  max-width: 743px;
  margin: 0 auto;
}
.benefits-page .benefits-start .section-content .button {
  margin-top: 40px;
}
.benefits-page .benefits-start .benefits-start-image {
  text-align: center;
}
.benefits-page .power-furnish {
  margin-bottom: 0;
}
.benefits-page .discover-product {
  margin-bottom: 86px;
}
.benefits-page .benefits-revenue h3 {
  font-size: 32px;
}
.benefits-page .benefits-revenue .revenue-container {
  margin-top: 32px;
  gap: 24px;
  row-gap: 15px;
}
.benefits-page #fhm-question-product {
  margin-bottom: 125px;
}

  #fhm-information {
    margin-top: 80px;
    margin-bottom: 100px;
  }
  #fhm-information .information-container .information-left {
    width: 22%;
  }
  #fhm-information .information-container .information-right {
    width: 76%;
  }
  #fhm-information .information-left {
    gap: 40px;
  }
  #fhm-information .information-left .tab-title .text {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.6px;
    margin-bottom: 30px;
    cursor: pointer;
    white-space: nowrap;
  }
  #fhm-information .information-left .tab-title:hover {
    color: #e02a26;
    transition: all 0.5s ease;
  }
  #fhm-information .information-left .tab-title .text.active {
    font-weight: 700;
  }
  #fhm-information .information-right h3 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 50px;
    line-height: 15px;
  }
  #fhm-information .information-right .account-information-container {
    gap: 30px;
  }
  #fhm-information
    .information-right
    .account-information-container
    .account-avt {
    width: 13%;
  }
  #fhm-information
    .information-right
    .account-information-container
    .form-account-information {
    width: 83%;
  }
  #fhm-information
    .information-right
    .account-information-container
    .account-avt
    img {
    width: 100%;
  }
  #fhm-information .form-account-information .form-label {
    width: 27%;
  }
  #fhm-information .form-account-information .form-label span {
    color: #e02a26;
  }
  #fhm-information .form-account-information .form-control {
    display: flex;
    gap: 40px;
    padding: 8px 8px 8px 20px;
  }
  #fhm-information .form-account-information .form-control:focus {
    box-shadow: none;
    border: 1px solid #dcdbdb;
  }
  #fhm-information .form-account-information .form-control.radio {
    border: none;
  }
  #fhm-information .form-account-information .radio-item {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #616161;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  #fhm-information .form-account-information .checkmark {
    position: absolute;
    top: 1px;
    left: 2px;
    height: 19px;
    width: 19px;
    border-radius: 300px;
    border: 1px solid #dedede;
  }
  #fhm-information .form-account-information .radio-item input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  #fhm-information .form-account-information .radio-item .checkmark::after {
    content: "";
    display: none;
    position: absolute;
    top: 52%;
    left: 53%;
    transform: translate(-55%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 300px;
    background: #e02a26;
  }
  #fhm-information
    .form-account-information
    .radio-item
    input:checked
    ~ .checkmark::after {
    display: block;
  }
  #fhm-information .form-account-information .button.button-update {
    border-radius: 3px;
    padding: 8px 44px;
    margin-top: 30px;
    margin-left: 22%;
  }
  @media (max-width: 991px) {
    #fhm-information .information-container .information-left,
    #fhm-information .information-container .information-right {
      width: 100%;
      margin-top: 30px;
    }
    #fhm-information .information-right h3 {
      text-align: center;
    }
    #fhm-information
      .information-right
      .account-information-container
      .account-avt {
      width: 100%;
      padding: 0 30%;
      margin-bottom: 40px;
    }
    #fhm-information
      .information-right
      .account-information-container
      .form-account-information {
      width: 100%;
    }
    #fhm-information .form-account-information .form-label {
      width: 33%;
    }
    #fhm-information .form-account-information .button.button-update {
      margin-left: 25%;
    }
  }
  #fhm-information .information-right .order-information-container table {
    width: 100%;
  }
  #fhm-information .information-right .order-information-container table .cart-item-info .product-name {
    font-size: 14px;
  }
  #fhm-information .information-right .order-information-container table .cart-item-info .product-type {
    font-size: 11px;
  }
  #fhm-information .information-right .order-information-container .form-order-info {
    border-radius: 5px;
  border: 1px solid #D9D9D9;
  padding: 0 25px;
  }
  #fhm-information .information-right .order-information-container table th ,
  #fhm-information .information-right .order-information-container table td {
   padding-left: 2.5%;
  }
  #fhm-information .information-right .order-information-container table tr:first-child {
    border-top: none;
  }
  #fhm-information .information-right .order-information-container table tr {
    border-top: 1px solid #D9D9D9;
  }
  #fhm-information .information-right .order-information-container table th:first-child ,
  #fhm-information .information-right .order-information-container table td:first-child {
   padding-left: 0px;
  }
  #fhm-information .information-right .order-information-container table th:nth-child(2) ,
  #fhm-information .information-right .order-information-container table td:nth-child(2) {
   width: 41%;
  }
  #fhm-information .information-right .order-information-container table th:nth-child(5) ,
  #fhm-information .information-right .order-information-container table td:nth-child(5) {
   width: 13%;
  }
  #fhm-information .information-right .order-information-container table th ,
  #fhm-information .information-right .order-information-container table td {
   width: 12%;
   padding: 25px 0 20px;
   text-align: center;
  }
  #fhm-information .information-right .order-information-container table td:nth-child(2) {
   text-align: start;
  }
  #fhm-information .information-right .order-information-container table td:first-child {
    white-space: pre-line;
    text-align: start;
  }
  #fhm-information .information-right .order-information-container table td .cart-item {
    padding: 0;
    border-bottom: none;
  }
  @media (max-width: 480px) {
    #fhm-information .form-account-information .form-label {
      width: 50%;
    }
    .cart-item .cart-item-info {
      flex: 0 0 calc(100%);
  }
  #fhm-information .information-right .order-information-container table th ,
  #fhm-information .information-right .order-information-container table td {
   padding-left: 2%;
  }
  #fhm-information .information-right .order-information-container table th:nth-child(2) ,
  #fhm-information .information-right .order-information-container table td:nth-child(2) {
   width: 34%;
  }
  #fhm-information .information-right .order-information-container table th:nth-child(5) ,
  #fhm-information .information-right .order-information-container table td:nth-child(5) {
  display: none
  }
  #fhm-information .information-right .order-information-container table th ,
  #fhm-information .information-right .order-information-container table td {
   width: 20%;
  }
  #fhm-information .information-right .order-information-container .form-order-info {
    padding: 0 10px;
  }
  #fhm-information .information-right .order-information-container table th, #fhm-information .information-right .order-information-container table td {
    padding: 15px 0;
  }
  }
  @media (max-width: 991px) {
    #fhm-information .information-left .tabs-list {
      display: contents;
    }
    #fhm-information .information-right .order-information-container table th ,
  #fhm-information .information-right .order-information-container table td {
   padding-left: 2%;
  }
  #fhm-information .information-right .order-information-container table th:nth-child(2) ,
  #fhm-information .information-right .order-information-container table td:nth-child(2) {
   width: 40%;
  }
  #fhm-information .information-right .order-information-container table th ,
  #fhm-information .information-right .order-information-container table td {
   width: 13%;
  }
  }

  #fhm-agent-register {
    margin-top: 80px;
    margin-bottom: 100px;
  }
  #fhm-agent-register .agent-register-left {
   width: 60%;
  }
  #fhm-agent-register .agent-register-right {
   width: 30%;
   padding: 30px 20px;
  }
  #fhm-warranty-request .agent-register-right h3,
  #fhm-warranty-registration .agent-register-right h3,
  #fhm-agent-register .agent-register-right h3 {
    color: #000;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
  }
  #fhm-agent-register .agent-register-left h2 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 35px;
   }
   #fhm-agent-register .agent-register-left .contact-form-des {
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 25px;
    line-height: 27px;
   }
   #fhm-warranty-request .agent-register-right p,
   #fhm-agent-register .agent-register-right p,
   #fhm-warranty-registration .agent-register-right p {
    color: #7E7E7E;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
  }
  #fhm-warranty-request .agent-register-right ul li,
  #fhm-agent-register .agent-register-right ul li,
  #fhm-warranty-registration .agent-register-right ul li {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 20px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
  }
  @media (max-width: 991px) {
    #fhm-agent-register .agent-register-left,
    #fhm-agent-register .agent-register-right {
      width: 100%;
    }
    #fhm-agent-register .agent-register-left h2 {
      font-size: 24px;
    }
  }
  #fhm-confirm-register {
    margin-top: 80px;
    margin-bottom: 100px;
    text-align: center;
  }
  #fhm-confirm-register h2 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 20px;
  }
  #fhm-confirm-register p {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  }
  #fhm-confirm-register p a {
    color: #E02A26;
    font-weight: 700;
  }
  #fhm-confirm-register p a:hover {
    text-decoration-line: underline;
  }
  #fhm-warranty-registration .contact-form-des.contact-form-des {
    text-align: center !important;
  }
  #fhm-warranty-registration .contact-form-des.contact-form-des p {
    width: 100%;
  }
  @media (max-width: 480px) {
    .contact-page h1 {
      font-size: 28px;
      margin-bottom: 0px;
    }
    .contact-page .contact-form-des p {
      font-size: 10px;
    }
  }

#fhm-information {
    margin-top: 80px;
    margin-bottom: 100px;
}

#fhm-information .information-container .information-left {
    width: 22%;
}

#fhm-information .information-container .information-right {
    width: 76%;
}

#fhm-information .information-left {
    gap: 40px;
}

#fhm-information .information-left .tab-title .text {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.6px;
    margin-bottom: 30px;
    cursor: pointer;
    white-space: nowrap;
}

#fhm-information .information-left .tab-title:hover {
    color: #e02a26;
    transition: all 0.5s ease;
}

#fhm-information .information-left .tab-title .text.active {
    font-weight: 700;
}

#fhm-information .information-right h3 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 50px;
    line-height: 15px;
}

#fhm-information .information-right .account-information-container {
    gap: 30px;
}

#fhm-information .information-right .account-information-container .account-avt {
    width: 13%;
}

#fhm-information .information-right .account-information-container .form-account-information {
    width: 83%;
}

#fhm-information .information-right .account-information-container .account-avt img {
    width: 100%;
}

#fhm-information .form-account-information .form-label {
    width: 27%;
}

#fhm-information .form-account-information .form-label span {
    color: #e02a26;
}

#fhm-information .form-account-information .form-control {
    display: flex;
    gap: 40px;
    padding: 8px 8px 8px 20px;
}

#fhm-information .form-account-information .form-control:focus {
    box-shadow: none;
    border: 1px solid #dcdbdb;
}

#fhm-information .form-account-information .form-control.radio {
    border: none;
}

#fhm-information .form-account-information .radio-item {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #616161;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

#fhm-information .form-account-information .checkmark {
    position: absolute;
    top: 1px;
    left: 2px;
    height: 19px;
    width: 19px;
    border-radius: 300px;
    border: 1px solid #dedede;
}

#fhm-information .form-account-information .radio-item input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

#fhm-information .form-account-information .radio-item .checkmark::after {
    content: "";
    display: none;
    position: absolute;
    top: 52%;
    left: 53%;
    transform: translate(-55%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 300px;
    background: #e02a26;
}

#fhm-information .form-account-information .radio-item input:checked~.checkmark::after {
    display: block;
}

#fhm-information .form-account-information .button.button-update {
    border-radius: 3px;
    padding: 8px 44px;
    margin-top: 30px;
    margin-left: 22%;
}

@media (max-width: 991px) {
  #fhm-information .information-container .information-left, 
  #fhm-information .information-container .information-right {
    width: 100%;
  }
  #fhm-information .information-right h3 {
    text-align: center;
  }
  #fhm-information .information-right .account-information-container .account-avt {
    width: 100%;
    padding: 0 30%;
    margin-bottom: 40px;
}
#fhm-information .information-right .account-information-container .form-account-information {
  width: 100%;
}
#fhm-information .form-account-information .form-label {
  width: 33%;
}
#fhm-information .form-account-information .button.button-update {
  margin-left: 25%;
}
}
@media (max-width: 480px) { 
  #fhm-information .form-account-information .form-label {
    width: 50%;
  }
}

#fhm-support {
  margin-top: 80px;
  margin-bottom: 100px;
}

#fhm-support h1 {
  color: #000;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-align: center;
  text-transform: capitalize;
}

#fhm-support .support-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 70px;
  row-gap: 60px;
  margin-top: 70px;
}

#fhm-support .support-container .item-support {
  display: flex;
  height: 100px;
  padding: 22px 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: #e02a26;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  border: 1px solid #e02a26;
}

#fhm-support .support-container .item-support:hover {
  background: #fff;
  color: #e02a26;
}

@media (max-width: 991px) {
  #fhm-support .support-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  #fhm-support .support-container .item-support {
    padding: 22px 30px;
    font-size: 14px;
  }
  #fhm-support .support-container {
    gap: 50px;
  }
}

@media (max-width: 480px) {
  #fhm-support .support-container .item-support {
    padding: 20px 15px;
    font-size: 14px;
  }
  #fhm-support .support-container {
    gap: 30px;
  }
  #fhm-support .support-container .item-support {
    height: 85px;
  }
}
#fhm-support-detail {
  margin: 80px 0 100px 0;
}

#fhm-support-detail h1 {
  color: #000;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-align: center;
  text-transform: capitalize;
}

#fhm-support-detail .support-detail-container {
  margin-top: 35px;
}

#fhm-support-detail .support-detail-container p,
#fhm-support-detail .support-detail-container li {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 10px;
}

#fhm-support-detail .support-detail-container h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 10px;
}

#fhm-support-detail .support-detail-container img {
  margin: 30px 0 40px 0;
  max-width: 680px;
  margin-left: calc(50% - 340px);
}

#fhm-support-detail .support-detail-container ul {
  padding-left: 35px;
}

#fhm-support-detail .support-detail-container li {
  list-style: initial;
}

@media (max-width: 1199px) {
  #fhm-agent-system .agent-system-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991px) {
  #fhm-support-detail .support-detail-container {
    position: relative;
  }
  #fhm-support-detail .support-detail-container img {
    width: 100%;
    margin-left: 0;
  }
}

@media only screen and (max-width: 991px) {
  .page-404 {
    background-position: top right -70px;
  }
}

@media only screen and (max-width: 767px) {
  .page-404 {
    background-position: top right 30%;
  }
}

.page-404 .page-404-content {
  padding-top: 50px;
  max-width: 712px;
  height: 100vh;
}

.page-404 .page-404-content h1 {
  color: #4bb1ba;
  font-size: 48px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 40px;
  font-style: italic;
}

@media only screen and (max-width: 991px) {
  .page-404 .page-404-content h1 {
    font-size: 24px;
  }
}

.page-404 .page-404-content .button {
  padding: 15px 118px;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
  .page-404 .page-404-content .button {
    padding: 10px 30px;
  }
}

.page-404 img {
  max-width: 176px;
  height: initial;
  max-height: 50%;
  bottom: 33px;
  left: 16px;
}