/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Global
	6. 	Plugins
	7. 	Page Templates
		a. 	Template: LP

		...
		z. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Extras
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	1. Document Setup
/* -------------------------------------------------------------------------- */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
}

@media (min-width: 1999px) {
  main.lp .banner-area,
  .custom-container {
    max-width: 1810px;
    margin: 0 auto;
  }

  .header-container {
    max-width: 1790px;
    margin: 0 auto;
  }
}

/* -------------------------------------------------------------------------- */
/*	2. Element Base
/* -------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}

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

h1 {
  font-weight: 800;
}

a {
  text-decoration: none;
}

ul,
ol {
  margin-bottom: 0;
  padding-left: 0;
}

li {
  list-style: none;
}

/* -------------------------------------------------------------------------- */
/*	3. Helper Classes
/* -------------------------------------------------------------------------- */

.custom-container {
  padding: 0 2.5%;
}

.header-container {
  padding: 0 3%;
}

/* -------------------------------------------------------------------------- */
/*	4.	Site Header
/* -------------------------------------------------------------------------- */

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 45px 0 25px 0;
  background-color: #fff;
}

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

#mobileMenu .logo-area {
  width: 150px;
  max-height: 30px;
}

#header .logo-area {
  width: 240px;
  height: auto;
  max-height: 43px;
}

#header .logo-wrapper {
  display: flex;
  align-items: center;
  gap: 40px;
}

#header .logo-wrapper span {
  line-height: 95%;
  letter-spacing: 0.8px;
}

#mobileMenu .logo-area img,
#header .logo-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#header .mobile-menu-btn {
  display: none;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='Menu / Menu_Alt_01'%3E%3Cpath id='Vector' d='M12 17H19M5 12H19M5 7H19' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  cursor: pointer;
}

#header .main-menu {
  display: flex;
  align-items: center;
  gap: 45px;
}

#mobileMenu .mobile-menu {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

#mobileMenu .mobile-menu .menu-item a,
#header .main-menu .menu-item a {
  color: #000;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 95%;
  transition: 0.3s ease;
}

#mobileMenu .mobile-menu .menu-item a:hover,
#header .main-menu .menu-item a:hover {
  opacity: 0.5;
}

#mobileMenu .mobile-menu .menu-item.menu-btn a,
#header .main-menu .menu-item.menu-btn a {
  color: #fff;
  width: 299px;
  height: 45px;
  padding: 10px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  border: 1px solid transparent;
  opacity: 1;
}

#mobileMenu .mobile-menu .menu-item.menu-btn.lp-1 a,
#header.header_lp_1 .main-menu .menu-item.menu-btn a {
  background-color: var(--lp1_primaryColor);
}

#mobileMenu .mobile-menu .menu-item.menu-btn.lp-2 a,
#header.header_lp_2 .main-menu .menu-item.menu-btn a {
  background-color: var(--lp2_primaryColor);
}

#mobileMenu .mobile-menu .menu-item.menu-btn.lp-3 a,
#header.header_lp_3 .main-menu .menu-item.menu-btn a {
  background-color: var(--lp3_primaryColor);
}

#mobileMenu .mobile-menu .menu-item.menu-btn.lp-4 a,
#header.header_lp_4 .main-menu .menu-item.menu-btn a {
  background-color: var(--lp4_primaryColor);
}

#mobileMenu .mobile-menu .menu-item.menu-btn.lp-1 a:hover,
#header.header_lp_1 .main-menu .menu-item.menu-btn a:hover {
  color: var(--lp1_primaryColor);
  border-color: var(--lp1_primaryColor);
  background-color: #fff;
}

/* -------------------------------------------------------------------------- */
/*	5. Global
/* -------------------------------------------------------------------------- */

main.lp {
  padding-top: 135px;
}

/* Icons */
main.lp-1 .s5 .content-area .contact-item i.phone {
  background-image: url(../images/icons/phone_red.svg);
}
main.lp-2 .s5 .content-area .contact-item i.phone {
  background-image: url(../images/icons/phone_green.svg);
}
main.lp-3 .s5 .content-area .contact-item i.phone {
  background-image: url(../images/icons/phone_orange.svg);
}
main.lp-4 .s5 .content-area .contact-item i.phone {
  background-image: url(../images/icons/phone_blue.svg);
}
main.lp-1 .s5 .content-area .contact-item i.envelope {
  background-image: url(../images/icons/mail_red.svg);
}
main.lp-2 .s5 .content-area .contact-item i.envelope {
  background-image: url(../images/icons/mail_green.svg);
}
main.lp-3 .s5 .content-area .contact-item i.envelope {
  background-image: url(../images/icons/mail_orange.svg);
}
main.lp-4 .s5 .content-area .contact-item i.envelope {
  background-image: url(../images/icons/mail_blue.svg);
}
main.lp-1 .s5 .content-area .contact-item i.clock {
  background-image: url(../images/icons/watch_red.svg);
}
main.lp-2 .s5 .content-area .contact-item i.clock {
  background-image: url(../images/icons/watch_green.svg);
}
main.lp-3 .s5 .content-area .contact-item i.clock {
  background-image: url(../images/icons/watch_orange.svg);
}
main.lp-4 .s5 .content-area .contact-item i.clock {
  background-image: url(../images/icons/watch_blue.svg);
}

main.lp-1 .s5 .content-area {
  background-color: var(--lp1_darkColor);
}
main.lp-2 .s5 .content-area {
  background-color: var(--lp2_darkColor2);
}
main.lp-3 .s5 .content-area {
  background-color: var(--lp3_darkColor);
}
main.lp-4 .s5 .content-area {
  background-color: var(--lp4_darkColor);
}

/* -------------------------------------------------------------------------- */
/*	6. Plugins
/* -------------------------------------------------------------------------- */

main.lp .wpcf7 form .wpcf7-response-output {
  padding: 10px 15px;
  border-radius: 5px;
  color: #fff;
}

main.lp .wpcf7-spinner {
  margin: 15px;
}

/* -------------------------------------------------------------------------- */
/*	7. Page Templates
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	7a. Template: LP
/* -------------------------------------------------------------------------- */

main.lp .banner-area {
  padding: 0 1.5%;
  overflow: hidden;
}

main.lp .banner-area .banner-box {
  border-radius: 35px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  display: flex;
  gap: 25px;
  position: relative;
  min-height: 733px;
}

main.lp-3 .banner-area .banner-box,
main.lp-2 .banner-area .banner-box {
  align-items: end;
}

main.lp .banner-area .banner-box .banner-badge {
  position: absolute;
  top: -22%;
  right: -1.75%;
  z-index: 9;
}

main.lp-2 .banner-area .banner-box .banner-badge {
  top: -25%;
}

main.lp .banner-area .banner-box .banner-details,
main.lp .banner-area .banner-box .product-area {
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
  z-index: 10;
}

main.lp .banner-area .banner-box .product-area-mobile {
  display: none;
}

main.lp .banner-area .banner-box .banner-details {
  flex: 1;
}

main.lp .banner-area .banner-box .title {
  color: #fff;
  font-family: "Inter";
  font-size: 128.422px;
  font-weight: 800;
  line-height: 90%;
  text-transform: uppercase;
  max-width: 760px;
}

main.lp .banner-area .banner-box .description {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  max-width: 755px;
  padding-right: 102px;
  border-right: 1px solid #fff;
}

main.lp .banner-area .banner-box .product-name {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
  line-height: 120%;
  max-width: 290px;
}

main.lp .banner-area .banner-box .product-image {
  width: 280px;
}

main.lp .banner-area .banner-box .product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

main.lp .banner-area .banner-box .product-details {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 30px;
}

main.lp .banner-area .banner-box .cta-area {
  flex: 1;
  display: flex;
  justify-content: end;
}

main.lp .banner-area .banner-box .banner-cta {
  display: flex;
  width: 219px;
  height: 55px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  transition: 0.3s ease;
}

main.lp-1 .banner-area .banner-box .banner-cta:hover {
  background-color: var(--lp1_darkColor);
  color: #fff;
}
main.lp-2 .banner-area .banner-box .banner-cta:hover {
  background-color: var(--lp2_darkColor);
  color: #fff;
}
main.lp-3 .banner-area .banner-box .banner-cta:hover {
  background-color: var(--lp3_primaryColor);
  color: #fff;
}
main.lp-4 .banner-area .banner-box .banner-cta:hover {
  background-color: var(--lp4_darkColor);
  color: #fff;
}

main.lp .banner-area .price-area span {
  color: #fff;
  font-weight: 700;
  line-height: 120%;
}

main.lp .banner-area .price-area .price {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 100%;
}

main.lp .banner-area .price-area sup {
  top: -0.4em;
}

main.lp-1 .banner-area .banner-box .banner-cta {
  color: #660002;
}

main.lp-3 .banner-area .banner-box .banner-cta {
  color: var(--lp3_primaryColor);
}

main.lp .banner-box {
  padding: 68px 45px 55px 130px;
}

main.lp-1 .banner-box {
  background-image: url(../images/lp_1/banner.webp);
}
main.lp-2 .banner-box {
  background-image: url(../images/lp_2/banner.webp);
}
main.lp-3 .banner-box {
  background-image: url(../images/lp_3/banner.webp);
}
main.lp-4 .banner-box {
  background-image: url(../images/lp_4/banner.webp);
}

main.lp .shop {
  padding: 90px 0 45px 0;
}

main.lp .shop h2.title {
  font-family: "Inter";
  font-size: 72px;
  font-weight: 700;
  line-height: 90%;
  margin-bottom: 45px;
}

main.lp .shop .content-row {
  display: flex;
  gap: 150px;
}

main.lp .shop .content-row .content-area,
main.lp .shop .content-row .image-area {
  flex: 1;
}

main.lp .shop .description {
  max-width: 564px;
}

main.lp .shop .radio-wrap {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
}

main.lp .shop .radio-wrap i.bullet {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
}

main.lp .shop .radio-wrap span {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

main.lp .shop .radio-wrap input {
  opacity: 0;
  display: none;
  visibility: hidden;
}

main.lp .shop .selections-wrap {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 52px;
}

main.lp .shop .selections-wrap i.bottle {
  width: 18px;
  height: 30px;
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

main.lp-1 .shop .selections-wrap i.bottle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='34' viewBox='0 0 18 34' fill='none'%3E%3Cpath d='M2.70122 0.0903576L2.55906 0.208231V4.17151L3.25843 4.53294V5.13532C3.25843 5.42447 3.11788 5.57707 3.0476 5.61723L1.37597 6.92742C0.171206 7.7828 -0.0396285 9.06086 0.00555025 9.59297L0.110967 28.8241C0.243492 30.0409 0.949285 30.8973 1.28562 31.1734C3.26144 32.7998 6.93799 33.1161 8.52928 33.0709C12.0231 33.1612 14.4778 32.2878 15.8633 31.339C16.9717 30.58 17.309 29.3461 17.3391 28.8241L17.4897 9.36707C17.4536 8.09002 16.7317 7.27881 16.3753 7.03283L14.523 5.61723L14.2218 5.28592V4.53294L14.7037 4.3974L14.9597 4.17151V0.208231L14.7037 0H14.4326H7.46005L2.70122 0.0903576Z' fill='%23660002'/%3E%3C/svg%3E");
}

main.lp-2 .shop .selections-wrap i.bottle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='34' viewBox='0 0 18 34' fill='none'%3E%3Cpath d='M2.70122 0.989772L2.55906 1.10765V5.07092L3.25843 5.43235V6.03474C3.25843 6.32388 3.11788 6.47649 3.0476 6.51664L1.37597 7.82683C0.171206 8.68222 -0.0396285 9.96027 0.00555025 10.4924L0.110967 29.7235C0.243492 30.9403 0.949285 31.7967 1.28562 32.0728C3.26144 33.6992 6.93799 34.0155 8.52928 33.9703C12.0231 34.0607 14.4778 33.1872 15.8633 32.2384C16.9717 31.4794 17.309 30.2456 17.3391 29.7235L17.4897 10.2665C17.4536 8.98943 16.7317 8.17822 16.3753 7.93225L14.523 6.51664L14.2218 6.18533V5.43235L14.7037 5.29682L14.9597 5.07092V1.10765L14.7037 0.899414H14.4326H7.46005L2.70122 0.989772Z' fill='%23003B13'/%3E%3C/svg%3E");
}
main.lp-3 .shop .selections-wrap i.bottle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='34' viewBox='0 0 18 34' fill='none'%3E%3Cpath d='M2.70122 0.989528L2.55906 1.1074V5.07068L3.25843 5.43211V6.03449C3.25843 6.32364 3.11788 6.47624 3.0476 6.5164L1.37597 7.82659C0.171206 8.68197 -0.0396285 9.96003 0.00555025 10.4921L0.110967 29.7232C0.243492 30.9401 0.949285 31.7964 1.28562 32.0725C3.26144 33.699 6.93799 34.0152 8.52928 33.9701C12.0231 34.0604 14.4778 33.187 15.8633 32.2382C16.9717 31.4792 17.309 30.2453 17.3391 29.7232L17.4897 10.2662C17.4536 8.98919 16.7317 8.17798 16.3753 7.932L14.523 6.5164L14.2218 6.18509V5.43211L14.7037 5.29657L14.9597 5.07068V1.1074L14.7037 0.89917H14.4326H7.46005L2.70122 0.989528Z' fill='%235A3400'/%3E%3C/svg%3E");
}
main.lp-4 .shop .selections-wrap i.bottle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='34' viewBox='0 0 18 34' fill='none'%3E%3Cpath d='M2.70122 0.989772L2.55906 1.10765V5.07092L3.25843 5.43235V6.03474C3.25843 6.32388 3.11788 6.47649 3.0476 6.51664L1.37597 7.82683C0.171206 8.68222 -0.0396285 9.96027 0.00555025 10.4924L0.110967 29.7235C0.243492 30.9403 0.949285 31.7967 1.28562 32.0728C3.26144 33.6992 6.93799 34.0155 8.52928 33.9703C12.0231 34.0607 14.4778 33.1872 15.8633 32.2384C16.9717 31.4794 17.309 30.2456 17.3391 29.7235L17.4897 10.2665C17.4536 8.98943 16.7317 8.17822 16.3753 7.93225L14.523 6.51664L14.2218 6.18533V5.43235L14.7037 5.29682L14.9597 5.07092V1.10765L14.7037 0.899414H14.4326H7.46005L2.70122 0.989772Z' fill='%2300315A'/%3E%3C/svg%3E");
}

main.lp-1 .shop .card-item.selected .card-title::before,
main.lp-1 .shop .radio-wrap input:checked ~ i.bullet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cg clip-path='url(%23clip0_5_1091)'%3E%3Cpath d='M12.9805 2.06055C7.46047 2.06055 2.98047 6.54055 2.98047 12.0605C2.98047 17.5805 7.46047 22.0605 12.9805 22.0605C18.5005 22.0605 22.9805 17.5805 22.9805 12.0605C22.9805 6.54055 18.5005 2.06055 12.9805 2.06055ZM10.9805 17.0605L5.98047 12.0605L7.39047 10.6505L10.9805 14.2305L18.5705 6.64055L19.9805 8.06055L10.9805 17.0605Z' fill='%23660002'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5_1091'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.980469 0.0605469)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

main.lp-2 .shop .card-item.selected .card-title::before,
main.lp-2 .shop .radio-wrap input:checked ~ i.bullet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cg clip-path='url(%23clip0_26_1568)'%3E%3Cpath d='M12.4902 2.43799C6.97023 2.43799 2.49023 6.91799 2.49023 12.438C2.49023 17.958 6.97023 22.438 12.4902 22.438C18.0102 22.438 22.4902 17.958 22.4902 12.438C22.4902 6.91799 18.0102 2.43799 12.4902 2.43799ZM10.4902 17.438L5.49023 12.438L6.90023 11.028L10.4902 14.608L18.0802 7.01799L19.4902 8.43799L10.4902 17.438Z' fill='%23003B13'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26_1568'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.490234 0.437988)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
main.lp-3 .shop .card-item.selected .card-title::before,
main.lp-3 .shop .radio-wrap input:checked ~ i.bullet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cg clip-path='url(%23clip0_26_1901)'%3E%3Cpath d='M12.4902 2.43774C6.97023 2.43774 2.49023 6.91774 2.49023 12.4377C2.49023 17.9577 6.97023 22.4377 12.4902 22.4377C18.0102 22.4377 22.4902 17.9577 22.4902 12.4377C22.4902 6.91774 18.0102 2.43774 12.4902 2.43774ZM10.4902 17.4377L5.49023 12.4377L6.90023 11.0277L10.4902 14.6077L18.0802 7.01774L19.4902 8.43774L10.4902 17.4377Z' fill='%235A3400'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26_1901'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.490234 0.437744)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
main.lp-4 .shop .card-item.selected .card-title::before,
main.lp-4 .shop .radio-wrap input:checked ~ i.bullet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cg clip-path='url(%23clip0_26_2211)'%3E%3Cpath d='M12.4902 2.43848C6.97023 2.43848 2.49023 6.91848 2.49023 12.4385C2.49023 17.9585 6.97023 22.4385 12.4902 22.4385C18.0102 22.4385 22.4902 17.9585 22.4902 12.4385C22.4902 6.91848 18.0102 2.43848 12.4902 2.43848ZM10.4902 17.4385L5.49023 12.4385L6.90023 11.0285L10.4902 14.6085L18.0802 7.01848L19.4902 8.43848L10.4902 17.4385Z' fill='%2300315A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26_2211'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.490234 0.438477)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

main.lp-1 .shop .card-item .card-title::before,
main.lp-1 .shop .radio-wrap i.bullet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cg clip-path='url(%23clip0_5_1087)'%3E%3Cpath d='M3.49023 12.5391C3.49023 7.57135 7.52252 3.53906 12.4902 3.53906C17.4579 3.53906 21.4902 7.57135 21.4902 12.5391C21.4902 17.5068 17.4579 21.5391 12.4902 21.5391C7.52252 21.5391 3.49023 17.5068 3.49023 12.5391Z' fill='white' stroke='%23660002' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5_1087'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.490234 0.539062)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

main.lp-2 .shop .card-item .card-title::before,
main.lp-2 .shop .radio-wrap i.bullet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cg clip-path='url(%23clip0_26_1571)'%3E%3Cpath d='M3.49023 12.438C3.49023 7.47027 7.52252 3.43799 12.4902 3.43799C17.4579 3.43799 21.4902 7.47027 21.4902 12.438C21.4902 17.4057 17.4579 21.438 12.4902 21.438C7.52252 21.438 3.49023 17.4057 3.49023 12.438Z' fill='white' stroke='%23003B13' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26_1571'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.490234 0.437988)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

main.lp-3 .shop .card-item .card-title::before,
main.lp-3 .shop .radio-wrap i.bullet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cg clip-path='url(%23clip0_26_1904)'%3E%3Cpath d='M3.49023 12.4377C3.49023 7.47003 7.52252 3.43774 12.4902 3.43774C17.4579 3.43774 21.4902 7.47003 21.4902 12.4377C21.4902 17.4055 17.4579 21.4377 12.4902 21.4377C7.52252 21.4377 3.49023 17.4055 3.49023 12.4377Z' fill='white' stroke='%235A3400' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26_1904'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.490234 0.437744)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
main.lp-4 .shop .card-item .card-title::before,
main.lp-4 .shop .radio-wrap i.bullet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cg clip-path='url(%23clip0_26_2211)'%3E%3Cpath d='M3.49023 12.4385C3.49023 7.47076 7.52252 3.43848 12.4902 3.43848C17.4579 3.43848 21.4902 7.47076 21.4902 12.4385C21.4902 17.4062 17.4579 21.4385 12.4902 21.4385C7.52252 21.4385 3.49023 17.4062 3.49023 12.4385Z' fill='white' stroke='%2300315A' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_26_2211'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.490234 0.438477)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

main.lp .shop .description p {
  margin-bottom: 45px;
}

main.lp .shop .description b {
  font-weight: 700;
}

main.lp-1 .color-dark {
  color: var(--lp1_darkColor);
}
main.lp-2 .color-dark {
  color: var(--lp2_darkColor);
}
main.lp-2 .color-dark2 {
  color: var(--lp2_darkColor2);
}
main.lp-3 .color-dark {
  color: var(--lp3_darkColor);
}

main.lp-1 .shop input[type="radio"] {
  accent-color: var(--lp1_darkColor);
  width: 24px;
  height: 24px;
}

main.lp-1 .shop .card-item {
  border: 1px solid rgba(249, 114, 117, 0.5);
}
main.lp-2 .shop .card-item {
  border: 1px solid #219223;
}
main.lp-3 .shop .card-item {
  border: 1px solid rgba(255, 148, 0, 0.5);
}
main.lp-4 .shop .card-item {
  border: 1px solid rgba(25, 144, 244, 0.5);
}

main.lp .shop .cards-area .title {
  font-size: 17px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 15px;
  padding-left: 25px;
}

main.lp .shop .cards-wrap {
  display: flex;
  gap: 35px;
}

main.lp .shop .card-item .card-title::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

main.lp .shop .card-item .card-title {
  display: flex;
  gap: 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 101%;
  margin-bottom: 25px;
  min-height: 41px;
}

main.lp .shop .card-item .card-title:nth-last-child(1) {
  align-items: center;
}

main.lp .shop .card-item {
  border-radius: 24px;
  padding: 38px 25px 22px 25px;
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

main.lp .shop .card-item .card-body {
  margin-bottom: 20px;
}

main.lp .shop .card-item:nth-last-child(1) {
  padding: 38px 35px 22px 35px;
  flex: 2;
}

main.lp .shop .card-item .price-item {
  display: flex;
  align-items: end;
}

main.lp .shop .card-item .price-item span {
  font-size: 17px;
  font-weight: 400;
  line-height: 250%;
}

main.lp .shop .card-item .price-item .price {
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

main.lp .shop .card-item .price-area sup {
  top: -0.4em;
}

main.lp .shop .card-item .card-cta {
  display: flex;
  width: 100%;
  height: 45px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  color: #fff;
  font-family: "Inter";
  font-weight: 500;
  line-height: 95%;
  border: 1px solid transparent;
  transition: 0.3s ease;
}

main.lp .shop .card-item .badge::before {
  content: "";
  width: 270px;
  height: 270px;
  display: block;
  position: absolute;
  top: -120px;
  right: -120px;
  border-radius: 50%;
  z-index: -2;
}

main.lp-1 .shop .card-item .badge::before {
  background-color: rgba(255, 255, 255, 0.2);
}
main.lp-2 .shop .card-item .badge::before {
  background: rgba(255, 255, 255, 0.1);
}
main.lp-3 .shop .card-item .badge::before {
  background: rgba(255, 255, 255, 0.1);
}
main.lp-4 .shop .card-item .badge::before {
  background: rgba(255, 255, 255, 0.1);
}

main.lp .shop .card-item .badge::after {
  content: "";
  width: 185px;
  height: 185px;
  background-color: #fff;
  top: -70px;
  right: -70px;
  border-radius: 50%;
  display: block;
  position: absolute;
  z-index: -1;
}

main.lp .shop .card-item .badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  padding: 20px 15px;
  color: #050505;
  font-size: 24px;
}

main.lp-1 .shop .card-item .card-cta {
  background-color: var(--lp1_primaryColor);
}

main.lp-1 .shop .card-item .card-cta:hover {
  background-color: transparent;
  color: var(--lp1_primaryColor);
  border-color: var(--lp1_primaryColor);
}

main.lp-2 .shop .card-item .card-cta {
  background-color: var(--lp2_primaryColor);
}

main.lp-2 .shop .card-item .card-cta:hover {
  background-color: transparent;
  color: var(--lp2_primaryColor);
  border-color: var(--lp2_primaryColor);
}

main.lp-3 .shop .card-item .card-cta {
  background-color: var(--lp3_primaryColor);
}

main.lp-3 .shop .card-item .card-cta:hover {
  background-color: transparent;
  color: var(--lp3_primaryColor);
  border-color: var(--lp3_primaryColor);
}

main.lp-4 .shop .card-item .card-cta {
  background-color: var(--lp4_primaryColor);
}

main.lp-4 .shop .card-item .card-cta:hover {
  background-color: transparent;
  color: var(--lp4_primaryColor);
  border-color: var(--lp4_primaryColor);
}

main.lp-1 .shop .card-item:nth-last-child(1) {
  background: rgba(249, 114, 117, 0.3);
  border: none;
}

main.lp-2 .shop .card-item:nth-last-child(1) {
  background: rgba(33, 146, 35, 0.1);
  border: none;
}

main.lp-3 .shop .card-item:nth-last-child(1) {
  background: rgba(255, 148, 0, 0.3);
  border: none;
}

main.lp-4 .shop .card-item:nth-last-child(1) {
  background: rgba(25, 144, 244, 0.3);
  border: none;
}

main.lp .banner-line {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  padding: 49px 0 56px 0;
  display: flex;
  justify-content: center;
}

main.lp .banner-line .custom-container {
  max-width: 1634px;
}

main.lp-1 .banner-line {
  background-color: var(--lp1_darkColor);
}
main.lp-2 .banner-line {
  background-color: var(--lp2_darkColor);
}
main.lp-3 .banner-line {
  background-color: var(--lp3_darkColor);
}
main.lp-4 .banner-line {
  background-color: var(--lp4_darkColor);
}

/* s3 */
main.lp .s3 .labels-wrapper {
  display: flex;
  gap: 50px;
  justify-content: space-between;
}

main.lp .s3 .labels-wrapper .label-item {
  position: relative;
  flex: 1;
  height: 552px;
  display: flex;
  justify-content: end;
  opacity: 0.3;
}

main.lp .s3 .labels-wrapper .label-item:nth-child(1) {
  justify-content: start;
}

main.lp .s3 .labels-wrapper .label-item img {
  height: 552px;
  width: 100%;
}

main.lp .s3 .labels-wrapper .label-item.selected {
  z-index: 4;
  opacity: 1;
}

main.lp .s3 .detail-box {
  position: relative;
  z-index: 3;
  padding: 72px 110px 90px 100px;
  margin-top: -187px;
  display: flex;
  gap: 150px;
  border-radius: 0px 0px 35px 35px;
}

main.lp .s3 .detail-box .title-area {
  position: relative;
  z-index: 9;
}

main.lp .s3 .detail-box .badge {
  width: 157px;
  height: 157px;
  position: absolute;
  top: -60%;
  right: 0;
}

main.lp .s3 .detail-box .badge img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

main.lp .s3 .detail-box .vegan-badge {
  color: #ff9400;
  text-align: center;
  font-size: 22.883px;
  font-weight: 700;
  line-height: 95%;
  text-transform: uppercase;
  width: 141.464px;
  height: 141.464px;
  border-radius: 50%;
  background-color: var(--lp3_darkColor);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -20%;
  right: 20%;
}

main.lp .s3 .detail-box .image-area {
  position: relative;
}

main.lp .s3 .detail-box .box-left {
  padding-top: 95px;
  flex: 1;
}

main.lp .s3 .detail-box .box-left .title {
  color: #fff;
  font-family: "Inter";
  font-size: 72px;
  font-weight: 700;
  line-height: 90%;
  margin-bottom: 35px;
}

main.lp .s3 .detail-box .box-left .description p {
  color: #fff;
}

main.lp .s3 .detail-box .box-right {
  flex: 2;
}

main.lp .s3 .box-right {
  display: flex;
  gap: 40px;
}

main.lp-1 .s3 .box-right .detail-item {
  padding-right: 49px;
  border-right: 1px solid var(--lp1_darkColor);
  display: flex;
  flex-direction: column;
  flex: 1;
}

main.lp-2 .s3 .box-right .detail-item {
  padding-right: 49px;
  border-right: 1px solid var(--lp2_darkColor);
  display: flex;
  flex-direction: column;
  flex: 1;
}

main.lp-2 .s3 .box-right .detail-item:nth-last-child(1),
main.lp-1 .s3 .box-right .detail-item:nth-last-child(1) {
  padding: 0;
  border: none;
}

main.lp .s3 .box-right .detail-item .title {
  font-family: "Inter";
  font-size: 44px;
  font-weight: 700;
  line-height: 100%;
  flex: 1;
}

main.lp-4 .s3 .box-right .detail-item .title {
  margin-bottom: 20px;
}

main.lp .s3 .box-right .detail-item .image-area {
  margin: 35px 0 40px 0;
}

main.lp-4 .s3 .box-right .detail-item .image-area {
  position: relative;
  width: max-content;
}

main.lp-4 .s3 .image-area .sodium-badge {
  color: #fff;
  text-align: center;
  font-size: 22.883px;
  font-weight: 700;
  line-height: 95%;
  text-transform: uppercase;
  width: 141.464px;
  height: 141.464px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--lp4_darkColor);
  border-radius: 50%;
  position: absolute;
  top: -30px;
  right: -40px;
}

main.lp-4 .s3 .image-wrap {
  display: flex;
  gap: 60px;
  align-items: end;
}

main.lp-4 .s3 .image-wrap .subtitle {
  color: #00315a;
  font-family: "Inter";
  font-size: 33px;
  font-weight: 500;
  line-height: 100%;
  max-width: 290px;
  padding-bottom: 100px;
}

main.lp .s3 .box-right .detail-item p {
  color: #000;
  line-height: 130%;
}

main.lp-1 .s3 .detail-box {
  background-color: var(--lp1_primaryColor);
}
main.lp-2 .s3 .detail-box {
  background-color: #219223;
}
main.lp-3 .s3 .detail-box {
  background-color: #f89d24;
  flex-direction: row-reverse;
}
main.lp-4 .s3 .detail-box {
  background-color: #1990f4;
  flex-direction: row-reverse;
}

main.lp .s4 {
  padding: 43px 0 59px 0;
}

main.lp .s4 .content-row::before {
  content: "";
  border-radius: 35px;
  -webkit-backdrop-filter: blur(22.5px);
  backdrop-filter: blur(22.5px);
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
}

main.lp-1 .s4 .content-row::before {
  background: rgba(249, 114, 117, 0.3);
}
main.lp-2 .s4 .content-row::before {
  background: rgba(143, 214, 145, 0.3);
}
main.lp-3 .s4 .content-row::before {
  background: rgba(255, 185, 88, 0.3);
}
main.lp-4 .s4 .content-row::before {
  background: rgba(172, 215, 252, 0.3);
}

main.lp .s4 .content-row {
  display: flex;
  position: relative;
}

main.lp .s4 .content-row .content-area {
  position: relative;
  flex: 2;
}

main.lp .s4 .content-row .content-area::before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 140px);
  -webkit-backdrop-filter: blur(22.5px);
  backdrop-filter: blur(22.5px);
  border-radius: 29px;
  z-index: -2;
  top: 70px;
  left: 40px;
}

main.lp-1 .s4 .content-row .content-area::before {
  background: #ffc3c3;
}
main.lp-2 .s4 .content-row .content-area::before {
  background: #8fd691;
}
main.lp-3 .s4 .content-row .content-area::before {
  background: #ffb958;
}
main.lp-4 .s4 .content-row .content-area::before {
  background: #acd7fc;
}

main.lp .s4 .content-row .content-wrap {
  padding: 110px 160px 40px 70px;
}

main.lp .s4 .content-row .image-area {
  position: relative;
  flex: 1;
}

main.lp .s4 .content-row .image-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0px 24px 24px 0px;
}

main.lp .s4 .content-row .image-area .badge {
  position: absolute;
  left: -200px;
  top: 0;
}

main.lp .s4 .content-row .title {
  font-family: "Inter";
  font-size: 72px;
  font-weight: 700;
  line-height: 90%;
  margin-bottom: 25px;
}

main.lp .s4 .content-row .description {
  max-width: 817px;
  position: relative;
  z-index: 2;
}

main.lp .s4 .content-row .description p {
  margin-bottom: 25px;
}

main.lp .s4 .content-row .cta-btn {
  color: #fff;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 500;
  line-height: 95%;
  border-radius: 12px;
  display: flex;
  width: 285.387px;
  height: 49.755px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: 0.3s ease;
}

main.lp-1 .s4 .content-row .cta-btn {
  background-color: var(--lp1_primaryColor);
}
main.lp-2 .s4 .content-row .cta-btn {
  background-color: var(--lp2_primaryColor);
}
main.lp-3 .s4 .content-row .cta-btn {
  background-color: var(--lp3_primaryColor);
}
main.lp-4 .s4 .content-row .cta-btn {
  background-color: var(--lp4_primaryColor);
}

main.lp-1 .s4 .content-row .cta-btn:hover {
  background-color: #fff;
  color: var(--lp1_primaryColor);
  border-color: var(--lp1_primaryColor);
}
main.lp-2 .s4 .content-row .cta-btn:hover {
  background-color: #fff;
  color: var(--lp2_primaryColor);
  border-color: var(--lp2_primaryColor);
}
main.lp-3 .s4 .content-row .cta-btn:hover {
  background-color: #fff;
  color: var(--lp3_primaryColor);
  border-color: var(--lp3_primaryColor);
}
main.lp-4 .s4 .content-row .cta-btn:hover {
  background-color: #fff;
  color: var(--lp4_primaryColor);
  border-color: var(--lp4_primaryColor);
}

/* s5 */
main.lp .s5 .content-area {
  padding: 130px 135px 130px 225px;
  border-radius: 35px;
}

main.lp .s5 .content-area .title {
  color: #fff;
  font-family: "Inter";
  font-size: 72px;
  font-weight: 700;
  line-height: 90%;
  margin-bottom: 58px;
  max-width: 700px;
}

main.lp .s5 .content-area .contact-items {
  display: flex;
  align-items: center;
  gap: 180px;
}

main.lp .s5 .content-area .contact-item {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 85px;
}

main.lp .s5 .content-area .contact-item i {
  display: flex;
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

main.lp .s5 .content-area .contact-item p,
main.lp .s5 .content-area .contact-item a {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
  margin-bottom: 0;
}

main.lp .s5 .form-area {
  display: flex;
  gap: 105px;
  width: 100%;
}

main.lp .s5 .form-area label {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  padding-left: 3.5px;
  margin-bottom: 10px;
}

main.lp .s5 .form-area .form-right,
main.lp .s5 .form-area .form-left {
  flex: 1;
}

main.lp .s5 .form-area textarea,
main.lp .s5 .form-area input[type="text"],
main.lp .s5 .form-area input[type="email"],
main.lp .s5 .form-area input[type="tel"] {
  width: 100%;
  padding: 15px 25px;
  border-radius: 12px;
  border: 1px solid #d9d9d9;
  background-color: transparent;
  outline: none;
  font-size: 18px;
  line-height: 130%;
  color: #fff;
}

main.lp .s5 .form-area textarea::placeholder,
main.lp .s5 .form-area input::placeholder {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  opacity: 0.4;
}

main.lp .s5 .form-area textarea {
  height: 204px;
  resize: none;
}

main.lp .s5 .form-area .form-left .input-wrap {
  margin-bottom: 32px;
}

main.lp .s5 .form-area .form-right .input-wrap {
  margin-bottom: 40px;
}

main.lp .s5 .form-area input[type="submit"] {
  display: flex;
  width: 100%;
  max-width: 350px;
  height: 55px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "Inter";
  font-size: 20px;
  font-weight: 500;
  line-height: 95%;
  border: none;
  border-radius: 12px;
  transition: 0.3s ease;
}

main.lp-1 .s5 .form-area input[type="submit"] {
  background-color: var(--lp1_primaryColor);
}
main.lp-2 .s5 .form-area input[type="submit"] {
  background-color: var(--lp2_primaryColor);
}
main.lp-3 .s5 .form-area input[type="submit"] {
  background-color: var(--lp3_primaryColor);
}
main.lp-4 .s5 .form-area input[type="submit"] {
  background-color: var(--lp4_primaryColor);
}

main.lp-1 .s5 .form-area input[type="submit"]:hover {
  color: var(--lp1_primaryColor);
  background-color: #fff;
}
main.lp-2 .s5 .form-area input[type="submit"]:hover {
  color: var(--lp2_primaryColor);
  background-color: #fff;
}
main.lp-3 .s5 .form-area input[type="submit"]:hover {
  color: var(--lp3_primaryColor);
  background-color: #fff;
}
main.lp-4 .s5 .form-area input[type="submit"]:hover {
  color: var(--lp4_primaryColor);
  background-color: #fff;
}

/* -------------------------------------------------------------------------- */
/*	7b. Template: Home
/* -------------------------------------------------------------------------- */

main.home {
  padding-top: 127px;
}

#header.header_home {
  padding: 20px 0 10px 0;
}

#header.header_home .logo-area {
  width: 204px;
  height: 70px;
  display: flex;
  max-height: 70px;
}

#header.header_home .logo-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#header.header_home .main-menu {
  gap: 73px;
  flex: 1;
}

#header.header_home .main-menu.menu-end {
  justify-content: end;
}

#header.header_home .main-menu .menu-item.menu-btn a {
  border-radius: 12px;
  border: 1px solid #415e69;
  display: flex;
  width: 228px;
  height: 45px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  color: #415e69;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

main.home .s1 .hero {
  border-radius: 24px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

main.home .s1 .hero .bg-area {
  width: 100%;
  height: 500px;
}

main.home .s1 .hero video {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  object-fit: cover;
}

main.home .s1 .title {
  color: #fff;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
  line-height: 90%;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

main.home .s1 p {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 0;
}

main.home .s1 .hero-btn {
  color: #415e69;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 95%;
  display: flex;
  width: 304px;
  height: 54px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
}

main.home .s1 .content-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  max-width: 1060px;
  position: absolute;
  z-index: 2;
  padding: 0 30px;
}

main.home .s1 .banner-badge {
  position: absolute;
  top: 0;
  right: 100px;
}

main.home .s2 {
  padding: 160px 0;
}

main.home .s2 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.home .s2 .title {
  color: #660002;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 56px;
  font-weight: 700;
  line-height: 90%;
  letter-spacing: 5.6px;
  text-transform: uppercase;
  margin-bottom: 61px;
}

main.home .s2 .boxes-wrapper {
  display: flex;
  gap: 25px;
  justify-content: center;
  max-width: 1190px;
}

main.home .s2 .box-item {
  padding: 45px 40px 25px 40px;
  border-radius: 12px;
  border: 1px solid #415e69;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}

main.home .s2 .box-item .box-title {
  color: #660002;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  flex: 1;
}

main.home .s2 .box-item p {
  color: #3f3f3f;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

main.home .s3 {
  padding-bottom: 160px;
}

main.home .s3 .subtitle {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  text-align: center;
  margin-bottom: 10px;
}

main.home .s3 .title {
  color: #660002;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 56px;
  font-weight: 700;
  line-height: 90%;
  letter-spacing: 5.6px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

main.home .s3 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.home .s3 p {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  max-width: 880px;
}

main.home .s4 .banner {
  background-image: url(../images/home/banner.png);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  min-height: 315px;
  border-radius: 24px;
  padding: 60px 0 60px 225px;
}

main.home .s4 .banner .title {
  color: #fff;
  font-family: "Bebas Neue";
  font-size: 56px;
  font-weight: 700;
  line-height: 107%;
  letter-spacing: 5.6px;
  text-transform: uppercase;
  margin-bottom: 35px;
}

#mobileMenu .mobile-menu .menu-item.menu-btn.home a{
  display: flex;
  width: 304px;
  height: 54px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  color: #660002;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 95%;
  border-radius: 12px;
  border: 1px solid #660002;
}
main.home .s4 .banner .banner-btn {
  color: #660002;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 95%;
  border-radius: 12px;
  background: #fff;
  display: flex;
  width: 304px;
  height: 54px;
  padding: 10px;
  justify-content: center;
  align-items: center;
}

main.home .s5 {
  padding: 160px 0;
}

main.home .s5 .content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main.home .s5 .title {
  color: #660002;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 56px;
  font-weight: 700;
  line-height: 90%;
  letter-spacing: 5.6px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

main.home .s5 .subtext {
  max-width: 804px;
}

main.home .s5 p {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

main.home .s5 .boxes-wrap {
  display: flex;
  justify-content: center;
  gap: 24px;
  padding: 0 24px;
  margin: 17px 0 33px 0;
}

main.home .s5 .boxes-wrap .box-item {
  flex: 1;
  border-radius: 12px;
  background: #d2e4e7;
  padding: 30px 45px;
}

main.home .s5 .boxes-wrap .box-item ul {
  padding-left: 1.25rem;
}

main.home .s5 .boxes-wrap .box-item li {
  color: #415e69;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  list-style: disc;
  max-width: 410px;
}

main.home .s6 {
  padding-bottom: 160px;
}

main.home .s6 .box-wrap {
  border-radius: 12px;
  border: 1px solid #415e69;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(17px);
  background-image: url(../images/home/bg-circle-1.svg);
  background-position: left -50px bottom -20px;
  background-repeat: no-repeat;
  background-size: 1057px;
  padding: 65px 47px 63px 38px;
}

main.home .s6 .box-wrap .content-row {
  display: flex;
}

main.home .s6 .title-area {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 20px;
  margin-bottom: 35px;
}

main.home .s6 .title-area .title {
  color: #660002;
  font-family: "Bebas Neue";
  font-size: 56px;
  font-weight: 700;
  line-height: 90%;
  letter-spacing: 5.6px;
  text-transform: uppercase;
  padding-right: 240px;
}

main.home .s6 .title-area .subtitle {
  display: flex;
  gap: 7px;
}

main.home .s6 .title-area .subtitle b {
  display: flex;
  flex-direction: column;
  position: relative;
}

main.home .s6 .title-area .subtitle b::after {
  content: "";
  width: 417.862px;
  height: 2px;
  background: #660002;
  display: block;
}

main.home .s6 .image-area {
  z-index: 2;
  position: relative;
  width: 770px;
}

main.home .s6 .image-area img {
  width: 100%;
  object-fit: contain;
}

main.home .s6 .content-area {
  border-radius: 12px;
  background: #d2e4e7;
  padding: 51px 45px 57px 106px;
  margin-left: -100px;
  flex: 1;
}

main.home .s6 .content-area .subtitle {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 25px;
}

main.home .s6 .content-area ul {
  padding-left: 3rem;
}

main.home .s6 .content-area li {
  list-style: disc;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 10px;
  max-width: 510px;
}

main.home .s7 .banner-box {
  border-radius: 24px;
  position: relative;
  display: flex;
  align-items: center;
}

main.home .s7 .banner-box .bg-video {
  height: 513px;
  width: 100%;
}

main.home .s7 .banner-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}

main.home .s7 .banner-box .content-area {
  position: absolute;
  z-index: 2;
  padding-left: 136px;
}

main.home .s7 .banner-box .title {
  color: #fff;
  font-family: "Bebas Neue";
  font-size: 56px;
  font-weight: 700;
  line-height: 107%;
  letter-spacing: 5.6px;
  text-transform: uppercase;
  max-width: 460px;
  margin-bottom: 79px;
}

main.home .s7 .banner-box .banner-btn {
  color: #660002;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 95%;
  display: flex;
  width: 304px;
  height: 54px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #fff;
}

/* -------------------------------------------------------------------------- */
/*	7z. Template: Full Width
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	8. Post: Archive
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	9. Post: Single
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	10. Blocks
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	11. Entry Content
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	13. Site Pagination
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	14. Error 404
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	15.	Extras
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	16. Site Footer
/* -------------------------------------------------------------------------- */

#footer {
  padding: 46px 0 125px 0;
}

#footer .footer-wrapper {
  display: flex;
  justify-content: space-between;
}

#footer .footer-right {
  display: flex;
  align-items: center;
  gap: 166px;
}

#footer .logo-area {
  width: 245px;
  height: 45px;
}

#footer .logo-area img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left;
}

#footer .logo-wrap {
  display: flex;
  align-items: center;
  gap: 30px;
}

#footer .footer-right a,
#footer span {
  color: #000;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 300;
  line-height: 95%;
  text-decoration: none;
}

#footer .copyright {
  color: #000;
  font-family: "Inter";
  font-size: 10px;
  font-weight: 300;
  line-height: 95%;
  margin-top: 15px;
}

#footer .social-media {
  display: flex;
  align-items: center;
  gap: 30px;
}

#footer .social-media-items {
  display: flex;
  align-items: center;
  gap: 34px;
}

#footer .social-media-items i {
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  display: flex;
}

.footer_lp_2 .social-media-items i.instagram,
.footer_lp_1 .social-media-items i.instagram {
  background-image: url(../images/social_media/instagram_red.svg);
}
.footer_lp_2 .social-media-items i.envelope,
.footer_lp_1 .social-media-items i.envelope {
  background-image: url(../images/social_media/envelope_red.svg);
}
.footer_lp_2 .social-media-items i.facebook,
.footer_lp_1 .social-media-items i.facebook {
  background-image: url(../images/social_media/facebook_red.svg);
}
.footer_lp_3 .social-media-items i.instagram {
  background-image: url(../images/social_media/instagram_orange.svg);
}
.footer_lp_3 .social-media-items i.envelope {
  background-image: url(../images/social_media/envelope_orange.svg);
}
.footer_lp_3 .social-media-items i.facebook {
  background-image: url(../images/social_media/facebook_orange.svg);
}
.footer_lp_4 .social-media-items i.instagram {
  background-image: url(../images/social_media/instagram_blue.svg);
}
.footer_lp_4 .social-media-items i.envelope {
  background-image: url(../images/social_media/envelope_blue.svg);
}
.footer_lp_4 .social-media-items i.facebook {
  background-image: url(../images/social_media/facebook_blue.svg);
}

/* -------------------------------------------------------------------------- */
/*	17. Media Queries
/* -------------------------------------------------------------------------- */

@media (max-width: 1799px) {
  #header .logo-wrapper {
    gap: 15px;
  }

  #header .main-menu {
    gap: 25px;
  }

  main.lp .s3 .labels-wrapper .label-item img {
    height: 514px;
  }

  main.lp .s3 .detail-box {
    margin-top: -212px;
  }

  main.lp .s4 .content-row .title,
  main.lp .s3 .detail-box .box-left .title,
  main.lp .shop h2.title {
    font-size: 64px;
  }

  main.lp .s3 .detail-box .badge {
    width: 120px;
    height: 120px;
    top: -40%;
  }

  main.lp .s3 .box-right .detail-item .title {
    font-size: 36px;
    min-height: 108px;
    flex: none;
  }

  main.lp-4 .s3 .box-right .detail-item .title {
    min-height: auto !important;
  }

  main.lp .s3 .detail-box .vegan-badge {
    width: 120px;
    height: 120px;
    top: -50px;
    right: 70px;
  }
}

@media (max-width: 1699px) {
  main.lp .s3 .labels-wrapper .label-item img {
    height: 482px;
  }

  main.lp .s3 .detail-box {
    margin-top: -234px;
  }

  main.lp .s4 .content-row .content-wrap {
    padding: 90px 90px 40px 65px;
  }
}

@media (max-width: 1599px) {
  #header {
    padding: 30px 0 20px 0;
  }
  #header .main-menu .menu-item a,
  #header .logo-wrapper span {
    font-size: 16px;
  }
  #header .main-menu .menu-item.menu-btn a {
    width: 245px;
    height: 43px;
  }

  main.lp .banner-area .banner-box .title {
    font-size: 105px;
    max-width: 450px;
  }

  main.lp .banner-area .banner-box .product-image {
    width: 225px;
  }

  main.lp .banner-area .banner-box .product-name {
    font-size: 32px;
  }

  main.lp .banner-area .price-area .price {
    font-size: 38px;
  }

  main.lp .banner-area .banner-box .description {
    max-width: 600px;
    padding-right: 45px;
  }

  main.lp .banner-area .banner-box .banner-badge {
    max-width: 300px;
    right: -2.1%;
  }

  main.lp .s3 .labels-wrapper .label-item img {
    height: 450px;
  }

  main.lp .s3 .detail-box {
    margin-top: -255px;
    padding: 72px 90px 75px 75px;
  }

  main.lp .s3 .detail-box .box-left {
    padding-top: 75px;
  }

  main.lp .s3 .detail-box .badge {
    top: -55%;
  }

  main.lp .s5 .content-area {
    padding: 125px 100px 100px 125px;
  }

  main.lp .s4 .content-row .title,
  main.lp .s3 .detail-box .box-left .title,
  main.lp .shop h2.title {
    font-size: 56px;
  }

  main.lp .s5 .content-area .title {
    font-size: 64px;
  }

  main.lp .s3 .box-right .detail-item p,
  main.lp .s3 .detail-box .box-left .description p,
  main.lp .s5 .content-area .contact-item p,
  main.lp .s5 .content-area .contact-item a,
  main.lp .s5 .form-area label,
  main.lp .s4 .content-row .description p,
  main.lp .s4 .content-row .description b,
  main.lp .banner-line .description,
  main.lp .shop .radio-wrap span,
  main.lp .shop .description p,
  main.lp .shop .description b {
    font-size: 18px;
  }

  main.lp .banner-line .custom-container {
    max-width: 1510px;
  }

  main.lp .shop .card-item .badge {
    font-size: 22px;
  }

  main.lp .s5 .content-area .contact-item {
    margin-bottom: 50px;
  }

  main.lp .s4 .content-row .image-area .badge {
    width: 280px;
    left: -140px;
  }

  #header.header_home .main-menu {
    gap: 53px;
  }

  #footer .footer-right {
    gap: 100px;
  }
}

@media (max-width: 1399px) {
  #header .logo-area {
    width: 200px;
    max-height: 36px;
  }

  #header .logo-wrapper span {
    font-size: 14px;
    position: relative;
    top: 2px;
  }

  #header .main-menu {
    gap: 20px;
  }

  main.lp .banner-area .banner-box .title {
    font-size: 96px;
    max-width: 420px;
  }

  main.lp .banner-area .banner-box .banner-badge {
    top: -25%;
  }

  main.lp .banner-area .banner-box .product-image {
    width: 205px;
  }

  main.lp .banner-area .banner-box .product-name {
    font-size: 28px;
    max-width: 225px;
  }

  main.lp .banner-area .banner-box .description {
    font-size: 16px;
  }

  main.lp .banner-box {
    padding: 60px 35px 45px 60px;
  }

  main.lp .s4 .content-row .title,
  main.lp .s3 .detail-box .box-left .title,
  main.lp .shop h2.title {
    font-size: 48px;
  }

  main.lp .shop .card-item .price-item .price {
    font-size: 38px;
  }

  main.lp .shop .card-item .price-item span {
    font-size: 15px;
  }

  main.lp .shop .card-item .card-title {
    font-size: 18px;
  }

  main.lp .s3 .box-right .detail-item .title {
    font-size: 32px;
    min-height: 100px;
  }

  main.lp .s3 .box-right .detail-item .image-area {
    max-width: 250px;
    margin-top: 50px;
  }

  main.lp .s3 .detail-box .badge {
    top: -45%;
    width: 90px;
    height: 90px;
  }

  main.lp .s4 .content-row .description {
    max-width: 700px;
  }

  main.lp .s5 .content-area .title {
    font-size: 56px;
  }

  main.lp .s5 .form-area {
    gap: 50px;
  }

  main.lp .s5 .content-area {
    padding: 100px 75px 90px 100px;
  }

  main.lp .shop .content-row {
    gap: 75px;
  }

  main.lp .s3 .detail-box {
    gap: 100px;
  }

  main.lp .s3 .detail-box {
    gap: 100px;
    margin-top: -274px;
  }

  main.lp .s3 .labels-wrapper .label-item img {
    height: 420px;
  }

  main.lp .s3 .detail-box .box-left {
    padding-top: 50px;
  }

  main.lp .s5 .content-area .contact-items {
    gap: 100px;
  }

  main.lp .s5 .content-area .contact-item {
    gap: 20px;
  }

  main.lp-4 .s3 .image-area .sodium-badge {
    width: 100px;
    height: 100px;
    font-size: 18px;
  }

  main.lp-4 .s3 .image-wrap .subtitle {
    font-size: 24px;
    max-width: 200px;
    padding-bottom: 75px;
  }

  main.home .s1 .banner-badge {
    right: 50px;
  }

  main.home .s5,
  main.home .s2 {
    padding: 120px 0;
  }

  main.home .s6,
  main.home .s3 {
    padding-bottom: 120px;
  }

  main.home .s6 .image-area {
    width: 600px;
  }

  main.home .s6 .box-wrap {
    background-position: left -130px bottom -20px;
  }

  main.home .s1 .banner-badge {
    width: 100px;
  }

  #header.header_home .main-menu {
    gap: 30px;
  }

  #footer .footer-right {
    gap: 50px;
  }

  #footer .social-media-items {
    gap: 20px;
  }

  #footer .copyright {
    max-width: 575px;
    line-height: 100%;
  }

  #footer .logo-wrap {
    gap: 10px;
  }
}

@media (max-width: 1199px) {
  #header .main-menu {
    display: none;
  }

  #header .mobile-menu-btn {
    display: flex;
  }

  #header .logo-wrapper {
    gap: 10px;
  }

  main.lp .banner-area .banner-box {
    flex-direction: column-reverse;
  }

  main.lp .banner-area .banner-box .banner-badge {
    top: -150px;
    right: -25px;
  }

  main.lp .banner-area .banner-box .product-area {
    display: none;
  }

  main.lp .banner-area .banner-box .product-area-mobile {
    display: flex;
    flex-direction: column;
  }

  main.lp .banner-area .banner-box .banner-details {
    gap: 30px;
  }

  main.lp .banner-area .banner-box .product-image img {
    mix-blend-mode: lighten;
  }

  main.lp .s3 .detail-box {
    flex-direction: column;
    gap: 45px;
    margin-top: -320px;
  }

  main.lp .s3 .labels-wrapper {
    overflow-x: scroll;
  }

  main.lp .s3 .labels-wrapper::-webkit-scrollbar {
    display: none;
    opacity: 0;
    visibility: hidden;
  }

  main.lp .s3 .labels-wrapper .label-item {
    flex: none;
    width: 245px;
  }

  main.lp .s3 .labels-wrapper .label-item img {
    height: 350px;
  }

  main.lp .shop .content-row {
    gap: 45px;
    flex-direction: column;
  }

  main.lp .s4 .content-row .title,
  main.lp .s3 .detail-box .box-left .title,
  main.lp .shop h2.title {
    font-size: 38px;
  }

  main.lp .s5 .content-area .title {
    font-size: 48px;
    max-width: 500px;
  }

  main.lp .s4 .content-row .content-wrap {
    padding: 75px 55px 75px 75px;
  }

  main.lp .s5 .form-area {
    gap: 0;
    flex-direction: column;
  }

  main.lp .s5 .content-area .contact-items {
    gap: 50px;
  }

  main.lp-4 .s3 .image-wrap {
    gap: 30px;
  }

  main.home .s6 .box-wrap .content-row {
    flex-direction: column;
    gap: 45px;
  }

  main.home .s6 .content-area {
    margin-left: 0;
  }

  main.home .s6 .image-area {
    width: 100%;
  }

  main.home .s6 .box-wrap {
    background-position: top -40px left;
  }

  main.home .s1 .title {
    font-size: 64px;
  }

  main.home .s2 .title {
    font-size: 48px;
    margin-bottom: 35px;
  }

  main.home .s5 .title,
  main.home .s3 .title {
    font-size: 48px;
    margin-bottom: 20px;
  }

  main.home .s5 .boxes-wrap .box-item li {
    font-size: 20px;
  }

  main.home .s5 .boxes-wrap .box-item {
    padding: 25px;
  }

  main.home .s6 .title-area .title {
    font-size: 48px;
    padding-right: 200px;
  }

  main.home .s5,
  main.home .s2 {
    padding: 100px 0;
  }

  main.home .s6,
  main.home .s3 {
    padding-bottom: 100px;
  }

  main.home .s4 .banner {
    padding: 60px 0 60px 125px;
  }

  main.home .s4 .banner .title {
    font-size: 48px;
  }

  main.home .s7 .banner-box .content-area {
    padding-left: 100px;
  }

  main.home .s7 .banner-box .title {
    margin-bottom: 40px;
    font-size: 48px;
    max-width: 350px;
  }

  main.home .s7 .banner-box .bg-video {
    height: 400px;
  }

  main.home .s1 .hero .bg-area {
    height: 420px;
  }

  #footer .footer-wrapper {
    flex-direction: column;
    gap: 45px;
  }

  #footer .copyright {
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  main.lp .banner-area .banner-box .title {
    font-size: 72px;
  }

  main.lp .banner-area .banner-box .description {
    max-width: 100%;
    padding-right: 0;
    border-right: none;
  }

  main.lp .banner-area .banner-box .product-details {
    flex-wrap: wrap;
    align-items: end;
  }

  main.lp .banner-area .banner-box .cta-area {
    justify-content: start;
  }

  main.lp .s3 .box-right .detail-item .title {
    font-size: 24px;
    min-height: 50px;
  }

  main.lp .s4 .content-row .content-wrap {
    padding: 60px 50px 75px 45px;
  }

  main.lp .s3 .detail-box {
    padding: 55px 50px 50px 45px;
  }

  main.lp .s5 .content-area .title {
    font-size: 38px;
    max-width: 400px;
    margin-bottom: 35px;
  }

  main.lp .s5 .content-area .contact-items {
    gap: 25px;
    flex-direction: column;
    align-items: start;
    margin-bottom: 45px;
  }

  main.lp .s5 .content-area .contact-item {
    margin-bottom: 0;
    gap: 10px;
  }

  main.lp .s5 .content-area {
    padding: 75px 50px 50px 55px;
  }

  main.home .s1 .content-area {
    gap: 20px;
    padding: 0 20px;
  }

  main.home .s1 .banner-badge {
    right: 20px;
    width: 75px;
  }

  main.home .s1 .title {
    font-size: 42px;
  }

  main.home .s3 .subtitle,
  main.home .s5 .boxes-wrap .box-item li,
  main.home .s5 p,
  main.home .s3 p,
  main.home .s1 p {
    font-size: 18px;
  }

  main.home .s5,
  main.home .s2 {
    padding: 75px 0;
  }

  main.home .s6,
  main.home .s3 {
    padding-bottom: 75px;
  }

  main.home .s2 .title {
    font-size: 36px;
    margin-bottom: 20px;
  }

  main.home .s2 .box-item .box-title {
    font-size: 20px;
  }

  main.home .s2 .box-item {
    gap: 10px;
  }

  main.home .s5 .title,
  main.home .s3 .title {
    font-size: 36px;
    margin-bottom: 10px;
  }

  main.home .s2 .boxes-wrapper {
    flex-direction: column;
  }

  main.home .s4 .banner {
    padding: 45px 0 45px 75px;
    min-height: 275px;
  }

  main.home .s5 .boxes-wrap {
    flex-direction: column;
  }

  main.home .s6 .title-area .title {
    font-size: 36px;
  }

  main.home .s6 .title-area {
    gap: 10px;
  }

  main.home .s7 .banner-box .bg-video {
    height: 300px;
  }

  main.home .s7 .banner-box .title {
    font-size: 36px;
    max-width: 300px;
  }

  #footer {
    padding: 45px 0 75px 0;
  }
}

@media (max-width: 820px) {
  main.lp .s4 .content-row {
    flex-direction: column;
  }

  main.lp .s4 .content-row .content-area::before {
    left: 0;
  }

  main.lp .s4 .content-row .image-area img {
    border-radius: 24px;
  }

  main.lp .s4 .content-row .image-area .badge {
    left: auto;
    right: 0;
    top: -140px;
  }
}

@media (max-width: 768px) {
  main.lp .banner-area .banner-box .title {
    font-size: 64px;
  }

  main.lp .banner-area .banner-box .banner-badge {
    max-width: 200px;
    top: -100px;
    right: -15px;
  }

  main.lp .banner-box {
    padding: 45px 25px 45px 35px;
  }

  main.lp .banner-area .banner-box .product-name {
    font-size: 24px;
  }

  main.lp .s3 .detail-box .box-right {
    flex-direction: column;
    gap: 45px;
  }

  main.lp-2 .s3 .box-right .detail-item,
  main.lp-1 .s3 .box-right .detail-item {
    padding-right: 0;
    border-right: none;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--lp1_darkColor);
  }

  main.lp-2 .s3 .box-right .detail-item {
    border-bottom: 1px solid var(--lp2_darkColor);
  }
}

@media (max-width: 576px) {
  #header .logo-wrapper span {
    font-size: 10px;
    max-width: 90px;
  }

  #header .logo-area {
    width: 150px;
    max-height: 30px;
  }

  #header .logo-wrapper {
    gap: 5px;
  }

  main.lp {
    padding-top: 100px;
  }

  main.lp .banner-area .banner-box .title {
    font-size: 48px;
  }

  main.lp .banner-area .banner-box .banner-badge {
    max-width: 150px;
    top: -80px;
    right: -12px;
  }

  main.lp .banner-area .banner-box .product-image {
    width: 150px;
  }

  main.lp .banner-area .banner-box .cta-area {
    justify-content: end;
  }

  main.lp .banner-area .banner-box .banner-cta {
    width: 175px;
    height: 45px;
    font-size: 15px;
  }

  main.lp .banner-area .price-area .price {
    font-size: 32px;
  }

  main.lp .banner-area .price-area span {
    font-size: 16px;
  }

  main.lp .banner-area .banner-box {
    min-height: auto;
  }

  main.lp .banner-area .banner-box {
    padding: 80px 25px 35px 25px;
    background-position: right 21% center;
  }

  main.lp-3 .banner-area .banner-box {
    background-position: right 12% center;
  }

  main.lp-4 .banner-area .banner-box {
    padding: 100px 25px 35px 25px;
    background-position: right center;
  }

  main.lp-2 .banner-area .banner-box {
    padding-top: 120px;
  }

  main.lp .banner-area .banner-box .product-details,
  main.lp .banner-area .banner-box .banner-details {
    gap: 20px;
  }

  main.lp .shop {
    padding: 45px 0;
  }

  main.lp .s4 .content-row .title,
  main.lp .s3 .detail-box .box-left .title,
  main.lp .shop h2.title {
    font-size: 28px;
  }

  main.lp .shop h2.title {
    margin-bottom: 25px;
  }

  main.lp .shop .cards-wrap {
    flex-direction: column;
    gap: 20px;
  }

  main.lp .shop .card-item .card-title {
    min-height: auto;
  }

  main.lp .s3 .box-right .detail-item p,
  main.lp .s3 .detail-box .box-left .description p,
  main.lp .s5 .content-area .contact-item p,
  main.lp .s5 .content-area .contact-item a,
  main.lp .s5 .form-area label,
  main.lp .s4 .content-row .description p,
  main.lp .s4 .content-row .description b,
  main.lp .banner-line .description,
  main.lp .shop .radio-wrap span,
  main.lp .shop .description p,
  main.lp .shop .description b {
    font-size: 16px;
  }

  main.lp .s3 .box-right .detail-item .image-area {
    max-width: 200px;
  }

  main.lp .s3 .labels-wrapper {
    gap: 25px;
  }

  main.lp .shop .card-item .badge {
    font-size: 20px;
  }

  main.lp .shop .selections-wrap {
    gap: 20px;
    margin-bottom: 42px;
  }

  main.lp .s3 .detail-box {
    padding: 55px 25px 50px 25px;
  }

  main.lp .s4 .content-row .content-wrap {
    padding: 50px 25px 75px 25px;
  }

  main.lp .s5 .content-area {
    padding: 50px 25px 50px 25px;
  }

  main.lp .s5 .content-area .title {
    font-size: 28px;
  }

  main.lp .s5 .content-area .contact-item i {
    width: 28px;
    height: 28px;
  }

  main.lp .s5 .form-area .form-left .input-wrap {
    margin-bottom: 17px;
  }

  main.lp .s5 .form-area textarea::placeholder,
  main.lp .s5 .form-area input::placeholder {
    font-size: 14px;
  }

  main.lp-4 .s3 .image-wrap {
    gap: 30px;
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }

  main.lp-4 .s3 .image-wrap .subtitle {
    padding-bottom: 30px;
  }

  main.home .s5 .boxes-wrap .box-item {
    padding: 15px;
  }

  main.home .s1 .hero .bg-area {
    height: 500px;
  }

  main.home .s1 .banner-badge {
    right: 15px;
    width: 50px;
  }

  main.home .s4 .banner {
    padding: 40px 25px;
    min-height: 225px;
  }

  main.home .s4 .banner .title {
    font-size: 32px;
    margin-bottom: 20px;
  }

  main.home .s6,
  main.home .s3 {
    padding-bottom: 50px;
  }

  main.home .s5,
  main.home .s2 {
    padding: 50px 0;
  }

  main.home .s6 .title-area .title {
    padding-right: 0;
  }

  main.home .s6 .title-area .subtitle b::after {
    width: 100%;
  }

  main.home .s6 .content-area {
    padding: 35px 20px;
  }

  main.home .s6 .content-area ul {
    padding-left: 1.5rem;
  }

  main.home .s6 .content-area li {
    font-size: 18px;
  }

  main.home .s7 .banner-box .content-area {
    padding-left: 35px;
  }

  main.home .s7 .banner-box .title {
    font-size: 32px;
    margin-bottom: 15px;
  }

  main.home .s7 .banner-box .bg-video {
    height: 250px;
  }

  main.home .s2 .box-item {
    padding: 30px 25px;
  }

  main.home .s2 .box-item {
    padding: 45px 30px;
  }

  main.home .s7 .banner-box .banner-btn {
    font-size: 18px;
    width: 200px;
    height: 48px;
  }

  main.home .s4 .banner .banner-btn,
  main.home .s1 .hero-btn {
    font-size: 18px;
    width: 270px;
    height: 48px;
  }

  #header.header_home .logo-area {
    width: 150px;
    height: 50px;
  }

  main.home {
    padding-top: 100px;
  }

  #footer .footer-right {
    gap: 20px;
    flex-direction: column;
    align-items: start;
  }
}