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

	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Global
	6. 	Plugins
	7. 	Page Templates
		a. 	Template: Home
		b. 	Template: Learn
		c. 	Template: Contact
        d.  Template: Single Product
        e.  Template: Products
        f.  Template: Checkout
        g.  Template: Dashboard

		...
		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: "Satoshi", sans-serif;
}

main {
  padding-top: 75px;
}

body {
  background-color: var(--bgColor);
}

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

p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}

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

li {
  list-style: none;
}

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

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

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

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

#header {
  position: fixed;
  top: 25px;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: 0.3s ease;
}

#header.sticky {
  top: 0;
}

#header .mobileMenuBtn {
  width: 32px;
  display: none;
}

#header .logoArea {
  max-width: 96px;
  height: 75px;
}

#header .headerWrapper {
  padding: 15px 42px;
  border-radius: 0px 0px 12px 12px;
  background: #fff;
  box-shadow: 0px 0px 52.8px 0px rgba(97, 97, 97, 0.1);
}

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

#header .main-menu li a {
  color: #4e4e4e;
  font-family: "Clear Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 94.775%;
}

#header .main-menu .current-menu-item a,
#header .main-menu li:hover a {
  color: var(--primaryColor);
  transition: 0.3s ease;
}

#header .menu-btns-wrap {
  display: flex;
  align-items: center;
  gap: 18px;
}

#header .menu-btns-wrap a {
  display: flex;
  border-radius: 6px;
  background: var(--primaryColor);
  width: 49px;
  height: 48px;
  padding: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

#header .menu-btns-wrap a:hover {
  background-color: #4ecdff;
  transition: 0.3s ease;
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px,
    rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

#header .menu-btns-wrap a.shop-btn {
  background-image: url(../images/icons/shopping-bag.svg);
}

#header .menu-btns-wrap a.profile-btn {
  background-image: url(../images/icons/person.svg);
  background-size: 30px;
}

#header .main-menu .navbarButton .icon {
  max-width: 19px;
}

.mobileMenu .btn-close {
  font-size: 20px;
}

.mobileMenu {
  width: 100% !important;
  background-color: var(--darkColor);
  background-image: url(../images/home/s2-bg.webp);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: top -140px left;
}

.mobileMenu .mobileMenuItem {
  text-align: center;
  margin-bottom: 25px;
}

.mobileMenu .mobileMenuItem a {
  text-decoration: none;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 94.775%;
}

/* Offcanvas Styles */
.offcanvas {
  width: 100% !important;
  max-width: 474px;
}

.offcanvas .st_loader {
  background-image: url(../images/general/loader.svg);
  background-position: top 40% center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff96;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-size: 75px;
}

.offcanvas .btn-close {
  opacity: 1 !important;
}

.offcanvas .offcanvas-title {
  color: #272727;
  font-family: "Literata";
  font-size: 64px;
  font-weight: 400;
  line-height: 91%;
  letter-spacing: -1.28px;
}

/* Register & Login Offcanvas */
.registerOffcanvas .input-wrapper,
.loginOffcanvas .input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 41px;
}

.registerOffcanvas .input-wrapper label,
.loginOffcanvas .input-wrapper label {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 140.275%;
}

.registerOffcanvas .input-wrapper input,
.loginOffcanvas .input-wrapper input {
  border-radius: 6px;
  border: 1px solid #000;
  background: #e4e2de;
  height: 59px;
  width: 100%;
  padding: 10px;
  outline-color: var(--primaryColor);
}

.registerOffcanvas .forgot-pass,
.loginOffcanvas .forgot-pass {
  color: var(--primaryColor);
  font-size: 18px;
  font-weight: 500;
  line-height: 140.275%;
  text-decoration-line: underline;
}

.registerOffcanvas .buttons-wrap,
.loginOffcanvas .buttons-wrap {
  display: flex;
  flex-direction: column;
  gap: 23px;
  margin-top: 50px;
}

.registerOffcanvas .buttons-wrap {
  margin-top: 69px;
}

.loginOffcanvas .input-wrapper:nth-last-child(1) {
  margin-bottom: 30px;
}

/* Cart Offcanvas */
.cartOffcanvas .offcanvas-body {
  padding-top: 40px;
}

.cartOffcanvas .cart-item {
  display: flex;
  gap: 30px;
  padding-bottom: 35px;
  border-bottom: 1px solid #000;
  margin-bottom: 60px;
}

.cartOffcanvas .cart-item:nth-last-child(1) {
  margin-bottom: 35px;
}

.cartOffcanvas .cart-item .image {
  border-radius: 12px;
  border: 1px solid #000;
  background: #e4e2de;
  width: 123.952px;
  height: 193.624px;
  display: flex;
  justify-content: center;
  position: relative;
}

.cartOffcanvas .cart-item .image img {
  margin-top: -35px;
  position: absolute;
  max-width: 102px;
}

.cartOffcanvas .cart-item .cart-details {
  flex: 1;
}

.cartOffcanvas .cart-item .product-name {
  color: #272727;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 15px;
}

.cartOffcanvas .cart-item .size {
  color: #000;
  font-family: "Clear Sans";
  font-size: 14px;
  font-weight: 700;
  line-height: 140.275%;
  letter-spacing: 1.12px;
}

.cartOffcanvas .cart-item .details-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
}

.cartOffcanvas .cart-item .price {
  color: #000;
  font-family: "Clear Sans";
  font-size: 24px;
  font-weight: 700;
  line-height: 140.275%;
}

.cartOffcanvas .cart-item .counter-area {
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: #e4e2de;
}

.cartOffcanvas .cart-item .counter-area button {
  border: none;
  background-color: transparent;
  height: 48px;
  width: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}

.cartOffcanvas .cart-item .counter-area button:hover {
  background-color: #d5d5d5;
  transition: 0.3s ease;
}

.cartOffcanvas .cart-item .counter-area button.decrease {
  border-radius: 6px 0px 0px 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='39' viewBox='0 0 39 39' fill='none'%3E%3Cpath d='M11.455 19.9133L27.293 19.9133' stroke='black' stroke-width='2.3757' stroke-linecap='round'/%3E%3C/svg%3E");
}

.cartOffcanvas .cart-item .counter-area button.increase {
  border-radius: 0px 6px 6px 0px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='39' viewBox='0 0 39 39' fill='none'%3E%3Cpath d='M19.6904 27.8324V11.9944' stroke='black' stroke-width='2.3757' stroke-linecap='round'/%3E%3Cpath d='M11.7714 19.9133L27.6094 19.9133' stroke='black' stroke-width='2.3757' stroke-linecap='round'/%3E%3C/svg%3E");
}

.cartOffcanvas .cart-item .counter-area .counter {
  color: #000;
  font-family: "Clear Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140.275%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
}

.cartOffcanvas .cart-footer {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.cartOffcanvas .cart-footer .subtotal-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: 15px;
  flex-wrap: wrap;
}

.cartOffcanvas .cart-footer .footer-title {
  color: #272727;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.cartOffcanvas .cart-footer .subtotal {
  color: #000;
  font-size: 24px;
  font-weight: 900;
  line-height: 140.275%;
}

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

.primaryButton {
  color: #fff;
  font-family: "Clear Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140.275%;
  text-transform: uppercase;
  border-radius: 5.059px;
  background: var(--primaryColor);
  width: 265px;
  height: 49px;
  padding: 8.432px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid transparent;
}

.primaryButton:hover {
  background-color: #4ecdff;
  transition: 0.3s ease;
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px,
    rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.primary-btn {
  border-radius: 5.059px;
  background: var(--primaryColor);
  width: 100%;
  height: 66px;
  padding: 8.432px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8.432px;
  color: #fff;
  text-align: center;
  font-family: "Clear Sans", "Satoshi", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 140.275%;
  text-transform: uppercase;
  border: 2px solid transparent;
}

.primary-btn:hover {
  background-color: transparent;
  border-color: var(--primaryColor);
  color: var(--primaryColor);
  transition: 0.3s ease;
}

.secondary-btn {
  border-radius: 5.059px;
  background: #e4e2de;
  width: 100%;
  height: 68px;
  padding: 8.432px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #272727;
  text-align: center;
  font-family: "Clear Sans", "Satoshi", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 140.275%;
  text-transform: uppercase;
  border: none;
}

.secondary-btn:hover {
  color: #e4e2de;
  background-color: #272727;
  transition: 0.3s ease;
}

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

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

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

main.home {
  background-image: url(../images/general/home-top-bg.webp);
  background-repeat: no-repeat;
  background-size: 69%;
  background-position: top right 15px;
}

main.home .hero-slider {
  padding-top: 145px;
}

main.home .slider-content {
  padding: 0 160px;
}

main.home .slider-next,
main.home .slider-prev {
  width: 54px;
  height: 53px;
  padding: 8.43px;
  border-radius: 5.059px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  position: absolute;
  z-index: 99;
  top: 45%;
}

main.home .slider-next {
  background-image: url(../images/icons/arrow-right.svg);
  right: 25px;
}

main.home .slider-prev {
  background-image: url(../images/icons/arrow-left.svg);
  left: 25px;
}

main.home .hero-slider .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-left: -7%;
  bottom: 8%;
}

main.home .hero-slider .swiper-pagination-bullet {
  width: 14.335px;
  height: 14.335px;
  border-radius: 5.059px;
  margin: 0 !important;
  border: 0.843px solid #000;
  background-color: transparent;
  opacity: 1;
  transition: 0.3s ease;
}

main.home .hero-slider .swiper-pagination-bullet-active {
  width: 19.394px;
  height: 19.394px;
  background-color: var(--primaryColor);
  border: none;
}

main.home .s1 .slider-left-side .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
  margin-bottom: 50px;
}

main.home .s1 .slider-left-side .title span {
  color: #fff;
  font-family: "Satisfy";
  font-size: 101.514px;
  font-style: normal;
  font-weight: 400;
  line-height: 94.775%;
  position: relative;
  display: inline-block;
  height: 88px;
  padding: 0 30px;
  top: -5px;
}

main.home .s1 .slider-left-side .title span::after {
  content: "";
  height: 80px;
  border-radius: 48.483px;
  padding: 0 30px;
  background-color: var(--darkColor);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  border-radius: 48.483px;
  z-index: -1;
}

main.home .s1 .slider-left-side p {
  color: #424242;
  font-family: "Satoshi";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 38px;
}

main.home .s1 .slider-left-side .specs p {
  color: #424242;
  font-family: "Satoshi";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 1.12px;
  text-transform: uppercase;
}

main.home .hero-slider .slider-content {
  display: flex;
  justify-content: space-between;
}

main.home .hero-slider .slider-product-area {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: -50px;
}

main.home .slider-product-area .details {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

main.home .slider-product-area .details span {
  color: #000;
  font-family: "Clear Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.275%;
  letter-spacing: 1.12px;
}

main.home .slider-product-area .details span:nth-child(1) {
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
  max-width: 121px;
}

main.home .hero-slider .slider-product-area .image {
  max-width: 630px;
  height: 700px;
}

main.home .hero-slider .slider-product-area .image img {
  filter: drop-shadow(-8px 5px 6px #00000050);
  width: 100%;
  height: 100%;
  object-fit: contain;
}

main.home .s2 {
  padding-top: 250px;
  padding-bottom: 200px;
  background-image: url(../images/home/s2-bg.webp);
  background-position: bottom -400px left;
  background-repeat: no-repeat;
  background-size: 20%;
}

main.home .s2 .titleWrapper {
  display: flex;
  align-items: end;
  gap: 208px;
  padding-bottom: 75px;
}

main.home .s2 .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
}

main.home .s2 .titleWrapper p {
  color: #424242;
  font-family: "Satoshi";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 10px;
}

main.home .s2 .products-area {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 200px;
  padding-bottom: 94px;
}

main.home .s2 .product-item {
  display: flex;
  align-items: center;
  gap: 26px;
}

main.home .s2 .product-item .product-image {
  max-width: 150px;
}

main.home .s2 .product-item .product-details {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

main.home .s2 .product-item .product-details span {
  color: #000;
  font-family: "Clear Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.275%;
  letter-spacing: 1.12px;
  text-transform: uppercase;
}

main.product-page .s2 .product-item .details span,
main.home .s2 .product-item .product-details span.size-item {
  text-transform: none;
}

main.home .s2 .product-item .product-details span:nth-child(1) {
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
  max-width: 121px;
}

main.home .s2 .see-all {
  display: flex;
  align-items: center;
  gap: 22px;
  color: #2b393f;
  font-family: "Clear Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.275%;
  text-decoration-line: underline;
  text-transform: uppercase;
  text-underline-offset: 2px;
}

main.home .s2 .see-all .icon {
  width: 54px;
  height: 49px;
  padding: 8.432px;
  border-radius: 5.059px;
  background: #fff;
  background-image: url(../images/icons/plus.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
}

main.home .s3 .s3-content-area {
  background-color: var(--darkColor);
  width: 100%;
}

main.home .s3 .dark-bg-top {
  width: 100%;
  height: 250px;
  background-image: url(../images/general/dark-bg-top.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: -85px;
}

main.home .s3 .title {
  color: #fff;
  font-family: "Literata";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
  margin-bottom: 75px;
}

main.home .s3 .item-list {
  display: flex;
  gap: 67px;
  padding-bottom: 220px;
}

main.home .s3 .item-list li {
  color: #fff;
  font-family: "Satoshi";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  display: flex;
  flex-direction: column;
  gap: 31px;
}

main.home .s3 .item-list li::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 5.059px;
  background-color: var(--primaryColor);
}

main.home .s3 .item-list li:nth-child(1) {
  max-width: 370px;
}

main.home .s3 .item-list li:nth-child(2) {
  max-width: 345px;
}

main.home .s3 .about {
  display: flex;
  gap: 122px;
  padding-bottom: 60px;
}

main.home .s3 .about img {
  border-radius: 6px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

main.home .s3 .about .image-area {
  width: 100%;
  max-width: 527px;
  position: relative;
  min-height: 715px;
}

main.home .s3 .about .img-big {
  max-width: 446px;
  max-height: 595px;
}

main.home .s3 .about .img-sm {
  max-width: 182px;
  max-height: 288px;
  position: absolute;
  right: 0;
  bottom: 55px;
}

main.home .s3 .about .content-area .title {
  color: #fff;
  font-family: "Literata";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.28px;
  margin-bottom: 75px;
}

main.home .s3 .about .content-area .list {
  display: flex;
  flex-direction: column;
  row-gap: 46px;
}

main.home .s3 .about .content-area li::before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 5.059px;
  background: #424242;
  margin-top: 3px;
}

main.home .s3 .about .content-area li {
  color: #fff;
  font-family: "Satoshi";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  max-width: 678px;
  min-height: 102px;
  gap: 30px;
  display: flex;
}

main.home .s3 .about .content-area li p {
  flex: 1;
}

main.home .s3 .about .learn-more {
  display: flex;
  align-items: center;
  gap: 22px;
  color: #fff;
  font-family: "Clear Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.275%;
  text-decoration-line: underline;
  text-transform: uppercase;
  text-underline-offset: 2px;
  margin-top: 60px;
}

main.home .s3 .about .learn-more .icon {
  width: 54px;
  height: 49px;
  padding: 8.432px;
  border-radius: 5.059px;
  background-color: #fff;
  background-image: url(../images/icons/arrow-right.svg);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}

main.home .s3 .dark-bg-bottom {
  width: 100%;
  height: 340px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-image: url(../images/general/dark-bg-bottom.svg);
  position: relative;
  z-index: 2;
}

main.home .s4 {
  padding: 225px 0;
  background-image: url(../images/home/s4-bg.webp);
  background-position: top -575px right;
  background-repeat: no-repeat;
  background-size: 40%;
  margin-top: -45px;
}

main.home .s4 .titleWrapper {
  display: flex;
  align-items: end;
  gap: 45px;
  margin-bottom: 108px;
}

main.home .s4 .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
}

main.home .s4 .titleWrapper p {
  color: #424242;
  font-family: "Satoshi";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 10px;
}

main.home .s4 .items-wrapper {
  gap: 140px;
}

main.home .s4 .item .image {
  max-width: 115px;
  height: 115px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 25px;
}

main.home .s4 .item .image::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: var(--primaryColor);
  border-radius: 5.059px;
  position: absolute;
  left: -6px;
}

main.home .s4 .item .image img {
  object-fit: cover;
  border-radius: 32px;
}

main.home .s4 .item p {
  color: var(--darkColor);
  font-family: "Satoshi";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

main.home .s5 {
  position: relative;
  z-index: 3;
}

main.home .s5 .white-bg-top {
  width: 100%;
  height: 250px;
  background-image: url(../images/general/white-bg-top.svg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

main.home .s5 .white-bg-bottom {
  width: 100%;
  height: 300px;
  background-image: url(../images/general/white-bg-bottom.svg);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}

main.home .s5 .s5-content-area {
  background-color: #fff;
}

main.home .s5 .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
  margin-bottom: 75px;
}

main.home .s5 .lifestyle-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  padding-bottom: 250px;
}

main.home .s5 .lifestyle-items .image {
  max-width: 446px;
  height: 276px;
  margin-bottom: 45px;
}

main.home .s5 .lifestyle-items .image img {
  object-fit: cover;
  border-radius: 6px;
}

main.home .s5 .lifestyle-items .description::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 5.059px;
  background-color: var(--primaryColor);
  margin-top: 10px;
}

main.home .s5 .lifestyle-items .description {
  display: flex;
  gap: 33px;
}

main.home .s5 .lifestyle-items .description p {
  color: var(--darkColor);
  font-family: "Satoshi";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  flex: 1;
}

main.home .s5 .lifestyle-bottom {
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
}

main.home .s5 .lifestyle-bottom .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
  margin-bottom: 70px;
}

main.home .s5 .lifestyle-bottom p {
  color: #424242;
  font-family: "Satoshi";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  max-width: 341px;
  margin-bottom: 30px;
}

main.home .s5 .lifestyle-bottom .image-area {
  width: 100%;
  max-width: 814px;
  height: 386px;
}

main.home .s5 .lifestyle-bottom .image-area img {
  object-fit: cover;
  border-radius: 6px;
}

main.home .s5 .white-bg-bottom {
  width: 100%;
  height: 250px;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/general/white-bg-bottom.svg);
  position: relative;
  z-index: 3;
}

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

main.learn {
  background-image: url(../images/general/home-top-bg.webp);
  background-repeat: no-repeat;
  background-size: 69%;
  background-position: top right 15px;
}

main.learn .s1 {
  padding-top: 100px;
}

main.learn .s1 .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
  margin-bottom: 45px;
}

main.learn .s1 .black-bar {
  display: flex;
  align-items: center;
  gap: 35px;
  padding: 37px 65px;
  border-radius: 12px;
  background: var(--darkColor);
  margin-bottom: 112px;
}

main.learn .s1 .black-bar .item {
  color: #fff;
  font-family: "Clear Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 94.775%;
  display: flex;
  align-items: center;
  gap: 35px;
}

main.learn .s1 .black-bar .item::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--primaryColor);
  display: block;
}

main.learn .s1 .black-bar .item:nth-last-child(1)::after {
  display: none;
}

main.learn .s2 .subtitle {
  color: #000;
  font-family: "Clear Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 94.775%;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

main.learn .s2 .subtitle::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primaryColor);
  display: block;
  position: absolute;
  left: -32px;
}

main.learn .s2 .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.28px;
  margin-bottom: 28px;
}

main.learn .s2 b,
main.learn .s2 p {
  color: #2b393f;
  font-family: "Satoshi";
  font-size: 20px;
  font-style: normal;
  line-height: 140%;
}

main.learn .s2 p {
  font-weight: 400;
  margin-bottom: 26px;
  max-width: 661px;
}

main.learn .s2 .items {
  margin-top: 28px;
  margin-bottom: 59px;
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

main.learn .s2 .items .item {
  display: flex;
  align-items: center;
  gap: 12.32px;
}

main.learn .s2 .items .item span {
  color: #2b393f;
  font-family: "Satoshi";
  font-size: 21.114px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  flex: 1;
}

main.learn .s2 .items .item .image {
  width: 56px;
  height: 56px;
}

main.learn .s2 .items .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

main.learn .s2 .custom-row {
  display: flex;
  justify-content: space-between;
  gap: 159px;
}

main.learn .s2 .image-area {
  position: relative;
  width: 100%;
  max-width: 446px;
  height: 653px;
}

main.learn .s2 .image-area .img-big {
  max-width: 446px;
}

main.learn .s2 .image-area .img-sm {
  max-width: 182px;
  position: absolute;
  left: -88px;
  bottom: 0;
}

main.learn .s2 .image-area .img-sm img,
main.learn .s2 .image-area .img-big img {
  object-fit: cover;
  border-radius: 6px;
}

main.learn .s3 {
  padding-top: 100px;
  padding-bottom: 125px;
}

main.learn .s3 .custom-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
}

main.learn .s3 .custom-row .column {
  padding-right: 48px;
  border-right: 1px solid var(--primaryColor);
}

main.learn .s3 .custom-row .column:nth-last-child(1) {
  padding-right: 0;
  border-right: none;
}

main.learn .s3 .column .title {
  color: var(--darkColor);
  font-family: "Satoshi";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 86px;
}

main.learn .s3 .column .description {
  min-width: 390px;
  max-width: 390px;
}

main.learn .s3 .column .description b,
main.learn .s3 .column .description p,
main.learn .s3 .column .description li {
  color: #2b393f;
  font-family: "Satoshi";
  font-size: 18px;
  font-style: normal;
  line-height: 140%;
}

main.learn .s3 .column .description b {
  font-size: 22px;
  font-weight: 700;
}

main.learn .s3 .column .description ul {
  padding-left: 1.5rem;
}

main.learn .s3 .column .description li {
  list-style: disc;
}

main.learn .s4 .dark-bg-top {
  width: 100%;
  height: 250px;
  background-image: url(../images/general/dark-bg-top.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

main.learn .s4 .s4-content-area {
  background-color: var(--darkColor);
  padding-bottom: 100px;
}

main.learn .s4 .subtitle {
  color: #fff;
  font-family: "Clear Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 94.775%;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

main.learn .s4 .subtitle::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--primaryColor);
  position: absolute;
  left: -20px;
}

main.learn .s4 .title {
  color: #fff;
  font-family: "Literata";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.28px;
  margin-bottom: 40px;
}

main.learn .s4 p {
  color: #fff;
  font-family: "Satoshi";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  max-width: 741px;
}

main.learn .s4 .custom-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 15px;
  margin-top: 75px;
}

main.learn .s4 .column .image {
  max-width: 446px;
  height: 276px;
  margin-bottom: 45px;
}

main.learn .s4 .column .image img {
  object-fit: cover;
  border-radius: 6px;
}

main.learn .s4 .column .list-title::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 5.059px;
  background-color: var(--primaryColor);
  margin-top: 7px;
}

main.learn .s4 .column .list-title {
  display: flex;
  gap: 33px;
  margin-bottom: 25px;
}

main.learn .s4 .column .list-title h5 {
  color: #fff;
  font-family: "Satoshi";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

main.learn .s4 .column ul {
  padding-left: 4rem;
}

main.learn .s4 .column li {
  color: #fff;
  font-family: "Satoshi";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  list-style: disc;
}

main.learn .s4 .dark-bg-bottom {
  width: 100%;
  height: 250px;
  background-image: url(../images/general/dark-bg-bottom.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  position: relative;
  z-index: 2;
}

main.learn .s5 {
  padding-top: 225px;
  background-image: url(../images/home/s4-bg.webp);
  background-position: top -575px right;
  background-repeat: no-repeat;
  background-size: 40%;
  margin-top: -45px;
}

main.learn .s5 .custom-row {
  display: flex;
  gap: 125px;
  justify-content: space-between;
  padding-bottom: 350px;
}

main.learn .s5 .custom-row .image-area {
  position: relative;
  width: 100%;
  max-width: 446px;
  height: 661px;
}

main.learn .s5 .image-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

main.learn .s5 .image-area .img-big {
  max-width: 446px;
}

main.learn .s5 .image-area .img-sm {
  max-width: 182px;
  height: 288px;
  position: absolute;
  right: -120px;
  bottom: 0;
}

main.learn .s5 .custom-row:nth-child(2) .image-area .img-sm {
  right: auto;
  left: -120px;
}

main.learn .s5 .content-area .subtitle::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--primaryColor);
  display: block;
  position: absolute;
  left: -35px;
}

main.learn .s5 .content-area .subtitle {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 25px;
}

main.learn .s5 .content-area .subtitle p {
  color: var(--darkColor);
  font-family: "Clear Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 94.775%;
}

main.learn .s5 .content-area .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.28px;
  margin-bottom: 68px;
}

main.learn .s5 .content-area .description {
  max-width: 667px;
}

main.learn .s5 .content-area .description b,
main.learn .s5 .content-area .description p {
  color: #2b393f;
  font-family: "Satoshi";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

main.learn .s5 .content-area .description b {
  font-size: 24px;
  font-weight: 700;
}

main.learn .s6 .white-bg-top {
  width: 100%;
  height: 250px;
  background-image: url(../images/general/white-bg-top.svg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

main.learn .s6 .s6-content-area {
  background-color: #fff;
}

main.learn .s6 .subtitle::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--primaryColor);
  display: block;
  position: absolute;
  left: -30px;
}

main.learn .s6 .subtitle {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 25px;
}

main.learn .s6 .subtitle p {
  color: var(--darkColor);
  font-family: "Clear Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 94.775%;
}

main.learn .s6 .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.28px;
  margin-bottom: 49px;
}

main.learn .s6 p {
  color: #2b393f;
  font-family: "Satoshi";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

main.learn .s6 .custom-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 110px;
  margin-top: 55px;
}

main.learn .s6 .custom-row .column {
  display: flex;
  flex-direction: column;
  row-gap: 35px;
}

main.learn .s6 .column .item .title {
  color: #2b393f;
  font-family: "Satoshi";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 8px;
}

main.learn .s6 .column .item p {
  color: #2b393f;
  font-family: "Satoshi";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

main.learn .s6 .white-bg-bottom {
  width: 100%;
  height: 250px;
  background-image: url(../images/general/white-bg-bottom.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2;
}

/* -------------------------------------------------------------------------- */
/*	7c. Template: Contact
/* -------------------------------------------------------------------------- */

main.contact {
  background-image: url(../images/general/home-top-bg.webp);
  background-repeat: no-repeat;
  background-size: 69%;
  background-position: top right 15px;
}

main.contact .s1 {
  padding-top: 100px;
  padding-bottom: 200px;
}

main.contact .s1 .custom-row {
  display: flex;
  justify-content: space-between;
}

main.contact .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
  margin-bottom: 33px;
}

main.contact .s1 p {
  color: #424242;
  font-family: "Satoshi";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 50px;
  max-width: 524px;
}

main.contact input[type="text"],
main.contact input[type="email"],
main.contact input[type="tel"],
main.contact input[type="phone"] {
  width: 323.648px;
  height: 50px;
  background: transparent;
  border-radius: 6px;
  border: 1px solid #000;
  padding: 13px 23px;
  margin-bottom: 49px;
}

main.contact .form-wrapper {
  max-width: 673px;
}

main.contact .input-wrapper {
  display: flex;
  gap: 25px;
}

main.contact textarea {
  background: transparent;
  border-radius: 6px;
  border: 1px solid #000;
  padding: 13px 23px;
  width: 100%;
  height: 117px;
  margin-bottom: 49px;
  resize: none;
}

main.contact .s1 .image-area {
  position: relative;
  width: 566px;
  height: 661px;
  display: flex;
  justify-content: end;
}

main.contact .s1 .image-area img {
  object-fit: cover;
  border-radius: 6px;
}

main.contact .s1 .image-area .img-big {
  max-width: 446px;
}

main.contact .s1 .image-area .img-sm {
  max-width: 182px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0 1em;
  padding: 8px 16px;
  border-radius: 6px;
  border: none;
  color: white;
}

.wpcf7 form.sent .wpcf7-response-output {
  background-color: #46b450;
  /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  background-color: #dc3232;
  /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
  background-color: #f56e28;
  /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  background-color: #ffb900;
  /* Yellow */
}

/* -------------------------------------------------------------------------- */
/*	7d. Template: FAQ
/* -------------------------------------------------------------------------- */

body.page-template-faq {
  background-image: url(../images/general/top-bg.webp);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 65%;
}

main.faq {
  background-image: url(../images/general/faq-bg.webp);
  background-position: top 1300px left;
  background-repeat: no-repeat;
  background-size: 21%;
}

main.faq .s1 {
  padding-top: 75px;
  padding-bottom: 125px;
}

main.faq .s1 .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
  margin-bottom: 45px;
}

main.faq .s1 p {
  color: #424242;
  font-family: "Satoshi";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

main.faq .s1 .faq-items {
  margin-top: 72px;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

main.faq .s1 .faq-item {
  display: flex;
  gap: 37px;
}

main.faq .s1 .faq-item .faq-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  max-width: 1136px;
}

main.faq .s1 .faq-item .faq-body {
  display: none;
  transition: 0.3s ease;
}

main.faq .s1 .faq-item.show .faq-body {
  display: block;
}

main.faq .s1 .faq-item .faq-details p {
  font-size: 20px;
  font-weight: 400;
}

main.faq .s1 .faq-item .faq-details h6 {
  color: var(--darkColor);
  font-family: "Satoshi";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  padding-top: 6px;
  cursor: pointer;
}

main.faq .s1 .faq-item .icon {
  width: 54px;
  height: 49px;
  border-radius: 5.059px;
  background-color: #fff;
  background-image: url(../images/icons/plus.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: 0.2s ease;
}

main.faq .s1 .faq-item.show .icon {
  background-image: url(../images/icons/minus.svg);
}

main.faq .s2 {
  padding-bottom: 175px;
}

main.faq .s2 .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.28px;
  margin-bottom: 33px;
}

main.faq .s2 p {
  color: #424242;
  font-family: "Satoshi";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  max-width: 524px;
  margin-bottom: 40px;
}

main.faq .s2 .form-btn {
  display: flex;
  align-items: center;
  gap: 28px;
  color: #2b393f;
  font-family: "Clear Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.275%;
  text-decoration-line: underline;
  text-transform: uppercase;
  text-underline-offset: 2px;
}

main.faq .s2 .form-btn .icon {
  width: 54px;
  height: 49px;
  background-color: #fff;
  border-radius: 5.059px;
  background-image: url(../images/icons/arrow-right.svg);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}

/* -------------------------------------------------------------------------- */
/*	7d. Template: Single Product
/* -------------------------------------------------------------------------- */

body.single-product {
  background-image: url(../images/general/top-bg.webp);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 65%;
}

main.product-page .product-wrapper {
  display: flex;
  gap: 120px;
  padding: 125px 0;
}

main.product-page .product-wrapper .product-col {
  display: flex;
  flex-direction: column;
}

main.product-page .product-wrapper .product-image {
  width: 436px;
  border: 1px solid #000;
  border-radius: 12px;
  max-height: 558px;
  display: flex;
  justify-content: center;
  flex: 1;
}

main.product-page .product-wrapper .product-image img {
  max-width: 250px;
  margin-top: -25%;
  margin-right: -15%;
  object-fit: contain;
}

main.product-page .product-wrapper .product-details {
  flex: 1;
}

main.product-page .product-details .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.28px;
  margin-bottom: 40px;
}

main.product-page .product-details .size {
  color: #000;
  font-family: "Clear Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140.275%;
  letter-spacing: 1.92px;
  margin-bottom: 40px;
}

main.product-page .counter {
  display: flex;
  align-items: center;
  border-radius: 6px;
  background-color: #fff;
}

main.product-page .counter button {
  width: 48px;
  height: 48px;
  background-color: transparent;
  border: none;
  background-position: center;
  background-size: 32px;
  background-repeat: no-repeat;
}

main.product-page .counter button:hover {
  background-color: #f1f1f1;
  transition: 0.3s ease;
}

main.product-page .counter button.increase {
  border-radius: 0px 6px 6px 0px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='39' viewBox='0 0 39 39' fill='none'%3E%3Cpath d='M19.6904 27.8324V11.9944' stroke='black' stroke-width='2.3757' stroke-linecap='round'/%3E%3Cpath d='M11.7714 19.9133L27.6094 19.9133' stroke='black' stroke-width='2.3757' stroke-linecap='round'/%3E%3C/svg%3E");
}

main.product-page .counter button.decrease {
  border-radius: 6px 0px 0px 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='39' viewBox='0 0 39 39' fill='none'%3E%3Cpath d='M11.455 19.9133L27.293 19.9133' stroke='black' stroke-width='2.3757' stroke-linecap='round'/%3E%3C/svg%3E");
}

main.product-page .counter .count {
  min-width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

main.product-page .rating-area {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000;
  font-family: "Clear Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140.275%;
  letter-spacing: 1.92px;
  margin-top: 40px;
}

main.product-page .rating-area .stars {
  display: flex;
  align-items: center;
}

main.product-page .rating-area .stars img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

main.product-page .product-details .details-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
  border: 1px solid #000;
  padding: 14px 20px 14px 50px;
  margin-bottom: 45px;
}

main.product-page .product-details .details-box .details-row {
  display: flex;
  align-items: center;
  gap: 58px;
}

main.product-page .details-row .column {
  color: #000;
  font-family: "Clear Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140.275%;
  letter-spacing: 1.92px;
}

main.product-page .details-row .column:nth-child(1) {
  padding-right: 59px;
  border-right: 1px solid #000;
}

main.product-page .product-details-area h5 {
  color: var(--darkColor);
  font-family: "Satoshi";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 5px;
}

main.product-page .product-details-area .review h5 {
  margin-bottom: 35px;
}

main.product-page .product-details-area p {
  color: #2b393f;
  font-family: "Satoshi";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

main.product-page .product-details-area .directions {
  margin-top: 60px;
  margin-bottom: 55px;
  color: #2b393f;
  font-family: "Satoshi";
  font-size: 20px;
  font-style: normal;
  line-height: 140%;
}

main.product-page .product-details-area .direction-row {
  display: flex;
  gap: 25px;
  margin-top: 20px;
}

main.product-page .direction-row .column {
  flex: 1;
  display: flex;
  gap: 3px;
}

main.product-page .direction-row .column:nth-child(1) {
  padding-right: 25px;
  border-right: 1px solid #000;
}

main.product-page .direction-row .column .icon {
  min-width: 50px;
  display: flex;
  align-items: start;
  justify-content: center;
}

main.product-page .direction-row .column .details {
  flex: 1;
}

main.product-page .direction-row .column .details strong {
  display: block;
}

main.product-page .s2 {
  padding-bottom: 160px;
  background-image: url(../images/general/faq-bg.webp);
  background-repeat: no-repeat;
  background-position: top -260px left;
  background-size: 21%;
}

main.product-page .s2 .title,
main.product-page .s2 .product-slider {
  padding: 0 90px;
}

main.product-page .s2 .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.28px;
  margin-bottom: 65px;
}

main.product-page .s2 .product-item {
  display: flex;
  align-items: center;
  gap: 32px;
}

main.product-page .s2 .product-item .image {
  max-width: 126px;
  max-height: 387px;
}

main.product-page .s2 .product-item .details {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

main.product-page .s2 .product-item .details span {
  color: #000;
  font-family: "Clear Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.275%;
  letter-spacing: 1.12px;
  text-transform: uppercase;
}

main.product-page .s2 .product-item .details span:nth-child(1) {
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  max-width: 121px;
}

main.product-page .swiper-next,
main.product-page .swiper-prev {
  width: 54px;
  height: 49px;
  padding: 8.43px;
  border-radius: 5.059px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
  position: absolute;
  z-index: 99;
  top: 45%;
}

main.product-page .swiper-next {
  background-image: url(../images/icons/arrow-right.svg);
  right: 25px;
}

main.product-page .swiper-prev {
  background-image: url(../images/icons/arrow-left.svg);
  left: 25px;
}

main.product-page .load-more-area {
  margin-top: 150px;
}

main.product-page .load-more-btn {
  color: #2b393f;
  font-family: "Clear Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.275%;
  text-decoration-line: underline;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 22px;
}

main.product-page .load-more-btn .icon {
  width: 54px;
  height: 49px;
  padding: 8.432px;
  border-radius: 5.059px;
  background: #fff;
  background-image: url(../images/icons/plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* -------------------------------------------------------------------------- */
/*	7e. Template: Products
/* -------------------------------------------------------------------------- */

body.page-template-products {
  background-image: url(../images/general/top-bg.webp);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 65%;
}

main.products .s1 {
  padding-top: 100px;
  padding-bottom: 50px;
}

main.products .s2 {
  padding-bottom: 175px;
}

main.products .s1 .title {
  color: var(--darkColor);
  font-family: "Literata";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
  margin-bottom: 50px;
}

main.products .s1 .black-bar {
  width: 100%;
  max-width: 1371px;
  padding: 20px 20px 20px 40px;
  border-radius: 12px;
  background: var(--darkColor);
  display: flex;
  gap: 70px;
  margin-bottom: 100px;
}

main.products .s1 .black-bar span {
  color: #fff;
  font-family: "Clear Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.275%;
}

main.products .s1 .black-bar .filters-area {
  display: flex;
  align-items: center;
  gap: 58px;
}

main.products .s1 .filters-area span {
  font-size: 16px;
  font-weight: 700;
  line-height: 94.775%;
}

main.products .s1 .filters-area label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  cursor: pointer;
}

main.products .s1 .filters-area .icon {
  width: 31px;
  height: 31px;
  border-radius: 6px;
  border: 1px solid #fff;
}

main.products .s1 .filters-area input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

main.products .s1 .filters-area input:checked ~ .icon {
  background-image: url(../images/icons/check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 110%;
  border-color: #00b7ff;
}

main.products .products-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 110px;
  row-gap: 100px;
}

main.products .product-row {
  display: flex;
  align-items: end;
  gap: 32px;
  transition: 0.5s ease;
}

main.products .product-item .image {
  max-width: 126px;
  max-height: 387px;
}

main.products .product-item {
  width: 100%;
  max-width: 386px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 35px;
  transition: 0.5s ease;
  max-height: 420px;
  /* overflow: hidden; */
  position: relative;
  cursor: pointer;
}

main.products .product-item:hover {
  border: 1px solid #000;
  border-radius: 12px;
  max-height: none;
  /* overflow: visible; */
  transition: 0.5s ease;
}

main.products .product-item:hover .image img {
  filter: drop-shadow(0px 10px 8px #000000ba);
  transition: 0.3s ease;
}

main.products .product-item:hover .product-row {
  margin-top: -45px;
}

main.products .product-item:hover .buttons-area {
  opacity: 1;
  transition: 0.5s ease;
  position: relative;
}

main.products .product-item .details-area {
  display: flex;
  flex-direction: column;
  max-width: 125px;
  padding-bottom: 15px;
  gap: 37px;
}

main.products .product-item .details {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

main.products .product-item .details span {
  color: #000;
  font-family: "Clear Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.275%;
  letter-spacing: 1.12px;
}

main.products .product-item .details span:nth-child(1) {
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  text-transform: uppercase;
}

main.products .product-item .price-area {
  display: flex;
  flex-direction: column;
}

main.products .product-item .price-area span {
  color: #000;
  font-family: "Clear Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140.275%;
  letter-spacing: 1.28px;
}

main.products .product-item .price-area .price,
main.products .product-item .price-area bdi,
main.products .product-item .price-area .price .amount,
main.products .product-item .price-area .woocommerce-Price-currencySymbol {
  font-family: "Clear Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140.275%;
  letter-spacing: 1.28px;
}

main.products .product-item .price-area .price {
  border-top: 1px solid #000;
  margin-top: 5px;
}

main.products .product-item .buttons-area {
  padding-top: 43px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  opacity: 0;
  position: absolute;
}

main.products .product-item .buttons-area .learn-more {
  color: #2b393f;
  text-align: center;
  font-family: "Clear Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.275%;
  text-decoration-line: underline;
  text-transform: uppercase;
}

main.products .load-more-btn {
  color: #2b393f;
  font-family: "Clear Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.275%;
  text-decoration-line: underline;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 35px;
  margin-top: 200px;
}

main.products .load-more-btn .icon {
  width: 54px;
  height: 49px;
  padding: 8.432px;
  border-radius: 5.059px;
  background-image: url(../images/icons/plus.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
}

/* -------------------------------------------------------------------------- */
/*	7f. Template: Checkout
/* -------------------------------------------------------------------------- */
main.checkout {
  padding-bottom: 220px;
}

main.checkout .container {
  padding-top: 75px;
}

main.checkout h1,
main.checkout h2 {
  color: #272727;
  font-family: "Literata";
  font-weight: 400;
  line-height: 117.275%;
  margin-bottom: 40px;
}

main.checkout h1.title {
  font-size: 90px;
  letter-spacing: -1.8px;
}

main.checkout h2.cart-title {
  font-size: 64px;
  letter-spacing: -1.28px;
}

main.checkout .custom-row {
  display: flex;
  gap: 240px;
}

main.checkout .custom-row .checkout-col {
  flex: 1;
  max-width: 835px;
}

main.checkout .custom-row .cart-col {
  width: 100%;
  max-width: 403px;
}

main.checkout .subtitle {
  color: #272727;
  font-size: 28px;
  font-weight: 700;
  line-height: 140%;
}

main.checkout select,
main.checkout input {
  border-radius: 6.419px;
  border: 1px solid #000;
  background: transparent;
  width: 100%;
  height: 59px;
  padding: 15px 25px;
  color: #000;
  font-size: 17.117px;
  font-weight: 400;
  line-height: 140.275%;
  outline: none;
}

main.checkout select {
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='44' viewBox='0 0 45 44' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.7167 16.9333C31.2436 17.4602 31.2436 18.3145 30.7167 18.8415L23.5205 26.0376C22.9936 26.5646 22.1393 26.5646 21.6124 26.0376L14.4162 18.8415C13.8893 18.3145 13.8893 17.4602 14.4162 16.9333C14.9431 16.4064 15.7974 16.4064 16.3244 16.9333L22.5664 23.1754L28.8085 16.9333C29.3355 16.4064 30.1898 16.4064 30.7167 16.9333Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11.5px center;
}

main.checkout
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 0.95em 0.5em;
}

main.checkout .select2-container .select2-dropdown,
main.checkout .select2-container .select2-selection {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='44' viewBox='0 0 45 44' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.7167 16.9333C31.2436 17.4602 31.2436 18.3145 30.7167 18.8415L23.5205 26.0376C22.9936 26.5646 22.1393 26.5646 21.6124 26.0376L14.4162 18.8415C13.8893 18.3145 13.8893 17.4602 14.4162 16.9333C14.9431 16.4064 15.7974 16.4064 16.3244 16.9333L22.5664 23.1754L28.8085 16.9333C29.3355 16.4064 30.1898 16.4064 30.7167 16.9333Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11.5px center;
}

.select2-container .select2-selection--single .select2-selection__arrow {
  display: none;
}

main.checkout .input-row {
  display: flex;
  align-items: center;
  gap: 42px;
}

main.checkout .input-row .form-row {
  width: 100% !important;
}

main.checkout input::placeholder {
  color: #000;
  font-size: 17.117px;
  font-weight: 400;
  line-height: 140.275%;
}

main.checkout p {
  margin-bottom: 28px;
  color: #424242;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}

main.checkout .form-area {
  margin-bottom: 40px;
  margin-top: 25px;
}

main.checkout .cart-item {
  display: flex;
  gap: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid #000;
  margin-bottom: 50px;
}

main.checkout .cart-item:nth-last-child(1) {
  margin-bottom: 25px;
}

main.checkout .cart-item .image {
  border-radius: 12px;
  border: 1px solid #000;
  background: #e4e2de;
  width: 123.952px;
  height: 193.624px;
  display: flex;
  justify-content: center;
  position: relative;
}

main.checkout .cart-item .image img {
  margin-top: -35px;
  position: absolute;
  max-width: 102px;
}

main.checkout .cart-item .cart-details {
  flex: 1;
}

main.checkout .cart-item .product-name {
  color: #272727;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 15px;
}

main.checkout .cart-item .size {
  color: #000;
  font-family: "Clear Sans";
  font-size: 14px;
  font-weight: 700;
  line-height: 140.275%;
  letter-spacing: 1.12px;
}

main.checkout .cart-item .details-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 25px;
}

main.checkout .cart-item .quantity,
main.checkout .cart-item .price {
  color: #000;
  font-family: "Clear Sans";
  font-size: 24px;
  font-weight: 700;
  line-height: 140.275%;
}

main.checkout .cart-footer-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

main.checkout .cart-footer-item .cart-footer-price,
main.checkout .cart-footer-item .title {
  color: #272727;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
}

main.checkout .cart-footer-item .cart-footer-price {
  color: #000;
  font-weight: 700;
  line-height: 140.275%;
}

main.checkout .cart-footer .total-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 25px;
  border-top: 1px solid #000;
  margin-bottom: 100px;
}

main.checkout .cart-footer .total-area .title {
  color: #272727;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 120%;
  text-transform: uppercase;
}

main.checkout .cart-footer .total-area .total-price {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 140.275%;
}

main.checkout .shipping_address {
  margin-top: 20px;
}

main.checkout #ship-to-different-address label {
  display: flex;
  align-items: center;
  gap: 10px;
}

main.checkout #ship-to-different-address input {
  width: 24px;
  height: 24px;
  accent-color: #007eaf;
  padding: 0;
}

main.checkout #ship-to-different-address label > span {
  font-size: 20px;
}

main.checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  border-top: none;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
  background-color: transparent;
}

main.checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
  color: #272727;
  position: relative;
  top: auto;
  left: auto;
}

main.checkout .woocommerce-form-coupon-toggle .showcoupon {
  color: #2b393f;
  font-family: "Clear Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.275%;
  text-decoration-line: underline;
}

main.checkout .woocommerce-form-coupon {
  display: flex;
  flex-direction: column;
  gap: 15px;
  background-color: transparent !important;
}

main.checkout .woocommerce-form-coupon p.form-row {
  margin-bottom: 0;
  width: 100%;
}

main.checkout .woocommerce-form-coupon button {
  color: #fff;
  font-family: "Clear Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140.275%;
  text-transform: uppercase;
  border-radius: 5.059px;
  background: var(--primaryColor);
  width: 100%;
  max-width: 250px;
  height: 49px;
  padding: 8.432px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid transparent;
}

main.checkout .woocommerce-checkout #payment ul.payment_methods {
  border-bottom: none;
}

main.checkout .woocommerce-checkout #payment {
  background-color: var(--darkColor);
  border-radius: 7px;
}

main.checkout .woocommerce-checkout #payment div.payment_box {
  background-color: var(--bgColor);
}

main.checkout #payment .payment_methods li label {
  color: #fff;
  font-family: "Clear Sans";
  font-size: 18px;
  font-weight: 700;
}

main.checkout #payment .payment_methods .woocommerce-SavedPaymentMethods-saveNew{
  display: flex;
  align-items: start;
  gap: 8px;
  padding-left: .5rem;
}
main.checkout #payment .payment_methods .woocommerce-SavedPaymentMethods-saveNew input{
  width: 20px;
  height: 20px;
  margin: 0;
}

main.checkout #payment .payment_methods li .payment_box label{
  color: #272727;
  font-family: "Clear Sans";
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  padding-left: 8px;
}

main.checkout .woocommerce-checkout #payment div.payment_box::before {
  border: 1em solid var(--bgColor);
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

main.checkout .woocommerce-privacy-policy-text p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

main.checkout .woocommerce-privacy-policy-text a {
  color: var(--primaryColor);
  font-size: 16px;
  font-weight: 500;
}

main.checkout .woocommerce-checkout #payment #place_order {
  color: #fff;
  font-family: "Clear Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140.275%;
  text-transform: uppercase;
  border-radius: 5.059px;
  background: var(--primaryColor);
  width: 100%;
  max-width: 250px;
  height: 49px;
  padding: 8.432px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid transparent;
}

main.checkout .save-details-header label {
  display: flex;
  align-items: center;
  text-indent: unset;
  padding: 0;
  gap: 10px;
}

main.checkout .save-details-header input[type="checkbox"] {
  width: 24px;
  height: 24px;
  margin: 0;
}

main.checkout .save-details-header span,
main.checkout .save-details-form .additional-information {
  color: #fff;
}

main.checkout .save-details-form a {
  color: var(--primaryColor);
}

main.checkout .order-received-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 30px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

main.checkout .order-success .woocommerce-message,
main.checkout .order-failed .woocommerce-error {
  padding: 15px;
  margin: 20px 0;
  border-left: 4px solid;
}

main.checkout .order-success .woocommerce-message {
  background: #f8faf8;
  border-left-color: #7ad03a;
  color: #5a8f3d;
  display: flex;
  align-items: center;
  gap: 8px;
}

main.checkout .woocommerce-message::before {
  position: relative;
  top: auto;
  left: auto;
}

main.checkout .order-failed .woocommerce-error {
  background: #faf8f8;
  border-left-color: #d03a3a;
  color: #8f3d3d;
}

main.checkout .order-details {
  list-style: none;
  padding: 0;
  margin: 30px 0;
}

main.checkout .order-details li {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

main.checkout .order-details li span {
  color: #666;
}

main.checkout .woocommerce-order-details {
  margin-bottom: 30px;
}

main.checkout .order-actions,
main.checkout .order-failed .actions {
  display: flex;
  gap: 15px;
  margin: 30px 0;
}

main.checkout .order-actions .button,
main.checkout .order-failed .actions .button {
  padding: 12px 25px;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 600;
  text-align: center;
}

main.checkout .order-actions .account,
main.checkout .order-failed .actions .pay {
  background: #2c3e50;
  color: white;
}

main.checkout .order-actions .shop,
main.checkout .order-failed .actions .shop {
  background: #f1f1f1;
  color: #333;
}

/* -------------------------------------------------------------------------- */
/*	7g. Template: Dashboard
/* -------------------------------------------------------------------------- */

main.dashboard {
  padding-bottom: 175px;
  min-height: 85vh;
}

main.dashboard section{
  padding-top: 75px;
}

main.dashboard .heading {
  color: #272727;
  font-family: "Literata";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
}

main.dashboard .woocommerce form .form-row label {
  color: #272727;
  font-weight: 700;
  line-height: 200%;
}

main.dashboard legend {
  color: #272727;
  font-weight: 700;
}

main.dashboard .woocommerce form .show-password-input,
main.dashboard .woocommerce-page form .show-password-input {
  right: 0.8em;
  top: 1em;
}

main.dashboard .select2-container--default .select2-selection--single {
  height: 53px;
  border: none !important;
}

main.dashboard
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  width: 32px;
  height: 32px;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

main.dashboard
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  width: 100%;
  height: 100%;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='44' viewBox='0 0 45 44' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.7167 16.9333C31.2436 17.4602 31.2436 18.3145 30.7167 18.8415L23.5205 26.0376C22.9936 26.5646 22.1393 26.5646 21.6124 26.0376L14.4162 18.8415C13.8893 18.3145 13.8893 17.4602 14.4162 16.9333C14.9431 16.4064 15.7974 16.4064 16.3244 16.9333L22.5664 23.1754L28.8085 16.9333C29.3355 16.4064 30.1898 16.4064 30.7167 16.9333Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  left: auto;
  margin: 0 !important;
  top: auto;
}

main.dashboard
  .select2-container
  .select2-selection--single
  .select2-selection__rendered,
main.dashboard .woocommerce form .form-row input.input-text,
main.dashboard .woocommerce form .form-row textarea {
  padding: 13px 26px;
  background-color: #e4e2de;
  border: 1px solid #000;
  border-radius: 6px;
  color: #000;
  font-family: "Satoshi";
  font-size: 17.117px;
  font-weight: 400;
  line-height: 140.275%;
}

main.dashboard .woocommerce form .form-row input.input-text {
  height: 53px;
}

main.dashboard .woocommerce form .form-row textarea {
  resize: none;
  height: 125px;
}

main.dashboard .button,
main.dashboard .woocommerce-Button {
  border-radius: 5.059px;
  background: var(--primaryColor);
  border: 2px solid transparent;
  width: 100%;
  max-width: 275px;
  height: 53px;
  padding: 8.432px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "Clear Sans";
  font-size: 18px;
  font-weight: 700;
  line-height: 140.275%;
  text-transform: uppercase;
}

main.dashboard .woocommerce-Button:hover {
  color: #fff;
  background-color: #4ecdff;
  transition: 0.3s ease;
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px,
    rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

main.dashboard .woocommerce form .form-row {
  padding: 0px;
  margin: 0 0 19px;
}

main.dashboard .woocommerce-MyAccount-navigation {
  background-color: #fff;
  padding: 12px;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
    rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

main.dashboard .woocommerce-MyAccount-navigation li {
  border-radius: 9.5px;
  margin-bottom: 10px;
}

main.dashboard .woocommerce-MyAccount-navigation a {
  color: #4e4e4e;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 94.775%;
  display: block;
  padding: 16px 18px;
}

main.dashboard .woocommerce-MyAccount-navigation li:hover,
main.dashboard .woocommerce-MyAccount-navigation li.is-active {
  transition: 0.3s ease;
  background: var(--primaryColor);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

main.dashboard .woocommerce-MyAccount-navigation li:hover a,
main.dashboard .woocommerce-MyAccount-navigation li.is-active a {
  transition: 0.3s ease;
  color: #fff;
}

main.dashboard
  .woocommerce-MyAccount-navigation
  .woocommerce-MyAccount-navigation-link--customer-logout {
  background-color: #fff !important;
  box-shadow: none !important;
}

main.dashboard
  .woocommerce-MyAccount-navigation
  .woocommerce-MyAccount-navigation-link--customer-logout
  a {
  color: #dc3232 !important;
}

main.dashboard .dashboard-tab strong,
main.dashboard .dashboard-tab p {
  color: #272727;
  font-family: "Literata";
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  line-height: 117.275%;
}

main.dashboard .dashboard-tab p > a {
  color: #272727;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}

main.dashboard .dashboard-tab strong {
  font-weight: 600;
}

main.dashboard .dashboard-tab p:nth-last-child(1) {
  margin-top: 25px;
  font-size: 24px;
}

main.dashboard .woocommerce-Addresses {
  margin-top: 25px;
}

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

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

main.blog {
  padding-top: 200px;
  padding-bottom: 175px;
}

main.blog .title {
  color: #272727;
  font-family: "Literata";
  font-size: 90px;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
  margin-bottom: 100px;
}

main.single .post-item a,
main.blog .post-item a {
  display: inline;
}

main.single .post-item,
main.blog .post-item {
  display: flex;
  gap: 80px;
  margin-bottom: 100px;
}

main.single .post-item .image-area,
main.blog .post-item .image-area {
  width: 616.77px;
  height: 371.904px;
}

main.single .post-item .image-area img,
main.blog .post-item .image-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

main.single .post-item .post-details,
main.blog .post-item .post-details {
  flex: 1;
}

main.single .post-item .post-title,
main.blog .post-item .post-title {
  color: #272727;
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 20px;
}

main.single .post-item p,
main.blog .post-item p {
  color: #2b393f;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 55px;
}

main.single .post-item .post-bottom,
main.blog .post-item .post-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

main.single .s1 .content-bottom .share-btn,
main.single .post-item .share-btn,
main.blog .post-item .share-btn {
  width: 26.271px;
  height: 26.271px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='28' viewBox='0 0 27 28' fill='none'%3E%3Cg clip-path='url(%23clip0_5799_511)'%3E%3Cpath d='M19.7038 18.0545C18.8719 18.0545 18.1275 18.3829 17.5583 18.8973L9.7535 14.3546C9.80823 14.1028 9.85202 13.8511 9.85202 13.5883C9.85202 13.3256 9.80823 13.0739 9.7535 12.8221L17.4707 8.32312C18.0618 8.87044 18.839 9.20978 19.7038 9.20978C21.5209 9.20978 22.9877 7.74296 22.9877 5.92586C22.9877 4.10875 21.5209 2.64194 19.7038 2.64194C17.8867 2.64194 16.4199 4.10875 16.4199 5.92586C16.4199 6.18857 16.4636 6.44034 16.5184 6.69211L8.80117 11.1911C8.21006 10.6438 7.43287 10.3044 6.5681 10.3044C4.751 10.3044 3.28418 11.7712 3.28418 13.5883C3.28418 15.4054 4.751 16.8723 6.5681 16.8723C7.43287 16.8723 8.21006 16.5329 8.80117 15.9856L16.595 20.5393C16.5403 20.7692 16.5074 21.01 16.5074 21.2508C16.5074 23.0132 17.9414 24.4472 19.7038 24.4472C21.4662 24.4472 22.9001 23.0132 22.9001 21.2508C22.9001 19.4884 21.4662 18.0545 19.7038 18.0545Z' fill='%23323232'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5799_511'%3E%3Crect width='26.2714' height='26.2714' fill='white' transform='translate(0 0.978577)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
}

main.single .post-item .load-more,
main.single .s1 .content-bottom .back-btn,
main.blog .post-item .load-more {
  display: flex;
  align-items: center;
  gap: 22px;
  color: #2b393f;
  font-family: "Clear Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.275%;
  text-decoration-line: underline;
  text-transform: uppercase;
  text-underline-offset: 2px;
}

main.single .post-item .load-more i.plus,
main.single .s1 .content-bottom .back-btn i.plus,
main.blog .post-item .load-more i.plus {
  width: 54px;
  height: 49px;
  padding: 8.432px;
  border-radius: 5.059px;
  background: #fff;
  background-image: url(../images/icons/plus.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
}

main.blog .pagination {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

main.blog .pagination .nav-links {
  display: flex;
  align-items: center;
  gap: 15px;
}

main.blog .pagination a,
main.blog .pagination span {
  color: #000;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

main.blog .pagination a:hover {
  color: #666;
}

main.blog .pagination .current {
  font-weight: 700;
  text-decoration: underline;
}

/* -------------------------------------------------------------------------- */
/*	9. Post: Single
/* -------------------------------------------------------------------------- */
main.single {
  padding: 175px 0 115px 0;
}

main.single .s1 .title {
  color: #272727;
  font-family: "Literata";
  font-size: 90px;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
  margin-bottom: 50px;
}

main.single .s1 .image-area {
  width: 100%;
  height: auto;
  margin-bottom: 110px;
}

main.single .s1 .image-area img {
  width: 100%;
  height: auto;
  max-height: 495px;
  object-fit: contain;
  object-position: center;
  border-radius: 6px;
}

main.single .s1 .content-area {
  padding: 0 90px;
}

main.single .s1 .content-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 100px;
}

main.single .s1 .subtitle {
  color: #272727;
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 40px;
}

main.single .s1 h2{
  color: #272727;
  font-family: "Literata";
  font-size: 32px;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.2px;
  margin-bottom: 20px;
}

main.single .s1 .content-area strong,
main.single .s1 .content-area b,
main.single .s1 .content-area a,
main.single .s1 .content-area li,
main.single .s1 .content-area p {
  color: #2b393f;
  font-family: "Satoshi";
  font-size: 20px;
  font-style: normal;
  line-height: 140%;
}

main.single .s1 .content-area a {
  text-decoration: underline;
}

main.single .s1 .content-area ul > li {
  list-style: disc;
}

main.single .s1 .content-area ol > li{
  list-style: decimal;
}

main.single .s1 .content-area p {
  margin-bottom: 1rem;
}

main.single .s1 .content-area li > p{
  margin-bottom: 0;
}

main.single .s1 .content-area ol,
main.single .s1 .content-area ul {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

main.single .s2 {
  padding-top: 200px;
}

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

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

.wp-block-woocommerce-coming-soon {
  padding-top: 125px;
}

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

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

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

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

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

#footer {
  padding-bottom: 85px;
}

#footer .footer-wrapper {
  gap: 50px;
  justify-content: space-between;
}

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

#footer .footer-logo {
  width: 83px;
}

#footer .footer-details {
  width: 100%;
}

#footer .footer-details p,
#footer .footer-details a {
  color: #424242;
  font-family: "Satoshi";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 161%;
}

#footer .footer-details a {
  text-decoration: underline;
}

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

#footer .social-media .item {
  width: 33px;
  height: 33px;
}

#footer .social-media .item img {
  object-fit: contain;
}

.footer-banner {
  background-image: url(../images/general/footer-bg.svg);
  background-position: top -310px center;
  background-repeat: no-repeat;
  background-size: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -45px;
  padding-bottom: 175px;
  background-color: var(--bgColor);
}

.footer-banner .footer-banner-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1057px;
}

.footer-banner .footer-product {
  max-width: 348px;
  height: 555px;
  position: relative;
  z-index: 4;
  margin-top: -8%;
}

.footer-banner .footer-product img {
  object-fit: contain;
}

.footer-banner .title {
  color: var(--darkColor);
  text-align: center;
  font-family: "Literata";
  font-size: 90px;
  font-style: normal;
  font-weight: 400;
  line-height: 117.275%;
  letter-spacing: -1.8px;
  margin-top: 70px;
  margin-bottom: 60px;
}

.footer-banner p {
  color: #424242;
  text-align: center;
  font-family: "Satoshi";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  max-width: 615px;
  margin-bottom: 65px;
}

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

@media (min-width: 992px) {
  main.dashboard .container,
  main.home .s1 .container,
  #header .container {
    max-width: 1100px;
  }
}

@media (min-width: 1200px) {
  main.dashboard .container,
  main.home .s1 .container,
  #header .container {
    max-width: 1260px;
  }
}

@media (min-width: 1800px) {
  main.dashboard .container,
  main.home .s1 .container,
  #header .container {
    max-width: 1682px;
  }

  main.product-page .s2 .container {
    max-width: 1638px;
  }

  .container {
    max-width: 1371px;
    padding: 0;
  }
}

@media (min-width: 1999px) {
  main.contact,
  main.home,
  main.learn {
    background-size: 50%;
  }

  main.learn .s,
  main.home .s4 {
    background-position: top -775px right;
  }
}

@media (max-width: 1799px) {
  /* Home */
  main.home .slider-content {
    padding: 0 80px;
  }

  main.home .slider-prev {
    left: 0;
  }

  main.home .slider-next {
    right: 0;
  }

  main.home .s2 {
    background-position: bottom -225px left;
  }

  main.home .s4 {
    background-position: top -375px right;
  }

  /* Single Product */
  main.product-page .product-details .title {
    font-size: 52px;
  }

  main.product-page .rating-area,
  main.product-page .details-row .column {
    font-size: 20px;
  }

  main.product-page .product-details .details-box {
    padding: 14px 20px 14px 30px;
  }

  main.product-page .details-row .column:nth-child(1) {
    padding-right: 28px;
  }

  main.product-page .product-details .details-box .details-row {
    gap: 28px;
  }

  main.product-page .product-details-area h5 {
    font-size: 24px;
  }

  main.home .hero-slider .slider-product-area .image {
    max-width: 450px;
    height: auto;
  }

  /* Checkout */
  main.checkout h1.title {
    font-size: 64px;
  }

  main.checkout h2.cart-title {
    font-size: 48px;
  }

  main.checkout .custom-row {
    gap: 175px;
  }
}

@media (max-width: 1599px) {
  /* Learn */
  main.learn .s3 .column .description {
    min-width: auto;
  }

  main.learn .s4 .dark-bg-bottom {
    height: 200px;
  }

  main.learn .s5 .custom-row {
    padding-bottom: 250px;
  }

  /* Checkout */
  main.checkout .cart-footer .total-area .total-price,
  main.checkout .cart-footer .total-area .title,
  main.checkout .cart-footer-item .cart-footer-price,
  main.checkout .cart-footer-item .title {
    font-size: 20px;
  }

  main.checkout .cart-item .product-name {
    font-size: 22px;
  }

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

@media (max-width: 1399px) {
  /* Header */

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

  #header .main-menu li a {
    font-size: 16px;
  }

  /* Home */

  main.home .s1 .slider-left-side .title {
    font-size: 64px;
    margin-bottom: 20px;
  }

  main.home .s1 .slider-left-side .title span {
    font-size: 72px;
    height: 62px;
  }

  main.home .s1 .slider-left-side .title span::after {
    height: 60px;
  }

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

  main.home .hero-slider .slider-product-area .image {
    max-width: 400px;
    height: auto;
  }

  main.home .s5 .lifestyle-bottom p,
  main.home .s4 .titleWrapper p,
  main.home .s2 .titleWrapper p,
  main.home .s1 .slider-left-side p {
    font-size: 18px;
  }

  main.home .hero-slider .swiper-pagination {
    bottom: 3%;
  }

  main.home .hero-slider .slider-product-area {
    gap: 20px;
    margin-top: 0;
  }

  main.home .slider-next,
  main.home .slider-prev {
    width: 47px;
    height: 46px;
    background-size: 16px;
  }

  main.home .s2 {
    padding-top: 150px;
  }

  main.home .s2 .product-item .product-image {
    max-width: 130px;
  }

  main.home .s2 .products-area {
    column-gap: 100px;
  }

  .footer-banner .title,
  main.home .s5 .lifestyle-bottom .title,
  main.home .s5 .title,
  main.home .s4 .title,
  main.home .s3 .title,
  main.home .s2 .title {
    font-size: 64px;
  }

  main.home .s2 .titleWrapper {
    gap: 100px;
  }

  main.home .s3 .dark-bg-top {
    height: 150px;
  }

  main.home .s2 {
    background-position: bottom -175px left;
  }

  main.home .s3 .item-list li {
    font-size: 22px;
  }

  main.home .s3 .item-list {
    gap: 54px;
    padding-bottom: 145px;
  }

  main.home .s3 .about .content-area .title {
    font-size: 48px;
  }

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

  main.home .s3 .dark-bg-bottom {
    height: 200px;
  }

  main.home .s4 {
    background-position: top -275px right;
  }

  main.home .s4 .item p {
    font-size: 22px;
  }

  main.home .s4 .items-wrapper {
    gap: 75px;
  }

  main.home .s5 .white-bg-top {
    height: 150px;
  }

  main.home .s5 .lifestyle-items .description {
    gap: 23px;
  }

  main.home .s5 .lifestyle-items .description p {
    font-size: 20px;
  }

  main.home .s5 .lifestyle-bottom p {
    max-width: 275px;
  }

  main.home .s5 .lifestyle-bottom .image-area {
    max-width: 685px;
  }

  main.home .s5 .lifestyle-items {
    padding-bottom: 150px;
  }

  /* Learn */

  main.learn .s1 {
    padding-top: 75px;
  }

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

  main.learn .s1 .black-bar {
    padding: 27px 45px;
    gap: 25px;
  }

  main.learn .s6 .column .item p,
  main.learn .s5 .content-area .description b,
  main.learn .s5 .content-area .description p,
  main.learn .s5 .content-area .subtitle p,
  main.learn .s4 p,
  main.learn .s4 .subtitle,
  main.learn .s2 .items .item span,
  main.learn .s2 b,
  main.learn .s2 p,
  main.learn .s2 .subtitle,
  main.learn .s1 .black-bar .item {
    font-size: 18px;
  }

  main.learn .s6 .title,
  main.learn .s5 .content-area .title,
  main.learn .s4 .title,
  main.learn .s2 .title {
    font-size: 48px;
  }

  main.learn .s5 .content-area .subtitle::before,
  main.learn .s2 .subtitle::before {
    left: -24px;
  }

  main.learn .s2 .items {
    margin-bottom: 35px;
  }

  main.learn .s3 .column .title {
    font-size: 28px;
    margin-bottom: 45px;
  }

  main.learn .s4 .dark-bg-top {
    height: 200px;
  }

  main.learn .s6 .column .item .title,
  main.learn .s4 .column .list-title h5 {
    font-size: 20px;
  }

  main.learn .s4 .column .list-title {
    gap: 23px;
  }

  main.learn .s4 .dark-bg-bottom {
    height: 150px;
  }

  main.learn .s5 {
    background-position: top -375px right;
  }

  main.learn .s5 .custom-row {
    padding-bottom: 150px;
    gap: 165px;
  }

  main.learn .s5 .content-area .title {
    margin-bottom: 45px;
  }

  main.learn .s5 .content-area .subtitle {
    margin-bottom: 20px;
  }

  main.learn .s6 .white-bg-top {
    height: 200px;
  }

  /* FAQ */

  main.faq .s1 .title {
    font-size: 64px;
    margin-bottom: 25px;
  }

  main.faq .s1 .faq-item .faq-details h6 {
    font-size: 24px;
  }

  main.faq .s1 .faq-item {
    gap: 27px;
  }

  main.faq .s1 .faq-item .faq-details p {
    font-size: 18px;
  }

  main.faq .s2 .title {
    font-size: 48px;
    margin-bottom: 25px;
  }

  main.faq .s2 p {
    font-size: 18px;
    max-width: 450px;
    margin-bottom: 30px;
  }

  /* Contact */

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

  main.contact .s1 p {
    font-size: 20px;
  }

  main.contact .form-wrapper {
    max-width: 600px;
  }

  main.contact .s1 .image-area .img-big {
    max-width: 375px;
  }

  main.contact .s1 .image-area {
    max-width: 450px;
    height: 590px;
  }

  main.contact .s1 .image-area .img-sm {
    max-width: 145px;
  }

  /* Single Product */
  main.product-page .product-wrapper {
    gap: 50px;
  }

  main.product-page .product-wrapper .product-image {
    width: 375px;
    max-height: 300px;
  }

  main.product-page .product-wrapper .product-image img {
    max-width: 165px;
    height: max-content;
    margin-top: -12.5%;
  }

  main.product-page .product-details .title {
    font-size: 48px;
    margin-bottom: 25px;
  }

  main.product-page .rating-area {
    margin-top: 25px;
  }

  main.product-page .product-details .details-box {
    padding: 14px 20px;
  }

  main.product-page .product-details-area .directions,
  main.product-page .product-details-area p,
  main.product-page .rating-area,
  main.product-page .details-row .column {
    font-size: 18px;
  }

  main.product-page .product-details-area h5 {
    font-size: 22px;
  }

  main.product-page .product-details-area .directions {
    margin-bottom: 35px;
  }

  main.product-page .product-details-area .review h5 {
    margin-bottom: 15px;
  }

  main.product-page .s2 .title,
  main.product-page .s2 .product-slider {
    padding: 0 70px;
  }

  main.product-page .s2 .title {
    font-size: 48px;
    margin-bottom: 45px;
  }

  main.product-page .s2 {
    background-position: top -180px left;
  }

  /* Products */

  main.products .products-wrapper {
    column-gap: 75px;
    row-gap: 75px;
  }

  main.products .s1 .title {
    font-size: 64px;
    max-width: 900px;
  }

  main.products .s1 .black-bar span {
    font-size: 22px;
  }

  main.products .s1 .black-bar {
    padding: 15px 25px 15px 30px;
  }

  main.products .s1 .filters-area span {
    font-size: 16px;
  }

  main.products .load-more-btn {
    margin-top: 75px;
  }

  /* Checkout */
  main.checkout .custom-row {
    gap: 100px;
  }

  main.checkout .custom-row .cart-col {
    max-width: 320px;
  }

  /* Blog */
  main.blog .title {
    font-size: 72px;
    margin-bottom: 75px;
  }

  main.single .post-item .image-area,
  main.blog .post-item .image-area {
    width: 500.77px;
    height: 300.904px;
  }

  main.single .post-item .post-title,
  main.blog .post-item .post-title {
    font-size: 24px;
    margin-bottom: 15px;
  }

  main.single .post-item p,
  main.blog .post-item p {
    font-size: 18px;
    margin-bottom: 40px;
  }

  main.single .post-item,
  main.blog .post-item {
    gap: 40px;
  }

  main.single .s1 .title {
    font-size: 48px;
  }

  main.single .s1 .image-area {
    margin-bottom: 50px;
  }

  main.single .s1 .content-area {
    padding: 0 45px;
  }

  main.single .s1 .subtitle {
    font-size: 24px;
    margin-bottom: 20px;
  }

  main.single .s1 .content-bottom {
    margin-top: 75px;
  }

  main.single .s2 {
    padding-top: 125px;
  }

  /* Footer */

  .footer-banner .footer-product {
    max-width: 251px;
    height: 400px;
  }

  .footer-banner .title {
    max-width: 700px;
    margin-top: 45px;
    margin-bottom: 35px;
  }

  .footer-banner p {
    font-size: 18px;
    max-width: 520px;
    margin-bottom: 35px;
  }

  #footer .footer-leftside {
    gap: 25px;
  }

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

  .footer-banner {
    background-position: top -190px center;
  }
}

@media (max-width: 1199px) {
  /* Home */

  main.home .slider-content {
    padding: 0 70px;
  }

  .footer-banner .title,
  main.home .s5 .lifestyle-bottom .title,
  main.home .s5 .title,
  main.home .s4 .title,
  main.home .s3 .title,
  main.home .s2 .title,
  main.home .s1 .slider-left-side .title {
    font-size: 56px;
  }

  main.home .s1 .slider-left-side .title span {
    font-size: 64px;
    height: 54px;
  }

  main.home .s1 .slider-left-side .title span::after {
    height: 48px;
  }

  main.home .hero-slider {
    padding-top: 75px;
  }

  main.home .s2 .products-area {
    padding-bottom: 75px;
    column-gap: 70px;
  }

  main.home .s2 {
    background-position: bottom -250px left;
    background-size: 25%;
    padding-bottom: 175px;
  }

  main.home .s3 .item-list li {
    font-size: 18px;
    gap: 21px;
  }

  main.home .s3 .item-list {
    gap: 35px;
    padding-bottom: 100px;
  }

  main.home .s3 .about {
    gap: 45px;
    padding-bottom: 0;
  }

  main.home .s4 {
    padding: 145px 0;
  }

  main.home .s4 .titleWrapper p {
    margin-bottom: 6px;
  }

  main.home .s4 .items-wrapper {
    gap: 45px;
  }

  main.home .s4 .item p {
    font-size: 20px;
  }

  main.home .s4 .item .image {
    margin-bottom: 15px;
  }

  main.home .s5 .white-bg-top {
    height: 125px;
  }

  main.home .s5 .lifestyle-items {
    row-gap: 45px;
    grid-template-columns: repeat(2, 1fr);
  }

  main.home .s5 .white-bg-bottom {
    height: 175px;
  }

  /* Learn */

  main.learn .s6 .title,
  main.learn .s5 .content-area .title,
  main.learn .s4 .title,
  main.learn .s2 .title {
    font-size: 36px;
  }

  main.learn .s1 {
    padding-top: 50px;
  }

  main.learn .s4 .custom-row {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 45px;
    margin-top: 45px;
  }

  main.learn .s6 .subtitle p,
  main.learn .s4 .column li,
  main.learn .s3 .column .description b,
  main.learn .s3 .column .description p,
  main.learn .s3 .column .description li,
  main.learn .s6 .column .item p,
  main.learn .s5 .content-area .description b,
  main.learn .s5 .content-area .description p,
  main.learn .s5 .content-area .subtitle p,
  main.learn .s4 p,
  main.learn .s4 .subtitle,
  main.learn .s2 p,
  main.learn .s2 .subtitle,
  main.learn .s1 .black-bar .item {
    font-size: 16px;
  }

  main.learn .s2 .items {
    row-gap: 15px;
    margin-bottom: 25px;
    margin-top: 20px;
  }

  main.learn .s5 .image-area .img-big,
  main.learn .s2 .image-area .img-big {
    max-width: 375px;
  }

  main.learn .s5 .custom-row .image-area,
  main.learn .s2 .image-area {
    max-width: 375px;
    height: 560px;
  }

  main.learn .s2 .image-area .img-sm {
    max-width: 145px;
    left: -65px;
  }

  main.learn .s5 .image-area .img-sm {
    max-width: 145px;
    right: -60px;
    height: auto;
  }

  main.learn .s5 .custom-row:nth-child(2) .image-area .img-sm {
    left: -60px;
  }

  main.learn .s3 .column .description b {
    font-size: 18px;
  }

  main.learn .s3 .column .title {
    font-size: 24px;
    margin-bottom: 30px;
  }

  main.learn .s4 .column .list-title {
    margin-bottom: 20px;
    gap: 18px;
  }

  main.learn .s4 .column ul {
    padding-left: 3rem;
  }

  /* FAQ */

  main.faq .s1 .title {
    font-size: 56px;
  }

  main.faq .s1 p {
    font-size: 20px;
  }

  main.faq .s1 .faq-item .faq-details h6 {
    font-size: 22px;
  }

  main.faq .s1 .faq-item .faq-details {
    row-gap: 15px;
  }

  /* Contact */

  main.contact .s1 .custom-row {
    flex-direction: column;
    row-gap: 45px;
  }

  main.contact .s1 .custom-row .column:nth-last-child(1) {
    order: 1;
  }

  main.contact .s1 .custom-row .column:nth-child(1) {
    order: 2;
  }

  main.contact .form-wrapper {
    max-width: none;
  }

  main.contact input[type="text"],
  main.contact input[type="email"],
  main.contact input[type="tel"],
  main.contact input[type="phone"] {
    flex: 1;
    margin-bottom: 29px;
  }

  main.contact textarea {
    margin-bottom: 29px;
  }

  main.contact .s1 {
    padding-top: 75px;
  }

  main.contact .s1 .image-area {
    justify-content: start;
  }

  main.contact .s1 .image-area .img-sm {
    left: auto;
    right: 0;
  }

  main.contact .title {
    font-size: 56px;
    margin-bottom: 20px;
  }

  /* Single Product */
  main.product-page .product-wrapper {
    flex-direction: column;
  }

  main.product-page .s2 .product-item .image {
    max-width: 100px;
  }

  /* Products */
  main.products .products-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  main.products .s1 .title {
    font-size: 56px;
    max-width: 700px;
  }

  main.products .s1 .black-bar {
    gap: 40px;
    flex-direction: column;
  }

  main.products .s1 .black-bar span {
    font-size: 20px;
  }

  main.products .s1 .filters-area span {
    font-size: 16px;
  }

  main.products .s1 .black-bar .filters-area {
    gap: 38px;
  }

  /* Checkout */
  main.checkout .input-row {
    flex-direction: column;
    gap: 0;
  }
  main.checkout .shipping_address .form-row {
    width: 100% !important;
  }

  /* Blog */
  main.single .post-item,
  main.blog .post-item {
    flex-direction: column;
    gap: 20px;
  }

  /* Footer */

  #footer .footer-wrapper {
    flex-direction: column;
    align-items: end;
  }

  .footer-banner {
    padding-bottom: 100px;
    background-position: top -100px center;
  }
}

@media (max-width: 991px) {
  /* Header */

  #header .main-menu {
    display: none;
  }

  #header .mobileMenuBtn {
    display: flex;
    order: 1;
  }

  #header .logoArea {
    flex: 1;
    order: 2;
    max-width: none;
    display: flex;
    justify-content: center;
  }

  #header .menu-right {
    order: 3;
  }

  /* Home */

  main.home .hero-slider {
    padding-top: 0;
  }

  main.home .hero-slider .swiper-pagination {
    bottom: 0;
    justify-content: end;
  }

  main.home .hero-slider .slider-content {
    flex-direction: column;
    row-gap: 30px;
  }

  main.home .hero-slider .slider-left-side {
    order: 2;
  }

  main.home .hero-slider .slider-product-area {
    order: 1;
  }

  main.home .s2 .product-item .product-image {
    max-width: 75px;
  }

  main.home .s2 .products-area {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 45px;
    column-gap: 75px;
  }

  main.home .s2 {
    background-position: bottom -150px left;
  }

  main.home .s2 .titleWrapper {
    gap: 45px;
  }

  main.home .s2 .product-item .product-image {
    max-width: 120px;
  }

  main.home .s2 .product-item {
    gap: 16px;
  }

  main.home .s3 .dark-bg-top {
    height: 100px;
  }

  main.home .s3 .item-list {
    flex-direction: column;
  }

  main.home .s3 .item-list li {
    flex-direction: row;
  }

  main.home .s3 .item-list p {
    flex: 1;
  }

  main.home .s3 .about {
    flex-direction: column;
  }

  main.home .s3 .about .content-area .title {
    margin-bottom: 45px;
  }

  main.home .s3 .about .content-area li {
    min-height: auto;
  }

  main.home .s4 .titleWrapper {
    flex-direction: column;
    align-items: start;
  }

  main.home .s4 .items-wrapper {
    flex-wrap: wrap;
    column-gap: 70px;
    row-gap: 45px;
    justify-content: center !important;
  }

  main.home .s5 .lifestyle-bottom {
    flex-direction: column;
    row-gap: 35px;
  }

  main.home .s5 .lifestyle-bottom .image-area {
    order: 1;
    height: auto;
  }

  main.home .s5 .lifestyle-bottom .content-area {
    order: 2;
  }

  main.home .s5 .lifestyle-bottom .title {
    margin-bottom: 25px;
  }

  main.home .s5 .lifestyle-items .image {
    height: auto;
  }

  /* Learn */

  main.learn .s1 .title {
    font-size: 48px;
  }

  main.learn .s2 .custom-row {
    flex-direction: column;
    gap: 45px;
    margin-bottom: 50px;
  }

  main.learn .s1 .black-bar {
    flex-direction: column;
    align-items: start;
  }

  main.learn .s1 .black-bar .item {
    gap: 20px;
  }

  main.learn .s1 .black-bar .item::after {
    display: none;
  }

  main.learn .s1 .black-bar .item::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primaryColor);
    display: block;
  }

  main.learn .s2 .items .item .image {
    width: 48px;
    height: 48px;
  }

  main.learn .s2 .items {
    margin: 20px 0;
  }

  main.learn .s2 .custom-row .content-area {
    order: 2;
  }

  main.learn .s2 .custom-row .image-area {
    order: 1;
  }

  main.learn .s2 .image-area .img-sm {
    right: -65px;
    left: auto;
  }

  main.learn .s3 {
    padding-top: 0;
  }

  main.learn .s3 .custom-row {
    display: flex;
    flex-direction: column;
  }

  main.learn .s3 .custom-row .column {
    padding-right: 0;
    border-right: none;
    padding-bottom: 48px;
    border-bottom: 1px solid var(--primaryColor);
  }

  main.learn .s3 .custom-row .column:nth-last-child(1) {
    border-bottom: none;
    padding-bottom: 0;
  }

  main.learn .s3 .column .description {
    max-width: none;
  }

  main.learn .s4 .column .image {
    height: auto;
    max-height: 250px;
  }

  main.learn .s4 .s4-content-area {
    padding-bottom: 50px;
  }

  main.learn .s5 {
    background-position: top -100px right;
  }

  main.learn .s5 .custom-row {
    flex-direction: column;
    gap: 45px;
  }

  main.learn .s5 .custom-row .image-area {
    order: 1;
  }

  main.learn .s5 .custom-row .content-area {
    order: 2;
  }

  main.learn .s5 .custom-row:nth-child(2) .image-area .img-sm {
    left: auto;
    right: -60px;
  }

  main.learn .s6 .custom-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 55px;
    margin-top: 45px;
  }

  /* FAQ */

  main.faq {
    background-position: top 800px left;
  }

  main.faq .s2 {
    padding-bottom: 125px;
  }

  /* Contact */

  main.contact .s1 {
    padding-top: 50px;
  }

  main.contact .title {
    font-size: 48px;
  }

  main.contact .s1 .image-area {
    max-width: 375px;
    height: 500px;
  }

  main.contact .s1 .image-area .img-big {
    max-width: 325px;
  }

  main.contact .s1 .image-area .img-sm {
    max-width: 125px;
  }

  main.contact .s1 p {
    font-size: 18px;
  }

  /* Single Product */
  main.product-page .s2 .title,
  main.product-page .s2 .product-slider {
    padding: 0;
  }

  main.product-page .swiper-product {
    display: flex;
    justify-content: center;
  }

  /* Products */
  main.products .s1 .title {
    font-size: 48px;
  }

  main.products .s1 .black-bar {
    padding: 20px;
    gap: 30px;
    margin-bottom: 50px;
  }

  main.products .s1 .filters-area label {
    gap: 10px;
  }

  main.products .s1 .filters-area .icon {
    width: 28px;
    height: 28px;
  }

  main.products .product-item .image {
    max-width: 100px;
  }

  main.products .s2 {
    padding-bottom: 125px;
  }

  main.product-page .s2 {
    background-size: 25%;
  }

  /* Checkout */
  main.checkout .custom-row {
    flex-direction: column;
    gap: 45px;
  }

  main.checkout .custom-row .cart-col {
    max-width: 100%;
  }

  /* Footer */

  .footer-banner .footer-banner-content {
    padding: 0 25px;
  }

  .footer-banner .footer-product {
    max-width: 205px;
    height: 325px;
  }
}

@media (max-width: 820px) {
  /* FAQ */

  main.faq .s1 .title {
    font-size: 48px;
  }

  main.faq .s1 .faq-item .faq-details h6 {
    font-size: 20px;
  }

  main.faq .s1 .faq-item {
    gap: 17px;
  }

  main.faq .s1 .faq-items {
    row-gap: 25px;
  }

  main.faq .s1 .faq-item .icon {
    width: 45px;
    height: 40px;
  }

  main.faq .s1 .faq-item .faq-details p {
    font-size: 16px;
  }

  main.faq .s1 p {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  /* Single Product */
  main.product-page .product-wrapper {
    padding: 75px 0;
    gap: 45px;
  }

  main.product-page .product-details .title {
    font-size: 36px;
  }

  main.product-page .product-wrapper .product-image {
    width: 100%;
  }

  main.product-page .product-wrapper .product-image img {
    margin-top: -10%;
    padding-bottom: 30px;
  }

  main.product-page .product-details .details-box {
    flex-direction: column;
    gap: 25px;
  }

  main.product-page .product-details-area .direction-row {
    flex-direction: column;
  }

  main.product-page .direction-row .column:nth-child(1) {
    padding-right: 0;
    border-right: none;
  }

  /* Products */
  main.products .s1 .black-bar .filters-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  main.products .products-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 45px;
  }

  main.products .product-item-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  main.products .s1 {
    padding-top: 45px;
  }
}

@media (max-width: 576px) {
  /* Header */
  #header .headerWrapper {
    padding: 10px 28px;
  }

  #header .logoArea,
  #header .logoArea img {
    height: 55px;
  }

  #header .menu-btns-wrap {
    gap: 8px;
  }

  #header .menu-btns-wrap a {
    width: 38px;
    height: 37px;
    background-size: 18px;
  }

  #header .menu-btns-wrap a.profile-btn {
    background-size: 25px;
  }

  /* Global */

  .primaryButton {
    width: 250px;
    height: 45px;
    font-size: 15px;
  }

  /* Home */

  main.home .hero-slider .slider-product-area .image {
    width: 100%;
    max-width: 400px;
    height: auto;
  }

  main.home .s2 .product-item .product-details,
  main.home .slider-product-area .details {
    row-gap: 5px;
  }

  main.home .s2 .product-item .product-details span:nth-child(1),
  main.home .slider-product-area .details span:nth-child(1) {
    padding-bottom: 5px;
  }

  main.home .s2 .product-item .product-details span,
  main.home .s1 .slider-left-side .specs p,
  main.home .slider-product-area .details span {
    font-size: 12px;
  }

  main.home .s2 .product-item .product-image {
    max-width: 110px;
  }

  .footer-banner .title,
  main.home .s5 .lifestyle-bottom .title,
  main.home .s5 .title,
  main.home .s4 .title,
  main.home .s3 .title,
  main.home .s2 .title,
  main.home .s1 .slider-left-side .title {
    font-size: 36px;
  }

  main.home .s1 .slider-left-side .title {
    margin-bottom: 15px;
  }

  main.home .hero-slider .slider-content {
    padding: 0 50px;
    row-gap: 20px;
    padding-bottom: 10px;
  }

  main.home .s1 .slider-left-side .title span {
    font-size: 41px;
    height: 39px;
  }

  main.home .s1 .slider-left-side .title span::after {
    height: 38px;
    padding: 0 15px;
  }

  main.home .slider-next,
  main.home .slider-prev {
    width: 30px;
    height: 29px;
    background-size: 11px;
    top: 40%;
  }

  main.home .s5 .lifestyle-bottom p,
  main.home .s4 .titleWrapper p,
  main.home .s2 .titleWrapper p,
  main.home .s1 .slider-left-side p {
    font-size: 14px;
  }

  main.home .s1 .slider-left-side p {
    margin-bottom: 20px;
  }

  main.home .hero-slider .swiper-pagination {
    margin-left: 0;
    flex-direction: column-reverse;
    align-items: end;
    justify-content: end;
    z-index: 5;
    gap: 8px;
    bottom: 10px;
    width: max-content;
    right: 0;
    bottom: 0;
    left: auto;
  }

  main.home .s2 .titleWrapper {
    flex-direction: column;
    align-items: start;
    gap: 20px;
    padding-bottom: 45px;
  }

  main.home .s2 .products-area {
    display: flex;
    flex-direction: column;
  }

  main.home .s2 .product-item {
    justify-content: start;
  }

  main.home .s2 {
    background-position: bottom left;
    background-size: 25%;
    padding-top: 75px;
  }

  main.single
    .s1
    .content-bottom
    .back-btn
    i.plus
    main.single
    .post-item
    .load-more
    i.plus,
  main.blog .post-item .load-more i.plus,
  main.home .s3 .about .learn-more .icon,
  main.home .s2 .see-all .icon {
    width: 45px;
    height: 40px;
  }

  main.home .s3 .about {
    gap: 0;
  }

  main.home .s3 .title {
    margin-bottom: 45px;
  }

  main.home .s3 .item-list li {
    font-size: 16px;
    gap: 15px;
  }

  main.home .s3 .item-list li::before {
    margin-top: 5px;
  }

  main.home .s3 .about .image-area {
    max-width: 375px;
    min-height: auto;
    height: 550px;
  }

  main.home .s3 .about .img-big {
    max-width: 325px;
  }

  main.home .s3 .about .img-sm {
    max-width: 145px;
  }

  main.home .s3 .about .content-area li {
    font-size: 16px;
  }

  main.home .s3 .dark-bg-bottom {
    height: 150px;
  }

  main.home .s3 .about .content-area .title {
    font-size: 36px;
  }

  main.home .s4 .titleWrapper {
    margin-bottom: 50px;
    gap: 20px;
  }

  main.home .s4 .item p {
    font-size: 18px;
  }

  main.home .s4 {
    background-position: top right;
    padding: 100px 0;
  }

  main.home .s5 .white-bg-bottom,
  main.home .s5 .white-bg-top {
    height: 100px;
  }

  main.home .s5 .lifestyle-items {
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 45px;
  }

  main.home .s5 .lifestyle-items .image {
    margin-bottom: 20px;
  }

  main.home .s5 .title {
    margin-bottom: 45px;
  }

  main.home .s5 .lifestyle-items .description p {
    font-size: 16px;
  }

  main.home .s5 .lifestyle-items .description {
    gap: 13px;
  }

  /* Learn */

  main.learn .s6 .custom-row,
  main.learn .s4 .custom-row {
    grid-template-columns: repeat(1, 1fr);
  }

  main.learn .s6 .custom-row {
    gap: 45px;
  }

  main.learn .s5 .image-area,
  main.learn .s2 .image-area {
    max-width: 375px;
  }

  main.learn .s5 .image-area .img-big,
  main.learn .s2 .image-area .img-big {
    max-width: 325px;
  }

  main.learn .s2 .image-area .img-sm {
    max-width: 145px;
  }

  main.learn .s5 .custom-row:nth-child(2) .image-area .img-sm,
  main.learn .s5 .image-area .img-sm,
  main.learn .s2 .image-area .img-sm {
    right: 0;
  }

  main.learn .s1 .title {
    font-size: 36px;
    margin-bottom: 25px;
  }

  main.learn .s1 {
    padding-top: 35px;
  }

  main.learn .s1 .black-bar {
    padding: 20px 25px;
    gap: 20px;
    margin-bottom: 45px;
  }

  main.learn .s2 .custom-row {
    gap: 15px;
  }

  main.learn .s5 .custom-row {
    gap: 15px;
    padding-bottom: 75px;
  }

  main.learn .s6 .subtitle::before,
  main.learn .s4 .subtitle::before,
  main.learn .s5 .content-area .subtitle::before,
  main.learn .s2 .subtitle::before {
    left: 0;
  }

  main.learn .s6 .subtitle,
  main.learn .s4 .subtitle,
  main.learn .s5 .content-area .subtitle,
  main.learn .s2 .subtitle {
    padding-left: 15px;
  }

  main.learn .s6 .title,
  main.learn .s3 .column .title {
    margin-bottom: 20px;
  }

  main.learn .s4 .dark-bg-bottom,
  main.learn .s6 .white-bg-top,
  main.learn .s4 .dark-bg-top {
    height: 100px;
  }

  main.learn .s6 .white-bg-bottom {
    height: 150px;
  }

  main.learn .s4 .column .list-title::before {
    width: 10px;
    height: 10px;
  }

  main.learn .s4 .column .list-title {
    margin-bottom: 15px;
    gap: 10px;
  }

  main.learn .s6 .title,
  main.learn .s5 .content-area .title,
  main.learn .s4 .title,
  main.learn .s2 .title {
    font-size: 28px;
  }

  main.learn .s5 {
    background-position: top right;
    background-size: 60%;
    padding-top: 150px;
  }

  main.learn .s5 .content-area .title {
    margin-bottom: 20px;
  }

  main.learn .s6 .subtitle,
  main.learn .s5 .content-area .subtitle {
    margin-bottom: 10px;
  }

  main.learn .s6 p {
    font-size: 16px;
  }

  main.learn .s6 .column .item .title,
  main.learn .s4 .column .list-title h5 {
    font-size: 18px;
  }

  /* FAQ */

  main.faq .s1 {
    padding-top: 50px;
  }

  main.faq .s1 .title {
    font-size: 36px;
    margin-bottom: 20px;
  }

  main.faq .s1 .faq-items {
    margin-top: 50px;
  }

  main.faq .s1 .faq-item .faq-details h6 {
    font-size: 18px;
  }

  main.faq .s1 .faq-item .faq-details p {
    font-size: 15px;
  }

  main.faq .s2 .title {
    font-size: 32px;
    margin-bottom: 20px;
  }

  main.faq .s2 .form-btn .icon {
    width: 45px;
    height: 40px;
  }

  main.faq .s2 .form-btn {
    gap: 22px;
  }

  main.faq {
    background-size: 40%;
  }

  /* Contact */

  main.contact .title {
    font-size: 36px;
    margin-bottom: 15px;
  }

  main.contact .s1 p {
    font-size: 16px;
    margin-bottom: 30px;
  }

  main.contact .input-wrapper {
    flex-direction: column;
    row-gap: 0;
  }

  main.contact input[type="text"],
  main.contact input[type="email"],
  main.contact input[type="tel"],
  main.contact input[type="phone"] {
    width: 100%;
  }

  main.contact .s1 .custom-row {
    row-gap: 15px;
  }

  main.contact .s1 {
    padding-top: 45px;
    padding-bottom: 100px;
  }

  main.contact .s1 .image-area .img-big {
    max-width: 275px;
  }

  main.contact .s1 .image-area {
    max-width: 325px;
    height: 435px;
  }

  main.contact .s1 .image-area .img-sm {
    max-width: 115px;
  }

  /* Single Product */
  main.product-page .product-wrapper .product-image img {
    max-width: 120px;
  }

  main.product-page .product-details .title {
    font-size: 32px;
  }

  main.product-page .product-details-area h5 {
    font-size: 20px;
  }

  main.product-page .product-details-area .directions,
  main.product-page .product-details-area p,
  main.product-page .rating-area,
  main.product-page .details-row .column {
    font-size: 16px;
  }

  main.product-page .product-details .details-box .details-row {
    gap: 18px;
  }

  main.product-page .details-row .column:nth-child(1) {
    padding-right: 18px;
  }

  main.product-page .s2 .title {
    font-size: 36px;
    margin-bottom: 25px;
  }

  main.product-page .swiper-next {
    right: 0;
  }

  main.product-page .swiper-prev {
    left: 0;
  }

  main.product-page .s2 .product-item .image {
    max-width: 80px;
  }

  main.product-page .swiper-next,
  main.product-page .swiper-prev {
    width: 36px;
    height: 34px;
  }

  main.product-page .s2 {
    padding-bottom: 100px;
  }

  main.product-page .load-more-area {
    margin-top: 100px;
  }

  main.product-page .load-more-btn .icon {
    width: 45px;
    height: 40px;
  }

  main.product-page .s2 {
    background-position: top -100px left;
    background-size: 35%;
  }

  /* Products */
  main.products .s1 {
    padding-top: 25px;
  }

  main.products .s1 .title {
    font-size: 36px;
    margin-bottom: 30px;
  }

  /* Blog */
  main.blog .title {
    font-size: 48px;
    margin-bottom: 45px;
  }

  main.single .post-item,
  main.blog .post-item {
    margin-bottom: 45px;
  }

  main.single .post-item .image-area,
  main.blog .post-item .image-area {
    width: 100%;
    height: 225px;
  }

  main.single .post-item .post-title,
  main.blog .post-item .post-title {
    font-size: 22px;
  }

  main.single .post-item p,
  main.blog .post-item p {
    font-size: 16px;
  }

  main.single .s1 .title {
    font-size: 36px;
    margin-bottom: 25px;
  }

  main.single .s1 .image-area {
    height: 225px;
    margin-bottom: 25px;
  }

  main.single .s1 .image-area img {
    height: 100%;
    object-fit: cover;
  }

  main.single .s1 .content-area {
    padding: 0 10px;
  }

  main.single .s1 .content-area strong,
  main.single .s1 .content-area b,
  main.single .s1 .content-area a,
  main.single .s1 .content-area li,
  main.single .s1 .content-area p {
    font-size: 16px;
  }

  main.blog {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  /* Footer */
  .footer-banner {
    padding-bottom: 75px;
    background-position: top -50px center;
    background-size: 90%;
  }

  .footer-banner p {
    font-size: 16px;
    max-width: 375px;
    margin-bottom: 30px;
  }

  .footer-banner .footer-product {
    height: 275px;
    max-width: 175px;
  }

  .footer-banner .title {
    max-width: 300px;
    margin-top: 25px;
    margin-bottom: 25px;
  }

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

  #footer {
    padding-bottom: 45px;
  }

  #footer .footer-wrapper {
    gap: 25px;
    align-items: start;
  }

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

  #footer .social-media .item {
    width: 28px;
    height: 28px;
  }

  /* Checkout */
  main.checkout .cart-footer .total-area {
    margin-bottom: 50px;
  }

  main.checkout .order-received-container {
    padding: 20px 15px;
  }

  main.checkout .order-actions,
  main.checkout .order-failed .actions {
    gap: 10px;
  }

  main.checkout .order-actions .button {
    flex: 1;
  }

  main.checkout h1.title {
    font-size: 48px;
  }

  main.checkout {
    padding-bottom: 100px;
  }
}

@media (max-width: 375px) {
  main.learn .s5 .image-area .img-big,
  main.learn .s2 .image-area .img-big {
    max-width: 250px;
  }

  main.learn .s5 .custom-row:nth-child(2) .image-area .img-sm,
  main.learn .s5 .image-area .img-sm,
  main.learn .s2 .image-area .img-sm {
    max-width: 100px;
  }

  main.learn .s5 .custom-row .image-area,
  main.learn .s2 .image-area {
    height: 400px;
  }
}