/*
  global styles
*/

.template-13 .breadcrumbs {
  display: none;
}

.template-13 .content-inner header {
  display: none;
}

@media (min-width: 992px) {
  .template-13 .container-narrow {
    margin: 0 auto;
    width: 1334px;
  }
}

.page-custom-title-h2 {
  font-size: 60px;
  margin:0;
  display:inline-block;
}

@media screen and (max-width:991px) {
  .page-custom-title-h2 {
    font-size: 50px;
  }
}

@media screen and (max-width: 760px) {
  .page-custom-title-h2 {
    font-size: 40px;
  }
}


.page-custom-title-h3 {
  font-size: 50px;
  margin:0;
  display:inline-block;
}

@media screen and (max-width:991px) {
  .page-custom-title-h3 {
    font-size: 40px;
  }
}

@media screen and (max-width: 760px) {
  .page-custom-title-h3 {
    font-size: 30px;
  }
}

.page-custom-title-h4 {
  font-size: 30px;
  padding-top:12px;
  line-height:1.3;
  margin:0;
}

@media screen and (max-width:991px) {
  .page-custom-title-h4 {
    font-size: 25px;
  }
}

@media screen and (max-width: 760px) {
  .page-custom-title-h4 {
    font-size: 20px;
  }
}


.page-custom-title-label {
  color:#C865CA;
  font-size:30px;

}

/*
  header section
*/
.page-premium-header {
  background: #d5bfa2;
  display: flex;
  align-items: center;
  gap: 48px;
  padding: 24px 0;
  --element-background: #d5bfa2;
}

.page-premium-header-content {
  padding: 48px 0;
}
@media screen and (max-width:991px) {
  .page-premium-header-content {
    padding: 24px 0;
  }
}

.page-premium-header-buttons {
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  padding:16px 0;
}

.page-premium-header-title {
  font-size: 90px;
  text-transform: uppercase;
  margin: 24px 0 24px;
  line-height:1;
}

@media screen and (max-width:991px) {
  .page-premium-header-title {
    font-size: 70px;
    line-height:1.4;
    margin: 12px 0 24px;
  }
}

@media screen and (max-width: 760px) {
  .page-premium-header-title {
    font-size: 50px;
  }
}

.page-premium-header-subtitle {
  font-size: 45px;
  margin: 12px 0 24px;
}

@media screen and (max-width:991px) {
  .page-premium-header-subtitle {
    font-size: 38px;
  }

}

@media screen and (max-width: 760px) {
  .page-premium-header-subtitle {
    font-size: 30px;
  }
}


.page-premium-header-text {
  font-size: 30px;
  padding-top: 24px;
  line-height:1.3;
}

@media screen and (max-width:991px) {
  .page-premium-header-text {
    font-size: 25px;
  }
}

.page-premium-header-illustration {
  flex: 0 0 40%;
}

@media screen and (max-width:991px) {
  .page-premium-header-illustration {
    display: none;
  }
}

/*
  benefit section
*/
.page-premium-benefit {
  --element-background: #F5F2ED;
  background: var(--element-background);
  padding: 48px 0 64px;

}

.page-premium-benefit-v2 {
  background: #fff;
  padding: 48px 0 64px;
}


.page-premium-benefit-title {
  text-align: center;
  margin-bottom: 48px;
}

.page-premium-benefit-title h3 {
  margin: 0;
}

.page-premium-benefit-title h3 span {
  background: #00665C;
  color: #FFDD00;
  display:inline-block;
  padding: 0px 12px 5px;
  border-radius: 16px;
  font-size:60px;
}

.page-premium-benefit-title p {
  margin-top: 16px;
}

.page-premium-benefit-grid {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}


.page-premium-benefit-item {
  background: #E9EBE6;
  border-radius: 20px;
  padding: 24px 24px 0;
  min-width: 220px;
  flex: 1 0 calc(20% - 24px);
}

.page-premium-benefit-grid--alternate .page-premium-benefit-item {
  flex: 1 0 calc(33% - 24px);
}
.page-premium-benefit-item--white {
  background:#fff;
}

@media screen and (max-width: 750px) {
  .page-premium-benefit-item {
    flex: 1 0 calc(50% - 24px);
  }
}

@media screen and (max-width: 440px) {
  .page-premium-benefit-item {
    flex: 1 0 calc(100% - 24px);
  }
}

.page-premium-benefit-item-icon {
  display: block;
  margin: 0 auto;
  width: 140px;
  height: 100px;
  text-align: center;
  margin-bottom: 24px;
}

.page-premium-benefit-item-icon svg,
.page-premium-benefit-item-icon img {
  height: 100%;
}

.page-premium-benefit-item h4 {
  font-size: 25px;
}

.page-premium-benefit-item p {
  font-size: 15px;
  line-height: 1.4;
  margin-top: 16px;
}



/*
  benefit count it
*/
.page-premium-countit {
  padding: 48px 0;
}

.page-premium-countit-box {
  background: #E9F4F0;
  padding: 48px 84px 24px;
  position: relative;
  border-radius: 20px;
}

.page-premium-countit-box--alternate {
  background:#FFEBF2;
} 

@media screen and (max-width: 991px) {
  .page-premium-countit-box {
    padding: 48px 24px 24px;
  }
}

.page-premium-countit-header {
  text-align: center;
  margin-bottom: 48px;
}

.page-premium-countit-header h3 {
  margin: 0;
}

.page-premium-countit-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}

@media screen and (max-width: 760px) {
  .page-premium-countit-grid {
    grid-template-columns: 1fr;
  }
}

.page-premium-countit-note {
  color: #8B8B8B;
  text-align: center;
  padding-top: 24px;
  font-size: 20px;
}



/*
  howto section
*/
.page-premium-howto {
  padding: 48px 0 64px;
}

@media screen and (max-width: 991px) {
  .page-premium-howto {
    padding: 32px 0;
  }
}

.page-premium-howto-title {
  text-align: center;
  margin-bottom: 48px;
}

.page-premium-howto-title h3 {
  margin: 0;
}

.page-premium-howto-title h3 span {
  background: #00665C;
  color: #FFDD00;
  display:inline-block;
  padding: 0px 12px 5px;
  border-radius: 16px;
}

.page-premium-howto-title p {
  margin-top: 16px;
}

.page-premium-howto-grid {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
  counter-reset: howto;
}

.page-premium-howto-item {
  background: #F2F7F7;
  border-radius: 20px;
  padding: 24px;
  flex: 1 0 calc(25% - 24px);
  min-width: 240px;
  counter-increment: howto;
  position: relative;
  overflow: hidden;
}

.page-premium-howto-item .p-to-cart-block {
  justify-content: center;
}

.page-premium-howto-item:before {
  content: '0'counter(howto);
  position: absolute;
  top: -5px;
  right:10px;
  font-size: 80px;
  line-height:0.9;
  color:#91BDB9;
}
@media screen and (max-width: 570px) {
  .page-premium-howto-item {
    flex: 0 0 calc(100% - 24px);
  }
}

.page-premium-howto-item-icon {
  display: block;
  margin: 0 auto;
  width: 140px;
  height: 100px;
  text-align: center;
  margin-bottom: 24px;
}

.page-premium-howto-item-icon img {
  height: 100%;
}

.page-premium-howto-item h4 {
  font-size: 25px;
  color: #00665C;
}

.page-premium-howto-item p {
  font-size: 15px;
  line-height: 1.4;
  margin-top: 16px;
}

.page-premium-howto-notice {
  text-align: center;
  padding: 24px;
  font-size: 24px;
  line-height: 1.2;
  max-width: 900px;
  margin: 24px auto 0;
}

.page-premium-howto-notice--right {
  text-align: right;
}

/*
FAQ section
*/

.page-premium-faq {
  padding: 64px 0;
}

@media screen and (max-width: 991px) {
  .page-premium-faq {
    padding: 32px 0;
  }
}

.page-premium-faq .faq-block-title {
  background-color: #E9F4F0;
}

.page-premium-faq .homepage-group-title {
  max-width:900px;
  margin:0 auto;
}

@media screen and (max-width: 991px) {

  .page-premium-faq .faq-block-title,
  .page-premium-faq .faq-block-content-text {
    font-size: 18px;
    line-height: 1.4;
  }
}

.page-premium-faq .faq-block-content-text {
  background-color: #F1F1F1;
}

.page-premium-faq .faq-block-title:after {
  background-color: #FFDD00;
}

/*
Wholesale type
*/

.page-wholesale-type {
  padding: 64px 0;
  --element-background: #F5F2ED;
  background: var(--element-background);
}

.page-wholesale-type-grid {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top:48px;
}

.page-wholesale-type-item {
  background: #B3E4D5;
  border-radius: 20px;
  padding: 24px;
  flex: 1 0 calc(50% - 24px);
  min-width: 240px;
  display:flex;
  flex-direction: row;
  gap:24px;
}

.page-wholesale-type-illu {
  max-width:150px;
}

.page-wholesale-type-item--company {
  background:#F8E2;
}

.page-wholesale-type-text h3 {
  margin:0;
}



/* Form section */
.page-custom-box {
  --element-background: rgb(233, 244, 240);
  padding:48px 48px;
  margin:48px 0;
  background-color: var(--element-background);
  border-radius:20px;
}

@media screen and (max-width:768px) {
  .page-custom-box {
    padding:24px 12px;
    margin:24px 0;
  }
}


/* about us */
.page-about-whyus {
  --element-background: #BAEDE2;
  font-size:24px;
}
.page-about-whyus-v2 {
  --element-background: #F8E4EC;
  font-size:24px;
}
.page-about-whyus-grid {
  display: flex;
  justify-content: center;
  padding:48px 0 0 ;
  gap:48px;
}
.page-about-whyus-grid > div {
  flex: 0 0 calc(50% - 24px);
}
.page-about-whyus-box {
  background: #00665C;
  border-radius: 20px;
  padding: 48px 24px;
  color:#fff;
  text-align:center;
  font-size:40px;
}
.page-about-whyus-box-title {
  color:var(--pallete-color-primary);
  font-size: 60px;
  line-height:0.9;
  margin:0;
  text-transform:uppercase;
}



.page-about-happiness {
  --element-background: #E9F4F0;
  background: var(--element-background);
  padding:48px 0;
  font-size:24px;
}