/*
Theme Name:RichPack
Version: 1.0
Requires PHP: 7.20
Author: zhilong
*/
html {
  -webkit-font-smoothing: antialiased;
  height: 100%;
  touch-action: manipulation;
}
img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}




.types-search input::placeholder {
  color: #AAA; 
  font-family: 'Sen',sans-serif;
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 19.2px;
  text-align: left;

}

.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 4px 4px 0px #0000000D;

}

.h-a {
  width: 100%;
  z-index: 10;
  width: 14rem;
  margin: 0 auto;
  padding: 0.19rem 0;
}

.h-cont {
 
width: 100%;

}

.h-cont:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}

.h-left {
  float: left;
}

.h-logo {
  display: block;
  width: 1.32rem;
  height: 0.82rem;
}

.h-logo img {
  width: 100%;
  max-width: none;
  height: auto;
}


.h-right {
  float: right;
  max-width: 1200px;
}
.h-right-header{
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.13rem;
  max-height: 41px;
}

.h-h {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  /* margin-right: 0.47rem; */
}

.h-requat{
  background-color: var(--dark-green);
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1rem 0.2rem;
  border-radius: 4px;
}

.h-i {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding: 0 .2rem;
}

.h-i:last-child{
  padding-right: 0;
}

.h-j {
  display: inline-block;
  color: var(--black);
  line-height:21.25px;
  position: relative;
  font-family: 'Sen',sans-serif;
  font-weight: 600;
}

.h-i:hover .h-j {
  color: var(--green);
}

/* .h-i.active .h-j {
  color: var(--green);
} */

.h-sub {
  display: none;
  position: fixed;
  top: 0.88rem;
  left: 0;
  z-index: 188;
  width: 100%;
  padding: .3rem 0 .6rem;
  background-color: #F5F5EE;
}

.header.show .h-opa {
  display: block;
  top: 0.88rem;
}

.hb-cont {
  width: 16rem;
  margin: 0 auto;
  border-bottom: 1px solid #e9e9e9;
}

.has-pc .hb-cont {
  text-align: left;
}

.hb-one {
  display: inline-block;
  vertical-align: middle;
}

.hb-a {
  display: inline-block;
  cursor: pointer;
  color: #333333;
  padding: .2rem 0;
  /* margin-right: .45rem; */
}

/* .h-phone {
  display: none;
}

.h-phone{
  background-color: #fff;
  border: 2px solid #07923A
} */
.h-phone-email{
  background-color: #fff;
  border: 2px solid #07923A;
  padding: 0.08rem 0.2rem !important;
}
.hb-pc {
  width: 16rem;
  margin: 0 auto;
  padding-top: .5rem;
}

.hc-cont {
  display: none;
  width: 100%;
  font-size: 0;
}

.hc-cont.show {
  display: block;
}

.hc-left {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 12rem);
  padding-right: .4rem;
}

.hc-nav {
  display: block;
  position: relative;
  width: 100%;
  padding: .1rem .06rem .1rem 0;
  margin-bottom: .1rem;
  color: #666666;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hc-nav.active {
  color: #002FA7;
  border-bottom: 1px solid #ececec;
}

.hc-nav.active:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -.05rem;
  border-bottom: .05rem solid transparent;
  border-top: .05rem solid transparent;
  border-left: .06rem solid #002FA7;
}

.hc-right {
  display: inline-block;
  vertical-align: middle;
  width: 12rem;
}

.hc-item {
  display: none;
  width: 100%;
  padding: .8rem .5rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.hc-item.show {
  display: block;
}

.hc-text {
  display: inline-block;
  vertical-align: middle;
  width: 5.9rem;
}

.hc-name {
  color: #002FA7;
  padding-bottom: .3rem;
  position: relative;
  margin-bottom: .25rem;
}

.hc-name:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: .24rem;
  height: .02rem;
  background-color: #002FA7;
}

.hc-intro {
  color: #000000;
  line-height: 2.25;
}

.hc-img {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 5.9rem);
  text-align: center;
  height: 2.1rem;
  line-height: 2.1rem;
}

.hc-img img {
  max-width: 100%;
  max-height: 100%;
}

/* 第二种 */

.h-sub2 {
  display: none;
  width: 150px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 0.4rem;
  transform: translate(-50%, 0);
  z-index: 1000;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.h-sub2>li{
  padding: 0;
}
.h-sub2>li>a {
  display: block;
  cursor: pointer;
  width: 100%;
  padding: 10px 5px;
  line-height: 1.5;
  text-align: center;
  color: #333333;
  transition: background-color .3s;
}

.h-sub2>li>a:hover {
  /* background-color: var(--green); */
  color: var(--green);
  /* color: #fff;; */
  box-sizing: border-box;
}

/* 语言 */

.h-language {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.hl-tip {
  display: block;
  color: #333333;
}
.h-language .hl-tip img{
  margin-bottom: 2px;
}



.hl-list {
  display: none;
  width: 100px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 0.5rem;
  transform: translate(-50%, 0);
  z-index: 1000;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.hl-item {
  display: block;
  cursor: pointer;
  width: 100%;
  padding: 10px 5px;
  line-height: 1.5;
  text-align: center;
  font-size: 14px;
  color: #666;
  transition: background-color .3s;
}

.hl-item:hover {
  background-color: var(--green);
  color: #fff;
}

/* 搜索 */

.h-search {
  display: flex;
  align-items: center;
  margin: 0 0.3rem;
}

.hs-icon {
  display: block;
  cursor: pointer;
  width: .2rem;
  height: 0.2rem;
  background-image: url('/wp-content/themes/RichPack/newassets/image/icon_nav_search.svg');
  background-size: 0.2rem auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.hs-a {
  display: none;
  z-index: 108;
  white-space: nowrap;
  position: fixed;
  top: 1.5rem;
  left: 50%;
  transform: translate(-50%, 0);
}

.hs-form {
  font-size: 0;
  display: inline-block;
}

.hs-text {
  border: none;
  padding: 0 .2rem;
  display: inline-block;
  vertical-align: middle;
  width: 6rem;
  height: 45px;
  background-color: #fff;
  color: #333;
}

.hs-submit {
  border: none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 45px;
  height: 45px;
  background-color: #002FA7;
  background-image: url('/wp-content/themes/RichPack/newassets/images/a13-b.png');
  background-size: 15px auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.header.search-state .hs-a {
  display: block;
}

.header.search-state .h-opa {
  display: block;
}

.h-phone {
  /* display: inline-block; */
  vertical-align: middle;
  padding: 0.08rem 0rem;
  border-radius: 4px;
  margin-right: 0.1rem;
}

.hp-icon {
  display: inline-block;
  width: .2rem;
  height: .2rem;

  margin-right: .05rem;
}

.hp-icon img {
  width: 100%;
}

.hp-text {
  display: inline-block;
  vertical-align: middle;
  color: var(--green);
  font-family: 'Sen',sans-serif;
  font-weight: 600;
}

.h-menu {
  display: none;
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 1rem;
  height: 0.88rem;
  background-image: url('/wp-content/themes/RichPack/newassets/image/a-menu.png');
  background-size: .6rem auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.h-opa {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  cursor: pointer;
}

.h-car {
  display: inline-block;
  margin-right: .2rem;
  cursor: pointer;
  min-width: 18px;
  width: .25rem;
  height: 0.88rem;
  line-height:0.88rem;
}

.h-car img {
  width: 100%;
}


.h-sub2 li a{
  font-family: 'Sen',sans-serif;
font-weight: 400;
  color: var(--black);


}
@media(max-width: 1500px) {
  .h-i {
      padding: 0 .2rem;
  }
  .h-language {
      margin-left: .2rem;
  }
}


@media(min-width: 1200px) {
  /* .hb-one:hover .hb-a {
      color: #002FA7;
      border-bottom: .02rem solid #002FA7;
  }
  .hb-one.active .hb-a {
      color: #002FA7;
      border-bottom: .02rem solid #002FA7;
  }
  .h-i:hover .h-j:after {
      content: '';
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 100%;
      height: .02rem;
      background-color: var(--green);
  } */
  /* .h-i.active .h-j:after {
      content: '';
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 100%;
      height: .02rem;
      background-color: var(--green);
  } */
}

@media(max-width: 1200px) {
  .h-a {
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 0;
  }
  .h-language {
      margin-left: 0;
      margin-right: 10px;
  }
  .h-right-header{
    margin-right: 0.5rem;
  }
  .h-h {
      width: 260px;
      position: fixed;
      text-align: left;
      right: 0;
      top: 0;
      height: 100vh;
      background-color: #fff;
      margin-right: 0;
      padding-top: 10px;
      padding-bottom: 10px;
      overflow: auto;
      z-index: 10080;
      transform: translate(100%, 0);
      transition: transform .3s;
  }
  .h-i {
      width: 100%;
      padding: 0 !important;
      margin: 0 !important;
  }
  .h-j {
      padding: 0;
      padding-left: 20px;
      height: 40px;
      line-height: 40px;
      color: var(--medium-grey);
      font-size: 16px;
  }
  .h-i:hover .h-j {
      border-bottom: none;
      color: var(--medium-grey);
  }
  .h-i.active .h-j {
      border-bottom: none;
  }
  .h-i.has-sub:after {
      content: "";
      background-image: url('/wp-content/themes/RichPack/newassets/image/a-right.svg');
      background-size: 18px 18px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      position: absolute;
      right: 0;
      top: 0;
      font-size: 20px;
      color: var(--medium-grey);
  }
  .h-i.has-sub.show:after {
      background-image: url('/wp-content/themes/RichPack/newassets/images/a-down.svg');
  }
  .h-sub {
      position: relative;
      top: 0;
      padding: 0;
      background-color: #fff;
      box-shadow: none;
      left: 0;
      transform: translate(0, 0);
      width: 100% !important;
  }
  .hb-cont {
      width: 100%;
      text-align: left;
  }
  .hb-one {
      width: 100%;
      padding: 0 !important;
      margin: 0 !important;
      position: relative;
  }
  .hb-a {
      margin: 0;
      padding: 0;
      padding-left: 30px;
      height: 40px;
      line-height: 40px;
      color: #666;
      font-size: 15px;
  }
  .h-phone,.h-requat {
      display: none;
      width: 100%;
  }
  .h-phone>li>a {
      display: block;
      cursor: pointer;
      width: 100%;
      padding: 10px 5px 10px 50px;
      line-height: 1.5;
      font-size: 14px;
      color: var(--medium-grey);
  }
  .hb-one.has-phone:after {
      content: "";
      background-image: url('/wp-content/themes/RichPack/newassets/image/a-right.svg');
      background-size: 18px 18px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      position: absolute;
      right: 10px;
      top: 0;
      font-size: 20px;
      color: #333;
  }
  .hb-one.has-phone.show:after {
      background-image: url('/wp-content/themes/RichPack/newassets/image/a-down.svg');
  }
  .h-i.has-nav2:after {
      content: "";
      background-image: url('/wp-content/themes/RichPack/newassets/image/a-right.svg');
      background-size: 18px 18px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      position: absolute;
      right: 0;
      top: 0;
  }
  .h-i.has-nav2.show:after {
      background-image: url('/wp-content/themes/RichPack/newassets/image/a-down.svg');
  }
  .h-sub2 {
      position: relative;
      top: 0;
      background-color: #fff;
      box-shadow: none;
      left: 0;
      transform: translate(0, 0);
      width: 100% !important;
  }
  .h-sub2>li>a {
      text-align: left;
      padding-left: 40px;
  }
  .hb-pc {
      display: none;
  }
  .h-right {
      margin-right: 1rem;
  }
  /* 菜单 */
  .h-menu {
      display: block;
      margin-top: 0.22rem;
  }
  .hl-tip{
    width: 25px;
  }
  .hl-list{
    top: 50px;
  }
  .header.menu-state .h-h {
      transform: translate(0, 0);
  }
  .header.menu-state .h-opa {
      display: block;
  }
}
@media(max-width:750px){
  .h-a{
    top: 0;
  }
  .hs-icon{
    width: .45rem;
    background-size: 0.35rem auto;
    margin-right: 15px;
    height: 1rem;
  }
  .hl-tip{
    line-height: normal;
  }
  .h-left{
    padding-left: 0;
  }
}
@media(max-width:500px) {
  .hp-icon {
      font-size: 12px;
  }
  .hp-text {
      font-size: 12px;
  }
  /* .h-search{margin: 0 .1rem;} */

  .hl-tip:before {
      display: none;
  }
  .hs-text {
      width: 5rem;
      height: 30px;
  }
  .hs-submit {
      height: 30px;
  }
}



/* banner */
.banner-container-h{
  margin-top: 1.2rem;
}

.banner-text-overlay {
  position: absolute;
  top: 50%;
  left: 34.2%;
  transform: translate(-50%, -50%);
  color: white;
  pointer-events: none;
  max-width: 8rem;
}
.banner-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  text-align: left;
  margin-bottom: 0.2rem;
  line-height: 0.48rem;
  color: var(--black);
}
.banner-subtitle{
  font-family: 'LatoIt',sans-serif;
  font-weight: 700;
  text-align: left;
  margin-bottom: 0.24rem;
  color: var(--dark-green);
}
.banner-content{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  text-align: left;
  margin-bottom: 0.6rem;
  color: var(--black);
}

.banner-content li{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  text-align: left;
  color: var(--black);
  line-height: 0.208rem;
  text-align: left;
  position: relative;
  padding: 0.05rem 0;
  padding-left: 0.15rem;
}

.banner-content li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 7px;
  /* transform: translateY(-50%); */
  font-size: 12px;
  color: var(--green);
}
.banner-button{
  padding: 0.16rem 0.4rem;
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  background-color: var(--green);
  color: var(--white);
  display: inline-flex;
  text-align: left;
  border-radius: 4px;
}


/* main-page  Home */
.focus-on{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_company profile_bg.jpg');
  background-repeat: no-repeat;
}
.focus-on-header{
  max-width: 11rem;
  margin: 0 auto;
  padding: 0.8rem 0;
}
.focus-on-title{
font-family: 'LatoIt',sans-serif;
font-style: italic;
font-weight: 400;
line-height: 0.45rem;
text-align: center;
color: var(--dark-green);
margin-bottom: 0.24rem;
}
.focus-on-content p,.focus-on-content p a{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height:1.225;
  text-align: center;
  color: var(--medium-grey);
  
}
.focus-on-content p a{
 color: var(--green);
 text-decoration: underline;
 text-decoration-skip-ink: none;
}

.in-left-span{
  position: relative;

}
.in-left-span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.06rem;
  background-color: rgba(7, 146, 58, 0.3);

}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.1rem;
  margin-top: 0.5rem;
}
.button button{
  cursor: pointer;
}

.watch-button,.deafault-button{
  color: var(--white);
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 20.8px;
  text-align: left;
  padding: 0.16rem 0.4rem;
  border-radius: 4px;
}
.watch-button{
  background-color: var(--green);
  display: flex;
    align-items: center;
}
.deafault-button{
  background-color: var(--dark-green);

}
.watch-button img{
  margin-right: 6px;
}


/* YouTube */
.video-modal {
  display: none; /* 初始隐藏 */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  animation-name: fadeIn;
  animation-duration: 0.4s;
}

.video-content {
  position: relative;
  margin: 10% auto;
  padding: 20px;
  width: 80%;
  max-width: 700px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  animation-name: slideIn;
  animation-duration: 0.4s;
}

.close {
  position: absolute;
  top: -13px;
  right: 0px;
  font-size: 30px;
  cursor: pointer;
  color: var(--green);
}
@keyframes fadeIn {
  from {
      opacity: 0;
  }

  to {
      opacity: 1;
  }
}

@keyframes slideIn {
  from {
      transform: translateY(-50px);
      opacity: 0;
  }

  to {
      transform: translateY(0);
      opacity: 1;
  }
}

.our-most-popular-products {
  margin:1rem 0;
}

.our-most-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--black);
  margin-bottom: 0.4rem;
}

.our-most-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.24rem;
}

.our-most-item {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

.our-most-image {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}

.our-most-item-title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 19.5%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: white;
    padding-bottom: 0.2rem;
    transition: opacity 0.5s;
    box-sizing: border-box;
}

.our-most-item-title,.our-most-item-text-title{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.31rem;
  text-align: center;

}
.our-most-item-text-title{
  margin-bottom: 0.24rem;
}
.our-most-item-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  transition: opacity 0.5s;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.our-most-caption{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  max-width: 5.4rem;
  margin-bottom: 0.42rem;
}

.our-most-item:hover   {
 background-color: rgba(0, 0, 0, 0.7);
}
.our-most-item:hover .our-most-item-text  {
  opacity: 1;
}
.our-most-item:hover .our-most-item-title  {
  opacity: 0;
}

.our-most-item-text a{
  color: var(--white);
  text-decoration: underline;
}

.pur-most-bottom {
  margin-top: 0.76rem;
}

.pur-most-bottom p{
  font-family: 'LatoIt',sans-serif;
  font-style: italic;
  font-weight: 400;
  line-height: 0.3rem;
  text-align: center;
  color: var(--dark-green);
}
.button-a{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.15rem 0.4rem;
  color: var(--white);
  border-radius: 4px;
  margin-top: 0.24rem;
}
.button-a-green{
background-color: var(--green);
}
.button-a-dreen{
  background-color: var(--dark-green);
}
.button-a-dreen img{
  margin-right: 4px;
}
.button-link{
  display: flex;
  justify-content: center;
  gap: 0.1rem;

}


.industries-ul{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F5F5EE;
  padding: 0.2rem 1rem;
  box-sizing: border-box;
  border-radius: 12px;
}

.industries-li-left{
  width: 50%;
  max-width: 5.2rem;
}

.industries-li-right{
  width: 50%;
  max-width: 5.9rem;
}
.industries-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--dark-green)
  
}
.industries-subtitle{
  font-family: 'LatoIt',sans-serif;
  font-style: italic;
  font-weight: 400;
 line-height: 1.225;
  text-align: left;
  color: var(--dark-green);

}

.industries-content{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--medium-grey);
  margin-top: 0.24rem;
  margin-bottom: 0.4rem;
}
.industries-a {
  text-decoration: underline;
  color: var(--green);
  font-family: 'Lato',sans-serif;
  font-weight: 700;
  line-height: 0.2rem;
  text-align: left;
  text-decoration-skip-ink: none;
}

.industries-li-right img{
  width: 100%;
}
.industries-a:hover{
  text-decoration: underline;
}

.creative{
  margin-top: 0.6rem;
}
.creative-section {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}

.creative-item {
  display: flex;
  align-items: center;
  /* flex-direction: column; */
  text-align: center;
  width: 32.2%;
  gap: 0.1rem;
}

.creative-icon{
  background-color: #F5F5EE;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: 1rem;
  height: 1rem; */
  border-radius: 12px;
}


.creative-icon img {
  width: 0.6rem;
  height: 0.6rem;
  padding: 0.2rem;
}

.creative-content{
  max-width: 3.4rem;
}

.creative-title {
  color: var(--dark-green);
  margin-bottom: 0.1rem;
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.286rem;
  text-align: left;
  
}

.creative-description {
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--medium-grey);
}

.sustan{
  position: relative;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_eco_bg_Parallax.webp');
  background-repeat: no-repeat;
  margin-top: 1rem;
  border-radius: 12px;
}

.sustan-container{
  color: var(--white);
  padding: 1.17rem 0;
  max-width: 8rem;
  margin: 0 auto;
}

.sustan-title{
  font-family: 'Sen',sans-serif;
  font-weight: 800;
  line-height: 0.72rem;
  text-align: center;
  margin-bottom: 0.4rem;

}
.sustan-description {
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.2rem;
  text-align: center;
  margin-bottom: 0.4rem;

}
.sustan-icon-container{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
}
.sustan-button{
   display: inline-flex;
  background-color:  #D0C32E;
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.208rem;
  text-align: left;
  color: var(--dark-green);
  padding: 0.16rem 0;
  margin: 0 auto;
  margin-top: 0.6rem;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}


.richpack{
  position: relative;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_why_us_bg.webp');
  background-repeat: no-repeat;
  margin-top: 0.3rem;
  border-radius: 12px;
}

.richpack-section {
  display: flex;
  padding-top:1.2rem ;
  padding-bottom: 1.38rem;

  padding-left: 0.69rem;
  padding-right: 0.8rem;
}

.richpack-header {
  width: 40%;
  text-align: left;
  margin-bottom: 40px;
  max-width: 6.01rem;
  margin-right: 1.30rem;
}

.richpack-title {
  font-family: 'Sen',sans-serif;
  font-weight: 800;
  line-height:0.9rem;
  color: var(--yellow);
}

.richpack-subtitle {
  font-family: 'Sen',sans-serif;

  font-weight: 400;
  line-height: 0.24rem;
  text-align: left;
  color: var(--white);
  margin-bottom: 0.6rem;
  margin-top: 0.24rem;
}

.richpack-link {
  color: var(--yellow);
  text-decoration: underline;
  font-family: 'Sen',sans-serif;
  font-weight: 500;
  line-height:1.325;
  text-align: left;

}

.richpack-link:hover{
  text-decoration: underline;

}
.richpack-features {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width:100%;
  max-width: 9.8rem;
}

.richpack-feature-item {
  display: flex;
  align-items: flex-start;
  width: 50%;
  max-width: 4.4rem;
  border-radius: 8px;
  text-align: left;
}

.richpack-icon{
  width: 0.36rem;
  height: 0.36rem;
  margin-right: 0.1rem;
}
.richpack-icon img {
 
}

.richpack-content{
  max-width: 3.94rem;
}
.richpack-feature-title {
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.26rem;
  text-align: left;
  color: var(--white);
  margin-bottom: 0.21rem;
  
}

.richpack-feature-description {
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--white);
  
}


.proven{
  margin-top: 1rem;
}

.proven-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4rem;
}

.proven-text {
  width: 40%;
  max-width: 4.4rem;
}

.proven-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.24rem;
}

.proven-description {
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--medium-grey);
  margin-bottom: 0.59rem;
}

.proven-metrics {
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--black);
}

.proven-percentage,.proven-number  {
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.4rem;
  text-align: left;
  color: var(--green);
}
.proven-metrics p:first-child{
  margin-bottom: 0.24rem;
}


.proven-images {
  display: flex;
  gap: 0.4rem;
}

.proven-image {
  height: auto;
}

.proven-brands {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.4rem;
  border-top: 1px solid #eee;
}

.proven-brand {
 
  height: auto;
  box-shadow: 0px 0px 10px 0px #161A151A;

}





.case{
  margin-top: 1rem;
}

.case-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  color: var(--black);
  text-align: center;

}

.case-content-title{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height:1.325;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.24rem;

}

.case-description{
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  font-family: 'Sen',sans-serif;
  color: var(--medium-grey);
  margin-bottom: 0.2rem;
}

.case-content {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 20px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  max-width: 40%;
  box-sizing: border-box;
  position: relative;
  width: 28%; 
  text-align: left;
}



.case-client,
.case-solution,.case-benefits ul li {
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--black);
  
}
.case-client{
  margin-bottom: 0.14rem;
}

.case-divider {
  border: none;
  border-bottom: 1px solid #161A15;
  margin: 0.24rem 0;
}

.case-benefits li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 14px;
  color: var(--black);
}

.case-benefits li::before {
  content: "●"; 
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);

  font-size: 12px;
  color: var(--green);
}

.case-pagination {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-radius: 20px;
}

.case-swiper-button-prev,
.case-swiper-button-next {
  background-color: rgba(22, 26, 21, 0.5);
  border-radius: 50%;
  width:0.24rem;
  height:0.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  /* margin: 0 10px; */
}

.s-p .swiper-pagination{
  background: rgba(22, 26, 21, 0.5);
  border-radius:90px;padding: 0 15px;margin: 0 10px;
}

.swiper-pagination-bullet-active{
  background-color: #FFF !important;
}

.case-swiper-button-prev:hover,
.case-swiper-button-next:hover {
  background-color: #333;
}

.swiper-pagination-bullet {
  background-color: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  background-color: #28a745;
}

.swiper-container {
  position: relative;
}

.case-content {
  position: relative;
  z-index: 1;
}

.s-p {
  width: 100%; 
  box-sizing: border-box;
  display: flex;
  align-items: center; 
  z-index: 999;
}

.s-p .swiper-pagination {
  width: auto;
  position: relative;
}


.follow{
  margin-top: 1rem;
}



.follow-container {
  text-align: center;
  background-color: #ffffff;
}

.follow-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height:0.5rem;
  text-align: center;
  color: var(--black);
}

.follow-header{
  position: relative;
}

.follow-link{
  position: absolute;
  bottom: -70%;
  left: 45%;
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.208rem;
  text-align: left;
  color: var(--green);
  text-decoration: underline;
}

.follow-columns {
  display: flex;
  justify-content: center;
  max-height: 6.54rem;
  overflow: hidden;
  gap:14px;

}

.follow-grid-item{
  width: auto;
  min-height: auto;
}

.follow-column {
  display: flex;
  flex-direction: column;
  gap:16px;

}




.follow-column-2{
  margin-top: 0.9rem;
}
.follow-column-3{
  margin-top: 1.4rem;
}
.follow-column-4{
  margin-top: 0.9rem;
}
.follow-grid-item {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  transition: transform 0.3s ease-in-out;
}

.follow-grid-item img {
  width: 100%;
  height: 100%;
  display: block;
  transition: transform 0.3s ease-in-out;
}

.new-section {
  margin-top: 1rem;
}

.new-heading-text{
  text-align: center;
  max-width: 7.5rem;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}

.new-heading {
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.56rem;
  text-align: center;
  margin-bottom: 0.1rem;
  
}
.new-heading-a{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.208rem;
  text-align: left;
  color: var(--green);
}
.new-heading-sub{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--dark-grey);
  margin-bottom: 0.16rem;

}
.new-container {
  width: 100%;
  display: flex;
}

.new-item {
  width: 33.3%;
  background-color: #fff;
  border: 1px solid #eee;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-width:4.4rem;
}

.new-image {
  width: 100%;
  object-fit: cover;
}

.new-content {
  padding: 0 0.3rem;
  padding-bottom: 0.3rem;
}

.new-title {
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.26rem;
  text-align: left;
  color: var(--black);
  margin-top: 0.3rem;
  margin-bottom: 0.38rem;
}


.new-footer {
  display: flex;
  justify-content: space-between;
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height:1.225;
  text-align: left;
  color: #686868;
  border-top: 1px solid #E5E5E5;
  padding-top: 0.24rem;
}

.new-link {
 color: var(--green);
  text-decoration: none;
}

.new-link:hover {
  text-decoration: underline;
}


.faq{
  background-color:#F5F5EE;

}

.faq-container {
  margin: 0 auto;
  text-align: center;
  padding: 0.8rem 0;
}

.faq-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--black);
  margin-bottom: 0.1rem;
}

.faq-subtitle {
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--medium-grey);
}

.faq-columns {
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
  margin-top: 0.4rem;
}

.faq-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  background-color: #fff;
  padding: 0.6rem 0.6rem;
  border-radius: 12px;

}

.faq-item {
  border-bottom: 1px solid #eee;
  overflow: hidden;
}

.faq-question {
  cursor: pointer;
  position: relative;
  margin-bottom: 0.21rem;
  padding-right: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.25rem;
  text-align: left;
  color: var(--black);

}

.faq-question::after {
  content: ""; 
  background-color:#F0EBE3;
  background-image: url('/wp-content/themes/RichPack/newassets/image/jian.svg');
  background-size: 8px 6px; 
  background-repeat: no-repeat;
  background-position: center;
  width: 0.24rem; 
  height: 0.24rem; 
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: 50%;
    transform: translateY(-50%); 
  transition: transform 0.3s ease;
}

.faq-item.open .faq-question::after {
  transform: translateY(-50%) rotate(180deg);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.5s ease;
  padding: 0 20px;
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;

}

.faq-item.open .faq-answer {
  max-height: 400px; 
  padding: 0.2rem 0px;
  padding-top: 0;
  padding-left: 0.2rem;
}

.faq-footer {
  font-family: 'Sen',sans-serif;
  font-weight: 400;
 line-height: 1.225;
  text-align: center;
  margin-top: 0.4rem;
}

.faq-footer a {
  color: var(--green);
  text-decoration: underline;
 
}

.faq-footer a:hover {
  text-decoration: underline;
}




/* Overall Form Layout */
.form-fon{
    background-image: url('/wp-content/themes/RichPack/newassets/image/img_footer_cta_bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
}


.form-container {
  display: flex;
  justify-content: space-between;
  padding: 0.8rem 0;
  border-radius: 10px;
  gap: 0.8rem;

}

/* Left Side Content */
.form-left {
  flex: 1;
  max-width: 4.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.form-left-header{

}

.form-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.24rem;
}

.form-subtitle {
  font-family: 'Sen',sans-serif;
  font-weight: 400;
 line-height: 1.225;
  text-align: left;
  color: var(--medium-grey);

}

.form-benefits {
    list-style: none;
    padding: 0;
    /* 加个样式 */
    margin-bottom: 0.3rem;
}

.form-benefits li {
  font-family: 'Sen',sans-serif;
  font-weight: 400;
 line-height: 1.225;
  text-align: left;
  display: flex;
  align-items: center;
  color: var(--dark-green);
  margin-bottom: 0.21rem;
  
}

.form-benefits li:last-child {
  margin-bottom: 0; 
}

.form-benefits .check-icon {
  color:var(--dark-green); 
  margin-right: 4px;
}

/* Right Side Form */
.form-right {
  flex: 1;
}

.form-fields {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.form-row {
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
}

.form-input {
  flex: 1;
  padding: 0.18rem;

  border: 1px solid #ddd;
  border-radius: 5px;
  color: #333;
  background-color: #fff;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.form-input:focus {
  border-color: #1f3a3d;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  outline: none;
}

.form-textarea {
  width: 100%;
  padding: 0.2rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: var(--black);
  min-height: 120px;
  resize: none;
  background-color: #fff;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.form-textarea:focus {
  border-color: #1f3a3d;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  outline: none;
}

.form-submit {
  width: 25%;
  max-width: 2rem;
  padding: 0.2rem 0.3rem;
  background-color: var(--dark-green);
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: background-color 0.3s ease;
}

.form-submit:hover {
  background-color: var(--green); /* 按钮的悬停颜色 */
}

.faq-form{
margin-top: 1rem;
}
















.footer {
  background-image: url(../image/img_footer_bg.webp);
  padding-top: 0.81rem;
  padding-bottom: 0.21rem;
  background-size: cover;
  background-repeat: no-repeat;
}

.footer-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-brand {
  width: 60%;
  max-width: 7.2rem;
}

.footer-brand-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--yellow);
}

.footer-subscribe {
  width: 40%;
  max-width: 4.4rem;
  text-align: right;
}

.footer-subscribe p {
  text-align: left;
  margin-bottom: 0.1rem;
  color: var(--yellow);
  font-family: 'Sen',sans-serif;

  font-weight: 600;
  line-height: 0.208rem;
  text-align: left;

}

.footer-from {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 4.4rem; 
}

.footer-subscribe input[type="email"] {
  padding: 0.16rem 0 0.2rem 0.16rem;
  border-radius: 4px;
  font-size: 16px;
  background-color: #FFF;
  flex: 1;
  border: none;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); 
}

.footer-subscribe button {
  position: absolute;
  right:6px;
  top: 5px;
  bottom: 0;
  background-color: #D0C32E;
  border: none;
  border-radius: 2px;
  padding: 0 0.28rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 0.5rem;
}

.footer-subscribe button img {
  width: 0.24rem; 
  height:  0.24rem;
}

.footer-nav {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.4rem;
  margin-top: 0.4rem;
}

.footer-nav-title {
  color: #ffffff;
  font-family: 'Lato',sans-serif;
  font-weight: 700;
  line-height:1.225;
  text-align: left;
  margin-bottom: 0.24rem;
  text-transform: uppercase;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column ul li {
  margin-bottom: 10px;
}

.footer-column ul li a {
  font-family: 'Lato',sans-serif;
  font-weight: 400;
  line-height: 0.2rem;
  text-align: left;
  color:  rgba(255, 255, 255, 0.5);

  
}

.footer-column ul li a:hover {
  text-decoration: underline;
}

.footer-bottom-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.3rem;
  gap: 10px;
}

.footer-contact,.footer-address,.footer-recommendation{
  color:rgba(255, 255, 255, 0.5);
  background: rgba(22, 26, 21, 0.5);
  
  min-height: 1.24rem;
  padding: 0 0.3rem;
  border-radius: 4px;
}
.footer-contact{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.footer-address,.footer-recommendation{
  display: flex;
  align-items: center;
}
.footer-address img,.footer-recommendation img{
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.16rem;

}

.footer-address p,.footer-recommendation p{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.208rem;

  text-align: left;
  color:rgba(255, 255, 255, 0.5);
  
}

.footer-address-all{
  display: flex;
  padding: 0.3rem;
}

.footer-contact, .footer-address, .footer-recommendation {
  flex: 1;

}

.footer-recommendation p{
  color: var(--yellow);
}

.contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.16rem;
  font-family: 'Sen',sans-serif;

  font-weight: 600;
  line-height: 0.208rem;
  text-align: left;

}

.contact-item img{
  margin-right: 0.16rem;
}

.footer-social ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-social ul li {
  margin-right: 20px;
}

.footer-social ul li a {
  color: #ffffff;
  font-size: 24px;
  text-decoration: none;
}


.footer-last {
  display: flex;
  justify-content: space-between;
  margin-top: 0.1rem;
}
.footer-legal{
  display: flex;
  align-items: center;
}
.footer-legal p{
  display: flex;
  align-items: center;
  gap: 0.08rem;
  color:rgba(255, 255, 255, 0.5);
}

.footer-legal-a{
  text-align: center;
  background-color: rgba(22, 26, 21, 0.5);
  padding: 4px 0;
  width: 0.26rem;
  color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}
/* .footer-legal a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: underline;
} */

.footer-legal a:hover {
  text-decoration: underline;
}

.banner-container-h{
  position: relative;
}
.breadcrumbs{
  position: absolute;
  top: 10px;
  left: 13.2%;
  z-index: 999;
}

.breadcrumbs a{
  color: var(--medium-grey);
  padding:0 0.05rem;
  font-weight: 400;
}

.type-tag{
  margin-bottom:0.64rem ;
}

.type-tag-container {
  display: flex;
  align-items: center;
  margin-top: 0.3rem;

}

.type-tag-label {
  font-family: 'Sen',sans-serif;

  font-weight: 500;
  line-height: 18.2px;
  text-align: left;
  color: var(--green);
  margin-right: 0.1rem;
}

.type-tag-items {
  display: flex;
  gap: 10px;
}

.type-tag-button {
  padding: 2px 8px;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  text-align: left;
  color: var(--green);
}

.type-tag-button:hover {
  border-color: #ccc;
}

.perfectly{
  margin-bottom: 1rem;
}
.perfectly-all:last-child .perfectly {
  margin-bottom: .5rem;

}

.perfectly-header{
  margin-bottom: 0.4rem;
  max-width: 8.8rem;
}
.perfectly-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--black);
}

.perfectly-subtitle{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--medium-grey);
  margin-top: 0.24rem;

}




.perfectly-link{
  display: inline-block;
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.208rem;
  text-align: left;
  color: var(--green);
  margin-top: 0.16rem;
}

.perfectly-cards{
  width: 100%;
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.perfectly-card{
  width: 23%;
  max-width: 3.2rem;
}
.perfectly-card-img{
  border-radius: 12px;
}

.perfectly-card-title{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.26rem;
  text-align: left;
  margin-bottom: 0.1rem;
  margin-top: 0.24rem;
}

.perfectly-card-desc{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: #686868;
}

.hide {
  display: none;
}
.more-cards.hide {
  display: none;
}
.show-more {
  width: 100%;
  display: block;
  padding: 0.14rem 0px;
  background-color: #F0F0F0;
  color: var(--dark-green);
  border: none;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.208rem;
  text-align: center;
  margin-top: 0.4rem;
}
.toggle-icon{
  transition: transform 0.3s ease-in-out;
  margin-left: 6px;
}

.toggle-icon.rotated{
  transform: rotate(180deg);
}




.focusing-container{
  display: flex;
  justify-content: space-between;
  margin-top: 0.36rem;

}
.focusing-container-left{
  width: 70%;
  max-width: 9.6rem;
}
.focusing-container-left-right{
  width: 30%;
}

.focusing-container-left-item{
  padding: 0 .6rem;
  border-left: 1px solid var(--green);
  border-right: 1px solid var(--green);
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 9.6rem;
  box-sizing: border-box;
}
.focusing-container-left-imgs{
  width: 30%;
  max-width: 2.8rem;
}
.focusing-container-left-text{
  width: 70%;
  max-width: 5rem;
  margin: 0 auto;
}
.focusing-container-left-imgs img{
  width: 100%;
  
}
.focusing-title{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height:1.325;
  text-align: center;
  color: var(--green);
}

.perfectly-all{
  margin-bottom: 1rem;
}





.occasion-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
  background: #F5F5EE;


}
.occasion-container .p-intro{
  margin-bottom: 0;
}
.occasion-container .title-header{
  margin-bottom: 0.5rem;
}
.occasion-row{
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.occasion-item {
  width: 32%;
  max-width: 4.4rem;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}

.occasion-text{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(22, 26, 21, 0.6);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);

}
.occasion-item:hover .occasion-text{
  background: rgba(22, 26, 21, 0.9);
}



.occasion-title-text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.occasion-title-h3{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.26rem;
  text-align: center;
  margin: 0 0.1rem;
  color: var(--white);
}


.occasion-title-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.occasion-subtitle{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  margin-top: 0.18rem;
}
.occasion-item:hover .occasion-subtitle{
  opacity: 1;
}


.occasion-icon{
  width: .12rem;
  height: .14rem;
  display: none;
}

.half-border {
  display: flex;
  justify-content: space-between;
  width: 100%; 
  position: relative;
  margin-bottom: 10px;
}

.half-border-left,
.half-border-right {
  width: 50%;
  height: 20px; 
  position: relative;
  display: none;
}

.half-border-left::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.half-border-right::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 100%;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}









.celebration{
  /* margin-top: 1rem; */

  background-color:  #18403E;
  position: relative;
  z-index: 22;

}
.celebration::after{
  content: '';

  background-image: url('/wp-content/themes/RichPack/newassets/image/img_bg_perfect.webp');
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0; /* 伪元素应该在背景颜色的上面 */
  width: 100%;
  height: 100%;
  z-index: -1;

}
.celebration-container{
  padding: 1rem 0;
}

.celebration-header{
  max-width: 8.8rem;
  margin: 0 auto;
  text-align: center;
}
.celebration-header-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--white);

}
.celebration-header-description,.celebration-header-a{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--white);

}
.celebration-header-a{
  color: #D0C32E;
  text-decoration: underline;
}

.celebration-header-description{
  margin-top: 0.24rem;
  margin-bottom: 0.16rem;
}

.celebration-bottom{
  margin-top: 0.5rem;
}

.celebration-bottom{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
}
.celebration-container-item{
  width: 30.5%;
  display: flex;
  align-items: center;
}
.celebration-icon{
  margin-right: 0.24rem;
}
.celebration-icon img{
  border-radius: 12px;

}
.celebration-content{
  color: var(--white);
  max-width: 3rem;
}

.celebration-title{
  margin-bottom: 0.16rem;
}
.celebration-title{
  font-family: 'Sen',sans-serif;

  font-weight: 600;
  line-height: 0.26rem;
  text-align: left;
  color: var(--white);
}
.celebration-description{
font-family: 'Sen',sans-serif;
font-weight: 400;
line-height: 0.208rem;
text-align: left;
color: var(--white);

}


.designed-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.designed-content {
  position: relative;
  width: 100%;
}

.designed-slie-one{
  margin-top: 1rem;
}

.designed-slie-top{
  padding-top: 1rem;
  margin-top: 1rem;

  background-color: #F5F5EE;
}
.designed-slide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  margin-bottom: 1rem;
}

.designed-slide.active {
  display: flex;
  opacity: 1;
  position: relative;
}

.designed-text {
 width: 48%;
 max-width: 6.4rem;
}

.designed-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--black);
margin-bottom: 0.24rem;

}

.designed-description {
  font-family: 'Sen',sans-serif;

  font-weight: 400;
 line-height: 1.225;
  text-align: left;
  color: var(--medium-grey);
}

.designed-link {
  color:var(--dark-green);
  display: inline-block;
}

.designed-navigation {
  display: flex;
  align-items: center;
  margin-top: .56rem;
}

.designed-arrow {
  background-color: #CCCCCC;
  cursor: pointer;
  user-select: none;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.designed-dots {
  display: flex;
  gap: 0.04rem;
  margin: 0 0.16rem;
}

.designed-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #666666;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.designed-dot-active {
  background-color: #18403E;
}

.designed-image {
  position: relative;
  width: 48%;
  max-width: 6.4rem;
}

.designed-image img {
  width: 100%;
  border-radius: 12px;
  display: block;
}

.designed-image-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 0.2rem 0.4rem;
  text-align: center;
  border-radius:0px 0px 12px 12px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.hue-header{
  max-width: 8.8rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: .5rem;
}

.hue-header-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--black);
  margin-bottom: 0.24rem;
}
.hue-header-description{
  color: var(--medium-grey);
  font-family: 'Sen',sans-serif;
  font-weight: 400;
 line-height: 1.225;
  text-align: center;

}

.hue-bottom-ul{
  box-shadow: 0px 0px 30px 0px #18403E1A;

}




.hue-bottom-container {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 30px 0px #18403E1A;

}

.hue-bottom-content {
  display: flex;
  width: 100%;
  gap: 0.8rem;
  justify-content: space-between;
  padding: 0.8rem;
}

.hue-bottom-image {
  position: relative;
  width: 50%;
  max-width: 6.4rem;
}

.hue-bottom-image img {
  width: 100%;
  border-radius: 8px;
}

.hue-bottom-slide.active {
  display: block;
}

.hue-bottom-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 0 0 4px 4px;
  text-align: center;
  padding: 0.22rem 0;
}

.hue-bottom-icons {
  width: 50%;
  max-width: 5.2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.hue-bottom-icon-item {
  text-align: center;
  cursor: pointer;
  width: 31.925%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hue-bottom-icon {
  width: 0.76rem;
  height: 0.76rem;
  border-radius: 50%;
  border: 2px solid #ddd;
  background-size: cover;
  background-position: center;
}

.hue-bottom-label {
  color: #888;
  transition: color 0.3s ease;
  background: linear-gradient(90deg, #888 0%, #888 100%); /* 默认状态下的颜色 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hue-bottom-label.active {
  background: linear-gradient(90deg, #E13232 0%, #26A6DD 50%, #8726DD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background 0.3s ease-in-out;
}
.hue-bottom-caption-title{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.26rem;
  text-align: center;
  margin-bottom: 5px;
  color: var(--white);
}

.hue-bottom-caption-description{
font-family: 'Sen',sans-serif;
font-weight: 400;
line-height: 0.208rem;
text-align: center;
color: var(--white);

}


.hue-bottom-icon img {
  transition: opacity 0.3s ease-in-out;
}

.hue-bottom-icon-item.active .hue-bottom-icon {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}


.hue-bottom-label {
  color: #888;
  transition: color 0.3s ease;
  background: linear-gradient(90deg, #888 0%, #888 100%); /* 默认状态下的颜色 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hue-bottom-label.active {
  background: linear-gradient(90deg, #E13232 0%, #26A6DD 50%, #8726DD 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background 0.3s ease-in-out;
}

/* 默认情况下隐藏所有激活状态的图标 */
.hue-bottom-icon-item .icon-active {
  display: none;
}

/* 激活状态下显示激活图标，隐藏默认图标 */
.hue-bottom-icon-item.active .icon-active {
  display: block;
}

.hue-bottom-icon-item.active .icon-default {
  display: none;
}


.exclusive{
  margin-top: 1rem;
}
.exclusive-header{
  max-width: 8.8rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 0.5rem;
}
.exclusive-header-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  margin-bottom: .24rem;
}
.exclusive-header-description{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;

}
.exclusive-image-overlay {
  position: relative;
  width: 100%;
  height: 100%;
}

.exclusive-image-overlay img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 12px; 
}

.exclusive-image-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 85.42%, rgba(0, 0, 0, 0.85) 100%);

  border-radius: 12px;
}

.exclusive-overlay-text {
  position: absolute;
  bottom:0.4rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  z-index: 2;
  line-height: 1.325;
}

.exclusive-button{
  margin: 0 auto;
  max-width: 2.4rem;
  box-sizing: border-box;
  margin-top: .4rem;
}

.exclusive-button a{
  text-align: center;
}

.needs{
  margin-top: 1rem;
}

.needs .max-conner-fuild{
  background: rgba(24, 64, 62, 1);
  color: var(--white);
  padding: 1rem 0;
  border-radius: 12px;
  position: relative;
}
/* .needs-full-img{
  position: absolute;
  right: 0;
  top: 0;
} */
.needs.max-conner-fuild::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width:41%; 
  height: 35%; 
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_custom\ jewelry\ box_bg.png'); 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
}

.needs-container{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.needs-item{
  width: 30%;
}
.needs-item-content{
  padding: 0 .8rem .21rem .8rem;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.needs-item-title{
  margin-bottom: .24rem;
}
.needs-item-description{
  margin-top: .14rem;
  color: var(--white);
}
.needs-item:last-child .needs-item-content{
  border: none;

}
.needs-header-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;

}
.needs-header-description{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;

  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 0.24rem;

}
.needs-item-content{
  max-width: 3.6rem;
}
.needs-item-title{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height:1.325;
  text-align: center;

}
.needs-item-description {
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;

}

.needs-header{
  max-width: 14rem;
  margin: 0 auto;
  margin-bottom: .6rem;
}

.needs-bottom{
  max-width: 14rem;
  margin: 0 auto;
  margin-top: .6rem;
}
.needs-bottom p{
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.needs-button-b{
  background: rgba(208, 195, 46, 1);
  color: var(--dark-green);
  max-width: 3.3rem;
  margin: 0 auto;
  text-align: center;
  margin-top: .24rem;

}

.commitment{
  margin-top: 1rem;
}

.commitment-container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-radius: 8px;
}

.commitment-left {
  max-width: 50%;
  max-width: 6.4rem;
  align-self: center;
}

.commitment-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height:0.5rem;
  text-align: left;

color: var(--dark-green);

  margin-bottom:0.24rem;
}

.commitment-description {
  font-family: 'Sen',sans-serif;

font-weight: 400;
line-height: 0.208rem;
text-align: left;

  color: var(--dark-green);
  margin-bottom:0.24rem;
}

.commitment-item {
  display: flex;
  align-items: flex-start;
  margin-bottom:0.24rem;
  position: relative;
}

.commitment-icon::before {

}
.commitment-icon{
  width: 0.16rem;
  height: 0.16rem;
}
.commitment-icon img{
  width: 100%;
  height: 100%;
}
.commitment-text {
  padding-left: 0.06rem;
  max-width: 6.2rem;
  font-family: 'Sen',sans-serif;

    font-weight: 400;
    line-height: 0.208rem;
    text-align: left;
  color: #484A4A;

}
.commitment-text strong{
  font-weight: 600;
  color: #484A4A;
}
.commitment-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #24a047;
  max-width: 4.6rem;
  padding: 0.16rem 0;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 1.2rem;
}

.commitment-button:hover {
  background-color: #1e8b3d;
}

.commitment-right {
  max-width: 45%;
}

.commitment-image {
  max-width: 100%;
  border-radius: 12px;
}





/* .order .max-conner-fuild{
  background-color: rgba(245, 245, 238, 1);
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_footer_cta_bg.png');
} */



.budget{
  background-color: #F5F5EE;
}


.order{
  margin-top: 1rem;
}

.order .max-conner-fuild{
  position: relative;
  background-color: #F5F5EE;
  z-index: 1;
  border-radius: 12px;

}

.order .max-conner-fuild::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_footer_cta_bg.png');
  background-repeat: no-repeat;
  background-size: contain; 
  max-width: 11.6rem;
  z-index: -1;
  border-radius: 12px;

}


.order-container{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
}

.order-container-left{
  width: 50%;
  max-width: 6.4rem;
}
.order-container-left-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  margin-bottom: 0.32rem;
}
.order-container-right{
  width: 50%;
  max-width: 6.4rem;

}

.order-container-right-text p{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  position: relative;
  padding-left: 0.15rem;
  margin-bottom: 0.24rem;
}

.order-container-right-text p::before{
  content: "●";
  position: absolute;
  left: 0;

  font-size: 12px;
  color: var(--green);
}

.order-container-left .button-link{
  justify-content: left;
}


.collected-page-faq{
  background-color: #fff;
}

.collected-faq-container{
  border: 2px solid rgba(238, 238, 238, 1);
  border-radius:12px;
  padding: 0.5rem;
  gap: 0.6rem;
}
.collection-faq-column {
  padding: 0;
}

.collection-faq-column  .faq-item:last-child{
  border: none;
}

.collection-faq-column .faq-item .faq-question::after{
  right:0px;
}

.collected-page-faq  .faq-container{
  padding: 0;
  margin-bottom: 1rem;
}



/* 03 */
.cosmetic{
  margin-top: 1rem;
  background: linear-gradient(180deg, #FFFFFF 0%, #F0EBE3 70%);

}

.cosmetic-header{
  max-width: 10rem;
  margin: 0 auto;
}

.cosmetic-title{
font-family: 'Sen',sans-serif;
font-weight: 700;
line-height: 0.5rem;
text-align: center;
 color: var(--black);
 margin-bottom: 0.24rem;
}
.cosmetic-description{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--medium-grey);
  margin-bottom: 0.4rem;
}

.cosmetic-button{
  background-color: var(--green);
  color: var(--white);
  border-radius: 4px;
}

.cosmetic-bottom{
  max-width: 12.93rem;
  margin: 0 auto;
  margin-top: 0.4rem;
}

.perfumes{
  margin-top: 1rem;
}




.perfumes-carousel-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  margin-bottom: 1rem;
}

.perfumes-carousel-left {
  width: 45%;
  max-width: 5.6rem;
  position: relative;
  overflow: hidden;
}



.perfumes-carousel-slide {
  width: 100%;
  display: none; 
  transition: opacity 0.5s ease;
  position: relative;
}

.perfumes-carousel-slide.active {
  display: block; 
}

.perfumes-carousel-slide img {
  width: 100%;
  min-height: 6.8rem;
  border-radius: 12px;

}

.perfumes-carousel-slide .perfumes-carousel-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  padding-left:0.4rem;
  padding-bottom: 0.34rem;

  z-index: 3;
  max-width: 3.6rem;
}

.perfumes-carousel-slide .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.7) 100%);
  border-radius: 12px;
  z-index: 2;
}



.perfumes-carousel-pagination {
  position: absolute;
  bottom: 0.4rem;
  right: 0.4rem;
  display: flex;
  gap: 5px;
  z-index: 5;
}

.perfumes-carousel-pagination .dot {
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
}

.perfumes-carousel-pagination .dot.active {
  background-color: #fff;
}


.perfumes-carousel-slide.active {
  opacity: 1;
  z-index: 1;
}

.perfumes-carousel-slide:not(.active) {
  opacity: 0;
  z-index: 0;
}

.perfumes-carousel-right {
  width: 55%;
  max-width: 6.4rem;
}
.perfumes-carousel-right-header{
  margin-bottom: 0.4rem;
}

.perfumes-carousel-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.24rem;
}

.perfumes-carousel-subtitle {
  font-family: 'LatoIt',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 0.3rem;
  text-align: left;
  color: var(--green);
  margin-bottom: 0.24rem;
}

.perfumes-carousel-right p {
font-family: 'Sen',sans-serif;
font-weight: 400;
line-height:0.208rem;
text-align: left;
}

.perfumes-carousel-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.perfumes-carousel-links li {
  position: relative;
  margin-bottom: 0.17rem;
}

.perfumes-carousel-links li a {
  text-decoration: none;
  display: inline-block;
  transition: color 0.3s ease;
  position: relative;
  padding-bottom: 6px;
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.26rem;
  text-align: left;
  color: var(--black);
}

.perfumes-carousel-links li.active a {
  border-bottom: 3px solid #EEEEEE;
}

.perfumes-carousel-links li.active:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background-color: #28a745;
  z-index: 1;
}

.perfumes-carousel-links li a:hover {
  color: #28a745;
}



.future{
  background: #F5F5EE;
  padding: 1rem 0;
}
.future-header{
  max-width: 10rem;
  margin: 0 auto;
  text-align: center;
}

.future-header-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height:0.5rem;
  text-align: center;
  color: var(--black);
  margin-bottom: 0.24rem;
}
.future-header-description,.future-item-description{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  color: var(--medium-grey);
}

.future-container{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.4rem;
}
.future-header{
  margin-bottom: 0.5rem;
}

.future-item{
  width: 48.5%;
  max-width: 6.8rem;
}

.future-item img{
  border-radius: 12px;
}

.future-item-title{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height:1.325;
  text-align: left;
  margin-top: 0.24rem;
  margin-bottom: 0.16rem;
}

.future-item-button{
  background-color: var(--green);
  color: var(--white);
  border-radius: 4px;
  margin-top: 0;
}


.reliable-header{
  max-width: 8.8rem;
  margin: 0 auto;
  text-align: center;
  margin-top: 1rem;
}

.reliable-header-subtitle {
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height:1.325;
  text-align: center;
  color: var(--dark-green);
  margin-top: 0.24rem;
  margin-bottom: 0.1rem;
}

.reliable-header-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;

}

.reliable-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.8rem;
  columns: 0.4rem;

}

.reliable-item {
 width: 31.5%;
  padding: 0.4rem 0;
  border-bottom: 2px solid #EEEEEE;
  max-width: 4.4rem;
}
.reliable-item:nth-child(-n+3) {
  border-top: 2px solid #EEEEEE;
}

.reliable-content {
  display: flex;
  align-items: flex-start;
}

.reliable-icon {
  margin-right: 15px;
  flex-shrink: 0;
}


.reliable-title {
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height:1.325;
  text-align: left;
  margin-bottom: 0.16rem;
}

.reliable-description {
  font-family: 'Sen',sans-serif;

  font-weight: 400;
  line-height: 1.225;
  text-align: left;
  
}



.how{
  margin-top: 1rem;
}

.how-container {
  text-align: center;

}

.how-title {
  font-family: 'Sen',sans-serif;

  font-weight: 700;
  line-height:0.5rem;
  text-align: center;
  
}

.how-steps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.how-step {
  position: relative;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0px 0px 30px 0px #18403E1A;
  width: 18%;
  height: 3.2rem;
  max-width: 2.48rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.how-step-icon {
  width: 1rem;
  height: 1.08rem;
  background-image: url('/wp-content/themes/RichPack/newassets/image/how.svg');
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}

.how-step-number {
  font-family: 'Sen',sans-serif;

  font-weight: 600;
  line-height:1.325;
  text-align: center;

  color: #fff;
}

.how-step-title {
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height:1.325;
  text-align: center;
  color: var(--dark-green);
  padding-top: 0.76rem;
  margin-bottom: 0.16rem;
}

.how-step-description {
  font-family: 'Sen',sans-serif;

  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--medium-grey);

}

.how-step-duration {
  color: #FFFFFF;
  background-color: var(--dark-green);
  border-radius: 0 0 12px 12px;
  align-self: stretch;
  text-align: center;
  padding: 0.1rem 0;
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.208rem;
  text-align: center;

  color: var(--yellow);
}

.how-step-title,.how-step-description{
  padding-left: 0.24rem;
  padding-right: 0.24rem;
}

.discover{
  margin-top: 1.6rem;
}


.discover-container{
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: #F5F5EE;
  padding:0.61rem  1rem ;
  border-radius: 12px;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_cta_bg.webp');
}

.discover-item-left{
  width: 53%;
  max-width: 6.2rem;
}

.discover-item-right{
  position: relative;
  width: 52%;
}

.discover-item-right img{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-55%);

}
.discover-text{
  margin-bottom: 0.24rem;
}

.discover-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;

  margin-bottom: 0.24rem;
}

.discover-description{
  font-family: 'Sen',sans-serif;

  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  
}
.discover-button-a{
  width: 100%;
  height: 0.53rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Sen',sans-serif;
  font-weight: 600;
 line-height: 1.225;
  text-align: left;
  color: var(--green);
  border: 2px solid #07923A;
  border-radius: 4px;
  margin-top: 10px;
}

.discover-button .button-link{
  justify-content: left;
}


.discover-button .button-link .button-a{
  margin-top: 0;
  width: 36.5%;
}


.our-most-caption {
  color: var(--white);
}
.clients{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_bg_Parallax_clients.webp');
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  margin-top: 1rem;
}
.clients::after {
  content: ""; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(24, 64, 62, 0.9); 
  z-index: 2;
}
.clients .conner {
  position: relative;
  z-index: 3; 
}
.clients-text-overlay{
  max-width: 8.8rem;
  z-index: 4;
  margin: 0 auto;
  position: relative;
}

.clients-subtitle::before,
.clients-subtitle::after {
  content: url('/wp-content/themes/RichPack/newassets/image/icon_quote_left.svg'); 
  position: absolute;
  width: auto;
  height: auto;
  z-index: 4;
}

.clients-subtitle::before {
  content: url('/wp-content/themes/RichPack/newassets/image/icon_quote_left.svg');
  left: -0.8rem; 
}

.clients-subtitle::after {
  content: url('/wp-content/themes/RichPack/newassets/image/icon_quote_right.svg');
  right: -0.8rem;
}



.clients-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--white);
  margin-bottom: 0.5rem;
}

.clients-subtitle{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.36rem;
  text-align: center;
  color: var(--white);
  
}

.clients-address {
  font-family: 'Sen',sans-serif;

  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--green);
  margin-top: 0.24rem;
}
.clients-he{
  padding: 1rem 0;
}
.clientsSwiper .swiper-button-prev:after,.clientsSwiper .swiper-rtl .swiper-button-next:after {
  font-size: 12px;
  color: var(--dark-green);
  font-weight: 700;
}
.clientsSwiper .swiper-button-next:after{

  font-size: 12px;
  color: var(--dark-green);
  font-weight: 700;
}

.clientsSwiper .swiper-button-next, .clientsSwiper .swiper-button-prev{
  background-color: #fff;
}
.clientsSwiper .swiper-button-next{
  right: 0;
}
.clientsSwiper .swiper-button-prev{
  left: 0;
}
.client-next,.client-prev{
  width: 0.6rem !important;
  height: 0.6rem !important;
  background-color: var(--white);
}


.clientsSwiper .swiper-pagination {
  bottom: 20px;
}



/* 03 */
.enhance{
  margin-top: 1rem;
}
.enhance-header-text{
  max-width: 8.8rem;
  margin: 0 auto;
  text-align: center;
}

.enhance-header-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--black);
  margin-bottom: 0.24rem;
}
.enhance-header-subtitle{

  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--medium-grey);
  margin-bottom: 0.5rem;
}

.enhance-container {
  width: 100%;
  display: flex;
  position: relative;
  gap: 0.2rem;
}
.enhance-item-left{
  width: 75%;
  max-width: 9rem;
}

.enhance-he {
  position: relative;
  width: 100%;
}

.enhance-he img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.enhance-he::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.85) 100%);
  z-index: 2;
  border-radius: 12px;
}

.enhance-text-overlay {
  position: absolute;
  bottom:0.4rem;
  left: 0.4rem;
  z-index: 3;
  color: white;
  width: 80%;
  max-width: 6rem;
  text-align: left;
}

.enhance-title {
  font-family: 'Sen', sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--white);
}

.enhance-subtitle {
  font-family: 'Sen', sans-serif;
  font-weight: 400;
  color: var(--white);
  text-align: left;
}

.enhance-he img{
  border-radius: 12px;
}

.enhanceSwiper{
  position: relative;
}

.enhanceSwiper .swiper-pagination {
  position: absolute;
  bottom: 0.4rem !important; 
  right: 0px; 
  z-index: 3;
  display: flex;
  justify-content: flex-end; 
  width: auto; 
  padding-right: 0.4rem;
  box-sizing: border-box;
}

.enhance-pagination .swiper-pagination-bullet {
  width: 10px; 
  height: 10px;
  background-color: transparent; 
  border: 1px solid rgba(255, 255, 255, 0.5); 
  border-radius: 50%;
  opacity: 1;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.enhance-pagination .swiper-pagination-bullet-active {
  background-color: #ffffff;
  border-color: #ffffff; 
}

.enhance-item-right{

}
.enhance-right-litext{
  background: #18403E;
  color: var(--white);
  border-radius: 12px;
  padding: 0.45rem 0;
  margin-top: 0.2rem;
}
.enhance-right-litext p{
  max-width: 4rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 0.24rem;
}
.enhance-right-liimg img{
  border-radius: 12px;
}

.enhance-right-button{
  background-color: var(--yellow);
  color: var(--dark-green);
  max-width: 1.68rem;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
}

.achieve-container{
  flex-wrap: wrap;
  justify-content: left;
  gap: 0.4rem;
}

.achieve-item{
  width: 31.1%;
  border: 2px solid #EEEEEE;
  border-radius: 12px;
}

.achieve-title{
  padding-bottom: 0;
  margin-top: 0.4rem;
}

.achieve-footer{
  border-top: none;
  padding-top: 0.1rem;
  color: var(--medium-grey);
}

.achieve-bottom-text{
  margin-top: 0.4rem;
}

.achieve-bottom-description{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.26rem;
  text-align: center;
  color: var(--dark-green);
  max-width: 8.8rem;
  margin: 0 auto;
  margin-bottom: 0.24rem;
}


.achieve-button{
  padding: 0.15rem 0rem;
  max-width: 1.68rem;
  margin: 0 auto;
  text-align: center;
}


.customize{
  margin-top: 1rem;
}

.customize-container{
  display: flex;
}

.customize-item-title{
  margin-bottom: 0.1rem;
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height:1.325;
  text-align: left;

}

.customize-item-subtitle{
  font-family: 'Sen',sans-serif;

  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;

}
.customize-item-left{
  width: 35%;
  max-width: 6.4rem;
  background-color: var(--dark-green);
  color: #fff;
}
.customize-item-left-content{
  padding: 0.7rem;
}

.customize-button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.58rem;
  min-height: 0.53rem;
  background-color: var(--green);
  color: #fff;
  border-radius: 4px;
  margin-top: 0.42rem;
  cursor: pointer;
}

.allure{
  background: #EEF9FB;
  padding: 1rem 0;

}
.allure-header{
  max-width: 7rem;
  margin: 0 auto;
}
.allure-header-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--black);
  margin-bottom: 0.24rem;
}
.allure-header-description{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--medium-grey);
}

.allure-header-description span{
  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 0.208rem;

  text-align: center;

}

.allure-middle{
  margin-top: 0.24rem;
}

.allure-container{
  box-shadow: 0px 0px 10px 0px #18403E1A;
  padding: 0.7rem 0.8rem;
  background-color: var(--white);
  border-radius: 12px;
  margin-top: 0.5rem;
}

.allure-bottom-header-title{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height:1.325;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.1rem;
}

.allure-bottom-header-intro{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: #666;
  
}

.allurl-last .perfectly-link {
  margin-top: 0.24rem;
}

.allure-bottom-header{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.allure-bottom-header-left{
  width: 70%;
  max-width: 8.8rem;
}
.allure-bottom-header-right {
  width: 8%;
  position: relative;
  display: flex;
  align-items: center;
}


.allure-next,
.allure-prev {
    width: 0.24rem;
    height: 0.24rem;
    background-color: #ccc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s;
}

.allure-next-line{
  position: absolute;
  right: 49%;
  top: 13px;
}

.allure-bottom-header-right .swiper-button-next,.allure-bottom-header-right .swiper-button-prev{
  background-color:unset;
}

.allure-bottom-header-right .swiper-button-next::after,
.allure-bottom-header-right .swiper-button-prev::after{
  display: none;
  color: var(--black);
}

.allure-bottom-header-right .swiper-button-next, 
.allure-bottom-header-right .swiper-button-prev{
  width: 0.36rem !important;
  height: 0.36rem !important;
}

.ideal{
  margin-top: 1rem;
}

.ideal-title {
  font-family: 'Sen',sans-serif;

  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--black);
}

.ideal-container{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 0.5rem;
}

.ideal-item{
  width: 30%;
  text-align: center;
  max-width: 4rem;
}

.ideal-item-title{
   margin-bottom: 0.16rem;
}

.ideal-item-img{
  border-radius: 140px;
  margin-bottom: 0.24rem;
}

.ideal-item-title{
font-family: 'Sen',sans-serif;
font-weight: 600;
line-height:1.325;
text-align: center;
color: var(--black);
}

.ideal-item-description{
  font-family: 'Sen',sans-serif;

  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--medium-grey);
}

.greener{
  margin-top: 1rem;
  background: #F5F5EE;

}

.greener-section {
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_eco_bg.jpg'); 
  background-color: #f0efe9;
  background-blend-mode: multiply; 
  padding: 2rem 0;
  border-radius: 0 0 100px 100px;
  background-repeat: no-repeat;
  background-size: cover;
}

.greener-container {
  display: flex;
  align-items: flex-start;
  gap: 1.55rem;
}

.greener-text {
  width: 55%;
  max-width: 5.4rem;
}

.greener-title {
  font-family: 'Sen', sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--dark-green);
  margin-bottom: 0.5rem;
}

.greener-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: .24rem;
}

.greener-icon {
  width: 0.2rem;
  height: .21rem;
  color: #ffffff;
  background-color: #1B3C3A;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.greener-subtitle {
  font-family: 'Sen', sans-serif;
  font-weight: 600;
  line-height: 0.208rem;
  text-align: left;
  color: var(--dark-green);
  margin-bottom: 0.1rem;
}

.greener-description {
  font-family: 'Sen', sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--dark-green);
}

.greener-images {
  width: 55%;
  display: flex;
  flex-direction: column;
  max-width: 6.4rem;
}

.greener-image {
  border-radius: 12px;
  object-fit: cover;
  position: relative;
}

.greener-image-top{
  position: absolute;
  top: -0.5rem;
}
.greener-image-bottom{
  position: absolute;
  top: 40%;
  right: -7%;
}


.how-section{
  margin-top: 1rem;
  border-radius: 0 0 100px 100px;
  padding-bottom: 0.9rem;
}


.may-have{
  margin-top: 1rem;
  text-align: center;
}
.may-have .discover-item-left{
  width: 100%;
  max-width: 10rem;
  margin: 0 auto;
}


.discover-subtitle{
font-family: 'Sen',sans-serif;
font-weight: 600;
line-height:1.325;
text-align: center;
margin-bottom: 0.1rem;
color: var(--green);
}

.may-have .discover-title{
  text-align: center;
}


.may-have .discover-button{
  max-width: 6rem;
  margin: 0 auto;
  margin-top: 0.5rem;
}

.advantages{
  margin-top: 1rem;
}


.advantages-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--black);
  margin-bottom: .5rem;
}


.advantages-container .achieve-item{
  width: 49%;
  max-width: 6.8rem;
  box-sizing: border-box;
}


.review{
  margin-top: 1rem;
}

.review-card {
  font-family: 'Sen', sans-serif;
  background-color: #f5f3ec;
  border-radius: 12px;
  padding: 0rem 0.4rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  min-height: 4.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;

}

.review-content {
  text-align: left;
}
.review-container{
  margin-top: 0.5rem;
}
.review-stars{
  display: flex;
  gap: 2px;
}
.review-stars img {
  width: 0.17rem !important;
  height: 0.16rem !important;
}

.review-title{
font-family: 'Sen',sans-serif;
font-weight: 700;
line-height: 0.5rem;
text-align: center;
color: var(--black);
}

.review-text {
  margin-top: 0.16rem;
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--medium-grey);
}

.review-author {
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
}

.review-author-photo{
  width: 0.8rem !important;
  height:0.8rem !important;
  border-radius: 50%;
  margin-right: 0.16rem;
  object-fit: cover;
}


.review-author-info {
  text-align: left;
}

.review-author-name {
  font-weight: 400;
  line-height: 0.26rem;
  text-align: left;
  
}

.review-author-title {
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--medium-grey);
}
.review-container{
  position: relative;
}

.review-container .swiper-button-next::after, 
.review-container .swiper-button-prev::after {
  display: none;
}


.review-container .swiper-button-next, 
.review-container .swiper-button-prev{
  background: #CCCCCC;
  width: 0.6rem;
  height: 0.6rem;

}
.review-container .swiper-button-prev{
  left: -1rem;
}
.review-container .swiper-button-next{
  right: -1rem;
}




/* contact */
.banner-contact-container{
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #EEF9FB;
}


.contact-page-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.24rem;
}

.contact-page-description{
  font-family: 'Sen',sans-serif;

  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: #444444;
  margin-top: 0.1rem;
  
}

.email-a,.whatsapp-a,.phone-a,.adress-a{

  display: flex;
  margin-top: 0.27rem;
  align-items: center;

}
.adress-a{
  align-items:flex-start;
}
.contact-page-bottom p{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.26rem;
  text-align: left;
  color: var(--black);
}
.contact-page-bottom a img{
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.1rem;
}
.email-a,.email-a p{
  color: var(--green) !important;
  text-decoration: underline;

}


.contact-page-banner{
  display: flex;
  gap: 0.8rem;
  /* padding: 1.25rem 0; */
}

.contact-page-banner-left{
  width: 35%;
  max-width: 4.4rem;
}

.contact-page-bottom{
  display: flex;
  flex-direction: column;
}


.contact-page-banner-right {
  width:65%;
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.contact-form-row {
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
}

.contact-form-group {
  display: flex;
  flex-direction: column;
  width: 48%;
  position: relative;
  max-width: 100%;
  box-sizing: border-box;
}

.contact-form-group input,
.contact-form-group textarea {
  width: 100%;
  padding: 0.15rem;
  font-size: 16px;
  border: 2px solid #DDDDDD;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
}

.contact-form-group input::placeholder,
.contact-form-group textarea::placeholder {
  color: #666666
}

.contact-form-group input:required::after,
.contact-form-group textarea:required::after {
  content: " *";
  color: red;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}

.contact-form-group textarea {
  min-height: 2rem;
  resize: none;
}

.contact-form-submit {
  width: 100%;
  padding: 0.15rem;
  background-color: var(--dark-green);
  color: #fff;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  max-width: 2rem;
  box-sizing: border-box;
}




.contact-form-textarea{
  width: 100%;
  max-width: 100%;
}

.soical .conner{
  background-color: #F2F5F3;
  padding: 0.78rem 0;
  border-radius: 12px;
}

.contact-fllow-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
  margin-top: 0.24rem;
}

.contact-fllow-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.contact-fllow-title {
font-family: 'Sen',sans-serif;
font-weight: 600;
line-height: 0.4rem;
text-align: center;
color: var(--black);
}

.contact-fllow-icons {
  display: flex;
  gap: 0.4rem;
}

.contact-fllow-icon img {
  width: 0.48rem;
  height: 0.48rem;
}

.contact-fllow-line {
  flex-grow: 1;
  height: 1px;
  background-color: var(--green);
  margin: 0 0.95rem;
  margin-right: 0.4rem;
}

.soical{
  margin-top: 1rem;
}




.ri-adres{
  margin: 1rem 0;
  position: relative;
}

.ri-adres-postimg{
  position: absolute;
  top: -1.2rem;
  z-index: -1;
}
.ri-address-container {
  display: flex;
  justify-content: space-between;
  margin-top: 1.58rem;
}

.ri-address-card {
  margin: 0 auto;
  padding: 0;
  box-shadow: 0px 0px 30px 0px #18403E1A;
  background-color: #ffffff;
  border-radius: 12px;
 

}

.adres-swiper-wrapper{
  padding-bottom: 0.2rem;
}




.adres-swiper-wrapper .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{
  bottom: 0px !important;
  top: unset !important;
}





.ri-address-image {
  width: 100%;
  height: auto;
  display: block;
}

.ri-address-content {
  padding: 0 0.4rem;
  padding-top: 0.44rem;
  padding-bottom: 0.65rem;
  position: relative;
}

.ri-address-title {
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height:1.325;
  text-align: left;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.29rem;
}

.ri-address-flag {
  width: 0.4rem;
  height: auto;
}

.ri-address-text {
  display: flex;
  align-items: center;
  margin-bottom: 0.16rem;
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--medium-grey);
}

.ri-address-top{
  display: flex;
  align-items: flex-start;
}

.ri-address-icon {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}


.ri-adres-conner{
  width: 100%;
  position: relative;
}
.ri-adres-conner-text{
  max-width: 8.8rem;
  margin: 0 auto;
}

.ri-adres-conner-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.26rem;
  text-align: center;
  color: var(--black);
  margin-bottom: .24rem;
}

.ri-adres-conner-description{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.26rem;
  text-align: center;
  color: var(--black);
  max-width: 5.6rem;
  margin: 0 auto;
}

.ri-adres-conner-description span{
  color: var(--green);
}


/* 09 */
.category-banner{
  margin-top: 1.2rem;
  background-color: #EEF9FB;
}

.category-banner-brumb{
  padding-top: 0.1rem;
}

.category-banner-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 2.5rem;

}


.category-banner-item-left{
  width: 35%;
  max-width: 5.6rem;

}

.category-banner-left-title{
font-family: 'Sen',sans-serif;
font-weight: 700;
line-height: 0.5rem;
text-align: left;
color: var(--black);
margin-bottom: 0.24rem;
}

.category-banner-item-left-header p{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--medium-grey);
  margin-top: 0.14rem;
}
.category-banner-item-left-header p span{
  color: var(--green);
  font-weight: 600;
}

.category-banner-item-button{
  margin-top: 0.5rem;
}


/* Container and Grid Layout */
.matters{
  margin-top: 1rem;
}

.matters-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--black);

}

.matters-container{
  margin-top: 0.5rem;
}

.matters-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.4rem;
}

.matters-item {
  position: relative;
  width: 49%;
  max-width: 6.8rem;
  overflow: hidden;
  border-radius: 10px;
}

.matters-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.matters-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); 
  z-index: 1;
}

.matters-content {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  transition: opacity 0.5s ease, transform 0.5s ease;
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.35rem;
  text-align: center;
  
}

.matters-icon {
  width: 1rem !important;
  height: 1rem !important;
  margin-bottom: 0.25rem;
}

.hover-text{
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.matters-item:hover .matters-content{
  display: none;
  opacity: 0;
  transform: scale(0.95);
}

.matters-item:hover .hover-text {
  display: block;
  opacity: 1;
  transform: scale(1.05);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: white;
  width: 70%;
}




.practices{
  margin-top: 1rem;
}

.practices-header{
  margin-bottom: 0.55rem;
}

.practices-header-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--black);
  
}
.practices-item{
  text-align: left;
  border-radius: 12px;
  border: 2px solid #EEEEEE;
  max-height: 4.4rem;
  box-sizing: border-box;

}
.practices-item-content{
  padding: 0.6rem 0.4rem;

}
.practices-item-title{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 1.325;
  color: var(--black);
  text-align: left;
  margin-top: 0.24rem;
  margin-bottom: 0.16rem;
}


.practices-item-description,.practices-item-a{
  font-family: 'Sen',sans-serif;

  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--medium-grey);
}
.practices-item-a{
  display: block;
  font-weight: 500;
  text-decoration: underline;
  color: var(--green);
  padding-top: 0.87rem;
  
}
/* Responsive */

.practices-bottom{
  padding-left: 2.5rem;
}


.certifications{
   margin-top: 1rem;
   margin-bottom: 0.78rem;
   background-image: url('/wp-content/themes/RichPack/newassets/image/img_cer_bg.jpg');
}

.certifications .conner{
  padding-bottom: 1.92rem;

}
.certifications-header{
  padding-top: 1rem;
  max-width: 8.8rem;
  margin: 0 auto;
}
.certifications-header-title{
  margin-bottom: 0.24rem;
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;

}
.certifications-header-description{
  font-family: 'Sen',sans-serif;

  font-weight: 400;
 line-height: 1.225;
  text-align: center;

}
.certification-container {
  width: 100%;
  display: flex;
  justify-content: space-between;

  padding: 0.65rem 0.4rem;
  margin-top: 0.5rem;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_text_bg.png');
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.certification-card {
  width: 33%;
  position: relative;
  background-color: white;
  padding: 0 0.4rem;
  text-align: center;
  border-right: 2px dashed #F0EBE3; 

  box-sizing: border-box;
}
.certification-card:last-child{
  border-right: none; 

}

.certification-icon{
  width: 0.8rem;
  height: 0.8rem;
}



.certification-title {
  font-family: 'Sen', sans-serif;
  font-weight: 600;
  line-height: 0.2rem;
  text-align: center;
  color: var(--black);
  margin-top: 0.16rem;
  margin-bottom: 0.24rem;
}

.certification-description {
  font-family: 'Sen', sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--medium-grey);
}

.certifications-bottom{
  width: 100%;

  position: absolute;
  bottom: -0.78rem;
}
.certifications-bottom-cta{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_cta_bg.png');
  padding: 0.84rem 0;
  background-repeat: no-repeat;
}
.certifications-cta-title{
font-family: 'Lato',sans-serif;
font-style: italic;
font-weight: 700;
line-height: 0.3rem;
text-align: left;
color: var(--white);
}
.certifications-cta-button{
  max-width: 2.17rem;
  margin-left: 0.43rem;
}


.friendly-section {
  padding-top: 1rem;
}

.friendly-header-title{
  text-align: center;
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;

}

.friendly-container {
  margin-top: 0.5rem;
}

.friendly-row {
  display: flex;
  justify-content: space-between;
}

.friendly-card {
  flex: 1;
  background-color: white;
  border-radius: 10px;
  text-align: center;
  margin-right: 0.4rem;
}

.friendly-row .friendly-card:last-child  {
  margin-right: 0;

}
.friendly-icon {
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.24rem;
}

.friendly-title {
  font-family: 'Sen',sans-serif;

  font-weight: 600;
  line-height:1.325;
  text-align: center;
  color: var(--black); 
  margin-bottom: 0.24rem;
}

.friendly-description {
  font-family: 'Sen',sans-serif;
  font-weight: 400;
 line-height: 1.225;
  text-align: center;
  color: var(--medium-grey); 
  display: -webkit-box;
  -webkit-line-clamp:4; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
}

.friendly-description.expanded {
  -webkit-line-clamp: unset; 
  white-space: normal;
}


.friendly-container {
  position: relative;
}

.friendly-link {
 color: var(--green);
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: white; 
  padding-left: 5px;
  display: none;
}

.friendly-description.expanded .friendly-link {
  display: inline;
}


.friendly-highlight {
  position: relative;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_eoc friendly_bg.jpg'); 
  background-size: cover; 
  background-position: center; 
  padding: 1rem 2rem;
  border-radius: 10px;
  color: white;
  text-align: center;
  margin-top: 1rem;
  z-index: 1; 
  overflow: hidden; 
}
.friendly-highlight::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #18403EE5;

  z-index: -1; 
  border-radius: 10px;
}

.friendly-highlight-title {
  font-family: 'Sen',sans-serif;

  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  margin-bottom: 0.24rem;
  
}

.friendly-highlight-description {
  max-width: 10rem;
  margin: 0 auto;
  font-family: 'Sen',sans-serif;
  font-weight: 400;
 line-height: 1.225;
  text-align: center;
  color: rgba(255, 255, 255, 0.85);
}

.friendly-highlight-emphasis {
  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height:0.4rem;
  text-align: center;
  color: var(--yellow);
}


.friendly-console-container{
  margin-top: 0.4rem;
}

.friendly-console-card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  z-index: 0;
}

.friendly-console-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);

  width: 100%;
  height: 100%;
  z-index: 1;
}

.friendly-console-image {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.friendly-console-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.2rem;
  color: white;
  z-index: 2;
}

.friendly-console-title {
  font-family: 'Sen', sans-serif;

  font-weight: 600;
  line-height:0.26rem;
  text-align: center;
  margin-bottom: 0.1rem;
}

.friendly-console-description {
  font-family: 'Sen', sans-serif;
  font-weight: 400;
  line-height: 0.2080rem;
  text-align: center;
  color: var(--white);
}
.friendly-console-container {
  position: relative;
}

.friendly-console-container .swiper-button-next, .friendly-console-container .swiper-button-prev {
  background: none;
  border: none;
  color: transparent;
  width: auto;
  height: auto;
  top: 50%;
  transform: translateY(-50%);

}

.friendly-console-container .swiper-button-next {
  right:-0.5rem; 
}

.friendly-console-container .swiper-button-prev {
  left: -0.3rem; 
}


.browse{
  margin-top: 0.5rem;
}
.browse-bottom{
  margin-top: 0.24rem;
}

.browse-header-title{
  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height:0.4rem;
  text-align: center;
  color: var(--green);
  margin-bottom: 0.1rem;
}
.browse-header-description,.browse-product-title{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--medium-grey);
}
.browse-product-title{
  color: var(--black);
  font-weight: 600;
  margin-top: 0.16rem;

}
.browse-bor img{
  border: 1px solid #EEEEEE;
  border-radius: 12px;
  
}


.browseSwiper {
  position: relative;
}

.browse-pagination {
  position: absolute;
  top: unset !important;
  bottom: -0.24rem !important; 
  left: 50%;
  transform: translateX(-50%); 
  display: flex;
  justify-content: center;
  align-items: center;
}

.browse-pagination .swiper-pagination-bullet {
  width: 0.1rem !important;
  height: 0.1rem !important;
  background-color: #fff;
  border-radius: 50%;
  transition: background-color 0.3s ease;
  border: 1px solid #666666;
}

.browse-pagination .swiper-pagination-bullet-active {
  background-color: var(--dark-green) !important; 
}





.sustainable{
  margin-top: 1rem;
}

.sustainable-header{
  display: flex;
  justify-content: space-between;
}

.sustainable-header-left{
  width: 80%;
  max-width: 9.6rem;
}

.sustainable-header-right{
  width:30%;
}

.sustainable-header-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.16rem;
}

.sustainable-header-left p{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  color: var(--medium-grey);
  margin-bottom: 0.1rem;
}


.sustainable-bottom{
  margin-top: 0.5rem;
}
.sustainable-faq-container {
  background-color: #fff;
  border-radius: 12px;
 border: 2px solid #EEEEEE;
 box-shadow: 0px 0px 30px 0px #18403E1A;
 padding: 0.32rem 0.6rem;
 transition: all 0.3s ease;
 margin-top: 0.2rem;
}

.sustainable-faq-container.sustainable-collapsed {
  padding: 0.32rem 0.6rem; 
}

.sustainable-collapsed .sustainable-faq-content{
  margin-top: 0;
}
.sustainable-faq-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sustainable-faq-title {
  font-family: 'Sen', sans-serif;
  font-weight: 600;
  line-height:1.325;
  text-align: left;
  color: var(--black);
}

.sustainable-faq-toggle-btn {
  background: none;
  border: none;
  cursor: pointer;
}

.sustainable-faq-content {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.sustainable-faq-content.active {
  max-height: 10rem;
  margin-top: 0.35rem;
  transition: max-height 0.3s ease-in;

}

.sustainable-faq-item {
  display: flex;
  align-items: center;
  flex-basis: 49%;
  max-width: 6.2rem;
}

.sustainable-faq-img {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 12px;
  object-fit: cover;
}

.sustainable-faq-text {
  flex-grow: 1;
  margin-left: 0.2rem;
}

.sustainable-faq-item-title,.sustainable-faq-item-description {
  font-family: 'Sen', sans-serif;
  font-weight: 600;
  line-height: 0.208rem;
  text-align: left;
  margin-bottom: 0.1rem;
  color: var(--black);
}
.sustainable-faq-item-title::before {
  content: "●";
  color: #28a745;
  font-size: 16px;
  margin-right: 0.05rem;
}

.sustainable-faq-item-description {
  font-family: 'Sen', sans-serif;
  font-weight: 400;
  color: var(--medium-grey);
}


.manufacturing{
  background-color: #F5F5EE;
}


.manufacturing-container{
  padding-top: 1rem;
}

.manufacturing-container .commitment-title{
  color: var(--black);
}



.waste{
  margin-top: 1rem;
  position: relative;
}

.waste .conner{
position: relative;
}
.waste .conner::after{
  content: '';
  position: absolute;
  top: -1.35rem;
  left: -1.87rem;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_zero_bg_01.svg');
  background-repeat: no-repeat;
  width: 1.79rem;
  height: 1.79rem;
  z-index: -1;
}
.waste-container {
  width: 100%;
  display: flex;
  background-color: #fff;
  justify-content: space-between;
}

.waste-header {
  width: 47%;
  max-width: 4.4rem;
  text-align: left;
}

.waste-title,.waste-subtitle{
  font-family: 'Sen', sans-serif;
  font-weight: 700;
  line-height:0.5rem;
  text-align: left;
  color: var(--black);
}

.waste-subtitle {
  font-weight: 400;
 line-height: 1.225;
  margin-top: 0.24rem;

}

.waste-content {
  width:80%;
  max-width: 8rem;
  display: flex;
  align-items: flex-start;
  border-left: 4px solid #07923A;
}



.waste-text {
  padding-left: 0.3rem;
}

.waste-text p {
  font-family: 'Sen', sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  margin-bottom: 0.1rem;
  color: var(--medium-grey);
}

.waste-text p:last-child {
  margin-bottom: 0;
}



.develop-a{
  margin-top: 1rem;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_develop_bg.jpg');
  background-repeat: no-repeat;
  color: var(--white);
}

.develop-a-container{
  width: 100%;
  padding: 1.55rem 0;
  display: flex;
  justify-content: space-between;
}
.develop-a-left{
  width: 52%;
  max-width: 7.2rem;
  
}
.develop-a-right{
  width: 48%;
  max-width: 5.6rem;
}
.develop-a-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height:0.5rem;
  text-align: left;
}
.develop-a-right p{
  margin-bottom: 0.1rem;
  color: var(--white);
}

.develop-button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.77rem;
  height: 0.53rem;
  color: #fff;
  background-color: var(--green);
  margin-top: 0.36rem;
  border-radius: 4px;
}




/* 010 */
.about-page-ban-container {
  position: relative;
  width: 100%;
  height: 5.5rem; 
  /* background-size: cover;
  background-position: center; */
  background-repeat: no-repeat;
}

.about-page-ban-container .category-banner-brumb{
  position: absolute;
  left: 0;
}

.about-page-ban-breadcrumbs a {
  color: #666666;
  text-decoration: none;
}

.about-page-ban-breadcrumbs a:hover {
  text-decoration: underline;
}

.about-page-ban-content {
  text-align: center;
  z-index: 1;
  display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
   
}

.about-page-ban-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.55rem;
  text-align: center;
  max-width: 8.8rem;
  color: var(--white);

}

.overview-container{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_company_bg.jpg');
  background-repeat: no-repeat;
}

.overview-item{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.overview-item-left{
  width: 50%;
  max-width: 6.4rem;
}

.overview-item-right{
  width: 50%;
}

.overview-item-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--white);
  margin-bottom: 0.24rem;
}
.overview-item-intro {
  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 0.26rem;
  text-align: left;
  color: var(--yellow);
  margin-bottom: 0.24rem;
}
.overview-item-left p{
  font-family: 'Sen',sans-serif;

  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--white);
  margin-top: 0.1rem;
}


.overview-item-num{
  display: flex;
  gap: 0.6rem;
  margin-top: 0.6rem;
}

.overview-num-text,.overview-num-subtext{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.55rem;
  text-align: left;

  color: var(--yellow);
}


.overview-num-subtext{
  font-weight: 400;

}


.overview-item-right{
  max-width: 5.6rem;
}

.overview-item-right img{
  border-radius: 12px;
}


.green-commitment{
  margin-top: 1rem;
}
.green-commitment-container{
  max-width: 10rem;
  margin: 0 auto;
  text-align: center;
}

.green-commitment-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height:0.5rem;
  text-align: center;
  color: var(--black);
  margin-bottom: 0.5rem;
}
.green-commitment-container p{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--medium-grey);
  margin-bottom: 0.24rem;
}

.green-commitment-button{
  background-color: var(--green);
  width: 4.21rem;
  height: 0.53rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  margin: 0 auto;
  margin-top: 0.4rem;
}



.green-team{
  margin-top: 1rem;
}
.green-team-container{
  display: flex;
  align-items: center;
  gap: 1.8rem;
}

.green-team-item-left{
  width: 40%;
  max-width: 5.6rem;
  text-align: left;
}

.green-team-item-left .green-commitment-title{
  text-align: left;
  margin-bottom: 0.24rem;
}
.green-team-item-left  p{
  margin-bottom: 10px;
}

.green-team-button{
  width: 1.97rem;
  margin: 0;
  margin-top: 0.4rem;
}

.origin{
  margin-top: 1rem;
}
.origin-container {
  display: flex;
  justify-content: space-between;
  background-color: #18403E; 
  border-radius: 12px;
  align-items: center;
}

.origin-image-section {
  width: 60%;
  max-width: 9.3rem;
}

.origin-image {
  width: 100%;
  object-fit: cover;
}

.origin-text-section {
  width:45%;
  color: #fff;
  padding: 0 1rem;
}

.origin-text-section-content{
  max-width: 7.3rem;
}

.origin-subtitle {
  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 0.3rem;
  text-align: left;
  
  margin-bottom: 0.24rem;
  position: relative;
  padding-left: 0.83rem;
  color: var(--yellow);

}

.origin-subtitle::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.66rem; 
  height: 2px;
  background-color: var(--yellow); 
}
.origin-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  
  color: #fff;
  margin-bottom: 0.24rem;
}

.origin-description {
  font-family: 'Sen', sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;

  color: var(--white);
  margin-bottom: 0.1rem;

}

.origin-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.3rem;
  height: 0.53rem;
  background-color: var(--yellow);
  color: var(--dark-green);
  border: none;
  border-radius: 4px;
  font-family: 'Sen', sans-serif;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 0.92rem;
}


.vision{
  margin-top: 1rem;
}
.vision-title {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--black);
}

.vision-bottom {
  display: flex;
  justify-content: center;
  position: relative;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_vision_bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 8rem;
}

.vision-circle{
  width: 5.6rem;
  height: 5.6rem;
  background-color: var(--green);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.vision-circle-mission{
  background-color: #FFFFFF;
}

.vision-circle-left,.vision-circle-right{
  text-align: center;
  padding: 0 0.8rem;
}


.vision-circle-title{
  color: var(--white);
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.4rem;
  text-align: center;
  margin-bottom: 0.5rem;

}
.vision-circle-mission .vision-circle-title{
  color: var(--black);
}
.vision-content{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.2rem;

}

.vision-circle-description{
  color: var(--white);
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  margin-bottom: 0.63rem;
}
.vision-circle-mission .vision-circle-description{
  color: var(--medium-grey);
}

.vision-button{
  text-align: center;
  margin-top: 0.24rem;
  border-radius: 4px;
}

.vision-button-a{
  color: var(--green);
  border: 2px solid #07923A;
  padding: 0.15rem 0.4rem;
  font-weight: 600;
  border-radius: 4px;

}


.strengths{
  margin-top: 1rem;
}


.strengths-header{
  max-width: 8.8rem;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}
.strengths-header-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--black);
  margin-bottom: 0.24rem;
}

.strengths-header-description p{
  font-family: 'Sen',sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  margin-bottom: 0.1rem;
}
.strengths-header-description p a{
  color: var(--green);
  font-weight: 600;
}


.strengths-design-container {
  display: flex;
  justify-content: space-between;
  gap: 0.3rem;
  position: relative;
}

.strengths-design-item {
  position: relative;
  width: 33%;
  max-width: 6rem;
  overflow: hidden; /* 确保元素内容不超出边界 */
  background-color: #000; /* 默认背景色 */
  transition: background-color 0.5s ease; /* 平缓过渡背景色 */
}

.strengths-design-item-all {
  position: absolute;
  left: 0;
  bottom: 0.5rem;
  padding: 0 0.5rem;
  transition: top 0.5s ease, transform 0.5s ease; /* 添加平滑的位移过渡 */
}

.strengths-design-item-text {
  text-align: center;
}

.strengths-design-item-title, .strengths-design-item-intro {
  color: var(--white);
  font-family: 'Sen', sans-serif;
  text-align: center;
}

.strengths-design-item-intro {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 400;
  line-height: 0.208rem;
}

.strengths-design-item-title {
  margin-bottom: 0.24rem;
  font-weight: 600;
  line-height: 0.35rem;
}

.strengths-design-item-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--green);
  width: 1.68rem;
  height: 0.53rem;
  margin: 0 auto;
  margin-top: 0.4rem;
  display: none;
  border-radius: 4px;
  transition: opacity 0.5s ease; 
  opacity: 0;
}

.strengths-design-item:hover .strengths-design-item-all {
  top: 50%;
  transform: translateY(-50%);
}

.strengths-design-item:hover .strengths-design-item-button {
  display: flex;
  opacity: 1;
}

.strengths-design-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0) 0%, 
    rgba(0, 0, 0, 0.85) 100%
  );
  transition: background-color 0.5s ease;
  z-index: 1;
  filter: brightness(0.8);
}

.strengths-design-item:hover::before {
  background-color: rgba(0, 0, 0,.85); 
  filter: brightness(0.5) blur(2px);
  filter: brightness(0.5);
}

.strengths-design-item-all {
  position: absolute;
  z-index: 2; 
  left: 0;
  bottom: 0.5rem;
  padding: 0 0.5rem;
}


.why-choose-container{
  width: 100%;
  display: flex;
  gap: 0.2rem;
  flex-wrap: wrap;
}
.why-choose-item{
  width: 43.5%;
  background: #F2F5F3;
  display: flex;
  padding: 0.6rem 0.4rem;
  border-radius: 4px;
}

.why-choose-item-left{
  width: 30%;
  max-width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.2rem;
}
.why-choose-item-right{
  width: 75%;
  max-width: 4.5rem;

}

.why-choose-header-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  margin-bottom: 0.5rem;
}

.why-choose{
  margin-top: 1rem;
}



.why-choose-title{
  font-family: 'Sen',sans-serif;

  font-weight: 600;
  line-height: 0.26rem;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.16rem;
}

.why-choose-intro{
font-family: 'Sen',sans-serif;
font-weight: 400;
line-height: 0.208rem;
text-align: justified;
color: var(--medium-grey);
letter-spacing: 1px;

}

.why-choose-last-item{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.why-choose-last-item{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_icon_bg.png');
  background-repeat: no-repeat;
}


.why-choose-item-last-title{
  color: var(--green);
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.26rem;
  text-align: left;
  margin-bottom: 0.24rem;

}

.why-choose-item-last-button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.68rem;
  height: 0.53rem;
  margin: 0 auto;
  background-color: var(--green);
  border-radius: 4px;

}
.some-of-title{
font-family: 'Sen',sans-serif;
font-weight: 700;
line-height: 0.5rem;
text-align: center;
color: var(--black);

}
.some-of-container{
  background: linear-gradient(rgba(24, 64, 62, 0.9), rgba(24, 64, 62, 0.9)), 
              url('/wp-content/themes/RichPack/newassets/image/img_logo_bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  /* padding: 1rem 0; */
}
.some-of-middle{
  margin-top: 0.5rem;
}


.some-of-bottom-button{
  color: var(--dark-green);
  background-color: var(--yellow);
  margin-top: 0.5rem;
}
.some-of{
  margin-top: 1rem;
}

.innovative{
  margin-top: 1rem;
}
.innovative-container{
  display: flex;
  gap: 1.2rem;
  align-items: center;
}

.innovative-item-left{
  width: 48%;
  border-radius: 12px;
}
.innovative-item-right{
  width: 48%;
}

.innovative-right-title{
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height:0.5rem;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.24rem;
}
.innovative-container:first-child{
  margin-bottom: 1rem;
}

.innovative-item-right p{
  font-family: 'Sen',sans-serif;

  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--medium-grey);
  margin-bottom: 0.1rem;
}

.innovative-right-button{
  background: #07923A;
  display: inline-flex;

  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  margin-top: 0.4rem;
  text-decoration: none;
}

.innovativeSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.assurance{
  margin-top: 1rem;
  text-align: center;
}

.assurance-header{
  max-width: 8.8rem;
  margin: 0 auto;
}
.assurance-title,.assurance-description {
font-family: 'Sen',sans-serif;
font-weight: 700;
line-height:0.5rem;
text-align: center;
color: var(--black);
}

.assurance-description{
font-weight: 400;
line-height:0.208rem;
color: var(--medium-grey);
  margin-top: 0.24rem;

}

.assurance-bottom{
  margin-top: 0.4rem;
}

.assurance-bottom-img{
  padding: 0.4rem;
 
}

.assurance-bottom-container{
  border: 2px solid #F2F5F3
}
.assurance-bottom-text{
  text-align: center;
  padding: 0.18rem 0.2rem;
  background: #F2F5F3;
}

.assurance-bottom-title{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.208rem;
  text-align: center;
  color: var(--black);
}


.tailored{
  margin-top: 1rem;
}

.tailored-container{
  background:  url('/wp-content/themes/RichPack/newassets/image/img_Tailored Solutions_bg.jpg');
  background-repeat: no-repeat;
}

.tailored-top{
  max-width: 7rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.95rem 0 ;
  text-align: center;
}

.tailored-top-title,.tailored-top-intro {
  font-family: 'Sen',sans-serif;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--black);

}

.tailored-top-intro{
  font-weight: 400;
  line-height: 0.208rem;
  color: var(--medium-grey);
  margin-top: 0.24rem;
}

.tailored-bottom{
  margin-top: 0.4rem;
}
.tailored-bottom-container{
  width: 100%;
  display: flex;
  gap: 0.4rem;
}

.tailored-bottom-container-text{
  text-align: center;
  padding: 0 0.4rem;
}
.tailored-bottom-item{
  width: 48.6%;
}

.tailored-bottom-item img{
  border-radius: 12px;

}
.tailored-bottom-container-title{
  font-family: 'Sen',sans-serif;
  font-weight: 600;
  line-height: 0.35rem;
  text-align: center;
  color: var(--black);
  margin-top: 0.24rem;
  margin-bottom: 0.14rem;
}

.tailored-bottom-intro{
  font-family: 'Sen',sans-serif;

  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--medium-grey);
}

.tailored-bottom-container-text .innovative-right-button{
  margin-top: 0.24rem;
}

.default-from{
  margin-top: 1rem;
  background: #F5F5EE;
  padding: 1rem 0;
}

.default-from-title{
    font-weight: 700;
    line-height: 0.4813rem;
    text-align: center;
    color: var(--black);
    margin-bottom: 0.24rem;
}

.default-from-subtitle{
  font-weight: 600;
  line-height: 0.208rem;
  text-align: center;
  color: var(--medium-grey);
  max-width: 10rem;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}

.default-from-bottom .form-submit{
  margin: 0 auto;
}

.category-banner-brumb a{
  font-weight: 400;
}
.category-banner-brumb span{
  color: var(--white);
}


/* 011 */


.mission-and-vision .about-page-ban-container{
  height:4rem;
}

.our-mission-container{
  display: flex;
  justify-content: space-between;
}

.our-mission{
  margin-top: 1rem;
}
.our-mission-item{
  width: 49.3%;
  border-radius: 12px;
}
.our-mission-item-all{
  padding: 0.6rem 0.45rem;

}

.our-mission-item-left{
  background: #F5F5EE;

}

.our-mission-item-right{
  background: #F0EBE3;

}

.our-mission-bottom{
  position: relative;
  margin-top: 0.63rem;
}
.our-mission-bottom .perfectly-link{
  text-decoration: underline;
  margin-top: 0;
}

.our-mission-bottom-imgs{
  position: absolute;
  top: -0.45rem;
  right: 0;
}

.our-mission-item-title{
  font-weight: 600;
  line-height:0.35rem;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.16rem;
}

.our-mission-item-intro {
  font-weight: 400;
  line-height: 0.208rem;
  text-align: left;
  color: var(--medium-grey);
}

.our-mission-item-intro span{
  font-weight: 600;

}

.core{
  margin-top: 0.2rem;
}
.core-container{
  /* background: linear-gradient(180deg, rgba(24, 64, 62, 0.425) 0%, rgba(24, 64, 62, 0.85) 100%), 
  url('/wp-content/themes/RichPack/newassets/image/img_core_principles_bg.jpg'); */
  text-align: center;
  padding: 1rem 0;
  padding-bottom: 0.9rem;
  border-radius: 12px;
  background-image:url('/wp-content/themes/RichPack/newassets/image/img_core_principles_bg.jpg');
  background-repeat: no-repeat;

}


.core-container-header-title{
  font-weight: 600;
  line-height: 0.35rem;
  text-align: center;
  color: var(--white);
  margin-bottom: 0.24rem;
}

.core-container-header-intro{
  font-family: 'LatoIt',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 0.208rem;
  text-align: center;
  color: var(--white);
  max-width: 4.5rem;
  margin: 0 auto;

}

.core-container-bottom{
  width: 100%;
  display: flex;
  padding: 0 0.8rem;
  margin-top: 0.36rem;
  gap: 0.2rem;
  box-sizing: border-box;
}

.core-container-bottom-item{
  width: 32.5%;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 12px;
  min-height: 3.4rem;

}
.core-container-bottom-item-content{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.core-container-item-imgs{
  display: flex;
    justify-content: end;
    /* margin-top: 0.54rem; */
}
.core-container-item-title {
  font-weight: 600;
  line-height: 0.26rem;
  text-align: left;
  color: var(--dark-green);
  margin-bottom: 0.16rem;
}
.core-container-item-description{
  font-weight: 400;
 line-height: 1.225;
  text-align: left;
  color: var(--dark-green);
}

.core-container .perfectly-link{
  color: var(--yellow);
  text-decoration: underline;
  margin-top: 0.52rem;
}


.presence{
  margin-top: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F0EBE3 100%);
  padding-bottom: 1rem;
}
.presence-header{
  max-width: 10rem;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}

.presence-header-title {
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--black);
  margin-bottom: 0.24rem;
}

.presence-header-intro{
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--medium-grey);
}

.presence-container {
  display: flex;
  flex-direction: column;
}

.presence-top,
.presence-bottom {
  display: flex;
  align-items: center;
  gap: 1.2rem;

}
.presence-top{
  margin-bottom: 0.5rem;
}

.presence-details {
 width: 46%;
 max-width: 6.4rem;
}

.presence-info-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.24rem;
  gap: 0.16rem;
}

.presence-info-list li {
  width: 48.5%;
  font-weight: 600;
  line-height: 0.208rem;
  color: var(--green);
  text-align: left;
  
  position: relative;
}
.presence-info-list li span{
  padding-right: 10px;
}

.presence-info-list li span::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--green);
}

.presence-details p {
  font-weight: 400;
 line-height: 1.225;
  color: var(--medium-grey);
  text-align: left;
  margin-top: 0.1rem;
}

.presence-image {
  flex: 1;
}

.presence-image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.presence-button {
  display: inline-block;
  background-color: green;
  color: white;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
}


.approach{
  margin-top: 1rem;
}

.approach-header{
  max-width: 10rem;
  margin: 0 auto;
}

.approach-header-title{
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--black);
  margin-bottom: 0.24rem;
}
.approach-header-intro{
  font-weight: 400;
  line-height: 0.208rem;
  text-align: center;
  color: var(--medium-grey);
}


.approach-bottom-container {
  display: flex;
  justify-content: space-between;
  column-gap:0.2rem;
  margin-top: 0.5rem;
  max-height: 5rem;
  box-sizing: border-box;
}

.approach-left, 
.approach-right {
  width: 31%;
  max-width: 4.3rem;
  display: flex;
  flex-direction: column;
  gap:0.2rem;
}

.approach-image img {
  width: 100%;
  border-radius: 12px;
}

.approach-center {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #18403E;
  padding: 0.8rem 0.6rem;
  border-radius: 12px;
  text-align: center;
  color: #FFF;
  flex: 1;
}



.approach-icon img {
  width: 1rem;
  height: auto;
  margin-bottom:0.16rem;
}

.approach-text {
  font-family: 'LatoIt',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 1.325;
  text-align: center;
  color: var(--white);
}
.approach-text span{
  color: var(--yellow);
}

.approach-button {
  display: inline-block;
  background-color: var(--yellow);
  color: var(--dark-green);
  padding: 0.16rem 0.4rem;
  border-radius: 4px;
  text-decoration: none;
  margin-top: 0.5rem;
}

.approach-button:hover {
  background-color: #a3852f;
}


.we-offer{
  margin-top: 1rem;
}

.we-offer-headerimg img{
  border-radius: 12px;
}

.we-offer-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.4rem;
  margin-top: 0.5rem;
}

.we-offer-left {
  width: 32%;
  max-width: 4.4rem;
}

.we-offer-title {
  font-family: 'Sen', sans-serif;
  font-weight: 700;
  color: var(--black);
  margin-bottom: 0.2rem;
}

.we-offer-button {
  display: inline-block;
  padding: 0.16rem 0.4rem;
  background-color: var(--green);
  color: #fff;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  font-family: 'Sen', sans-serif;
  font-weight: 600;
  transition: background-color 0.3s ease;
}

.we-offer-button:hover {
  background-color: #066c29;
}

.we-offer-right {
  flex: 1;
}

.we-offer-list {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.we-offer-item {
  flex: 0 0 46%;
  font-family: 'Sen', sans-serif;
  font-weight: 400;
  line-height: 0.208rem;
  color: var(--medium-grey);
  text-align: left;

  position: relative;
  padding-left: 0.2rem;

}

.we-offer-item span{
  color: var(--green);
  font-weight: 600;

}

.we-offer-item::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--green);
}

.collection-page-footer{
  margin-bottom: 1rem;
}


/* 012 */
.ceo-team-container{
  display: flex;
  align-items: center;
  gap: 1rem;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_ceo_team.jpg');
  background-position: right;
  background-size: cover;
}

.ceo-team-item-left{
  width: 48.5%;
}

.ceo-team-item-right{
  width: 34%;
  /* background-image: url('/wp-content/themes/RichPack/newassets/image/img_ceo_team.jpg');
  background-repeat: no-repeat; */
}

.ceo-team-item-title{
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  line-height: 0.3rem;
  text-align: left;
  color: var(--black);
  position: relative;
  padding-bottom: 0.24rem;
}
.ceo-team-item-title::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1rem;
  height: 2px;
  background-color: var(--green);
}
.ceo-team-item-intro{
  font-family: 'LatoIt';
  font-style: italic;
  font-weight: 700;
  text-align: left;
  color: var(--green);
  margin: 0.24rem 0;

}

.ceo-team-item-content p{
  margin-bottom: 0.1rem;
}

.leader-team{
  margin-top: 1rem;
}

.leader-container{
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  column-gap: 1rem;
  row-gap: 0.6rem;
}

.leader-item{
  width: 28.5%;
}
.leader-item-text p{
  text-align: center;
}
.leader-item-name{
  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 0.3rem;
  text-align: center;
  color: var(--green);
  margin-bottom: 0.16rem;
  position: relative;
  padding-top: 0.16rem;
  margin-top: 0.6rem;
}

.leader-item-name::after{
  content: '';
  position: absolute;
  top: -50%;
  left:50%;
  transform: translate(-50%,50%) rotate(90deg); /* 旋转90度 */
  width: 20px;
  height: 2px;
  background-color: var(--green);
}

.service-team{
  margin-top: 1rem;
}
.service-team .conner{
  padding-top: 1rem;
  border-top:4px dashed #07923A1A; 
}
.service-team-container{
  display: flex;
  width: 100%;
  gap: 1.2rem;
  align-items: center;
  margin-bottom: 1rem;
}
.service-team-container:last-child{
  margin-bottom: 0;
}
.service-team-item-text .h2-title{
  text-align: left;
}

.service-team-item-text{
  width: 46%;
}
.service-team-item-img{
  width: 46%;
}
.service-team-item-text p{
  margin-bottom: 0.24rem;
}
.service-team-item-ul{
  margin-bottom: 0.24rem;
}
.service-team-item-subtitle{
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.16rem;
}
.service-team-item-ul li{
  position: relative;
  padding-left: 25px;
  margin-bottom: 0.16rem;
}

.service-team-item-ul li:last-child{
  margin-bottom: 0;
}
.service-team-item-ul li::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('/wp-content/themes/RichPack/newassets/image/icon_check_style_02.svg');
  width: 20px;
  height: 20px;
}

.service-team-item-img img{
  border-radius: 12px;
}

.service-team-item-description{
  margin-bottom: 0.24rem;
}

.service-team-item-text-m0 p{
  margin-bottom: 0.1rem;
}

.service-team-item-text-m0 p span{
  font-weight: 600;
}


.feedback{
  margin-top: 1rem;
}

.feedback-container {
  background-color: #F5F5EE; 
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_cta_bg_team.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 12px;
  padding: 1rem 0rem;
  text-align: center;
}
.feedback-content{
  max-width: 8.8rem;
  margin: 0 auto;
}

.feedback-content .p-intro {
  font-weight: 600;
  margin-bottom: 0;
}

.team-training{
  margin-top: 1rem;
}

.team-training-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  margin-bottom: 1rem;
}
.team-training-container:last-child{
  margin-bottom: 0;
}

.team-training-content {
  width: 46%;
  max-width: 46%;
}
.team-training-content .h2-title{
  text-align: left;
}

.team-training-content .p-intro{
  text-align: left;
}


.team-training-image {
    width: 46%;
    max-width: 6.4rem;
}

.team-training-image img {
  width: 100%;
  height: auto;
  border-radius: 12px; 
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
}


.why-page-banner-top{
  background: linear-gradient(180deg, #F5F5EE 0%, #FFFFFF 100%);
margin-top: 1.2rem;
}


.why-page-banner {
  margin-bottom: 30px;
}



.why-page-banner-content a,.why-page-banner-content span{
  color: var(--medium-grey);
}

.why-page-banner-content-text{
  max-width: 10rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0.69rem;
}
.why-page-banner-content-text p{
  margin-bottom: 0.24rem;
}
.why-page-banner-content-text a{
  color: var(--white);
  margin-top: 0;
  
}


.why-page-image-row {
  width: 100%;
  max-width: 10.60rem;
  display: flex;
  justify-content: center;
  gap: 0.2rem;
  margin: 0 auto;
  margin-top: 0.4rem;
}

.why-page-image {
  width: 100%;
}

.ultimate{
  margin-top: 1rem;
}

.ultimate-header p a{
  color: var(--green);
  text-decoration: underline;
  font-weight: 400;
}

.ultimate-header p{
  max-width: 8.8rem;
  margin: 0 auto;
}



.ultimate-container {
  text-align: center;
}
.ultimate-header{
  margin-bottom: 0.7rem;
}

.ultimate-text {
  font-size: 18px;
  color: #555;
  line-height: 1.6;
}

.ultimate-text a {
  color: #07923A;
  text-decoration: underline;
}

.ultimate-features {
  display: flex;
}

.ultimate-feature {
  width: 24%;
  text-align: center;
  position: relative;
  padding: 0 0.3rem;
}
.ultimate-feature:last-child{
  padding-right: 0;
}
.ultimate-feature:first-child{
  padding-left: 0;
}
.ultimate-icon{
  margin-bottom: 0.24rem;
}

.ultimate-icon-title {
  font-weight: 600;
  line-height: 0.26rem;
  text-align: center;
  color: var(--black);
  margin-bottom: 0.16rem;
}

.ultimate-feature p {
 color: #666666;
 text-align: center;
}

.ultimate-feature .ultimate-icon img {
  width: 0.48rem;
  height: 0.48rem;
}

.ultimate-feature::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 2px;
  background: linear-gradient(to bottom, #07923A 30%, #EEEEEE 30%);
}

.ultimate-feature:last-child::after {
  display: none;
}

.ultimate-container .innovative-right-button{
  margin-top: 0.7rem;
}



.local{
  margin-top: 1rem;
}

.local-container {
  display: flex;
  justify-content: space-between;
}

.local-image img {
  max-width: 100%;
  border-radius: 12px;
}

.local-content .innovative-right-button{
  margin-left: 0.3rem;
}
.local-content {
  width: 45.5%;
  max-width:100%;
}

.local-content .service-team-item-ul{
  margin-bottom: 0;
}

.local-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-image: url('/wp-content/themes/RichPack/newassets/image/icon_check_style_02.svg');
  background-repeat: no-repeat;
  width: 0.24rem;
  height: 0.24rem;
}

.service-team-item-ul-title{
  margin-bottom: 0.12rem;
  font-weight: 700;
  color: var(--black);
  line-height: 0.2406rem;
}

.local-content .service-team-item-ul li::after{
  top: 5px;
}
.local-content .service-team-item-ul li{
  padding-left: 0.3rem;
  margin-bottom: 0.2rem;
}

.local-content .service-team-item-ul li:last-child{
  margin-bottom: 0;
}

.why-page-sustainable{
  margin-top: 1rem;
  text-align: center;
  background: #F5F5EE;
  padding: 1rem 0;
}

.why-page-sustainable-container{
  display: flex;
  gap: 0.4rem;
}
.why-page-sustainable-item{
  width: 45%;
}

.why-page-sustainable-item-text{
  margin-top: 0.24rem;
}

.why-page-sustainable-item .h2-title{
  margin-bottom: 0.16rem;
  line-height: 1.25;
}
.why-page-sustainable-item .p-intro{
  margin-bottom: 0;
}
.why-page-sustainable-item img{
  border-radius: 12px;
}

.why-page-expertise{
  margin-top: 1rem;
}

.why-page-expertise-container{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_Global Expertise_bg.jpg');
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  min-height: 4.4rem;
  padding-top: 1rem;
  position: relative;
}

.why-page-expertise-container{
  position: relative;
}
.why-page-expertise-container .conner{
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}


.why-page-expertise-container .title-header .h2-title{
  color: var(--white);
}
.why-page-expertise-container .title-header .p-intro{
  color: var(--white);

}

.why-page-expertise-bottom{
  text-align: center;
}


.why-page-assurance{
  margin-top: 3.65rem;
}
.why-page-assurance .h2-title{
  text-align: left;
}


.why-page-assurance-header-container{
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.why-page-assurance-header-item-left{
  width: 63%;
}
.why-page-assurance-header-item-left .p-intro{
  text-align: left;
  margin-bottom: 0;
}


.why-page-assurance-header-item-right{
  width: 37%;

}
.why-page-assurance-header-item-right-content{
  width: 100%;
  display: flex;
  justify-content: end;
}
.why-page-assurance-header-subtitle{
  font-weight: 600;
  line-height: 1.25;
}
.why-page-assurance-header-num {
  color: var(--green);
  font-weight: 700;
  line-height: 0.55rem;
}

.why-page-assurance-header-text{
  padding: 0  0.4rem;
  border-right: 1px solid #e0e0e0;
}

.why-page-assurance-header-text:last-child{
  border: none;
  padding-right: 0;
}

.impact{
  margin-top: 1rem;
}

.impact-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(180deg, #F5F5EE 0%, #FFFFFF 100%);
}

.impact-left {
  width:50%;
  background-color: var(--dark-green); 
  color: white;
  position: relative;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_csr_bg.jpg'); 
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.45rem 0;
  padding-left: 2.6rem;
  padding-right: 1.6rem;
  box-sizing: border-box;
}






.impact-right {
  width: 50%;
}

.impact-image {
  width: 100%;
}


.impact-button{
  background-color: var(--yellow);
  color: var(--dark-green);
}
.impact-left .h2-title{
  color: var(--white);
  text-align: left;

}
.impact-left p{
  color: var(--white);
  margin-bottom: 0;
  text-align: left;

}

.strong{
  margin-top: 1rem;
}

.strong .title-header{
  max-width: 10rem;
}

.strong-container{
  background-color: #eee;
  display: flex;
  align-items: center;
  background-color: #eee;
  max-width: 12rem;
  flex-wrap: wrap;
  position: relative;
  min-height: 4.78rem;
}

.strong-item-big{
  background-image: url('/wp-content/themes/RichPack/newassets/image/liubianxing.png');
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.strong-item{
  width: 2rem;
  height: 2rem;
}

.strong-item:nth-child(1){
  position: absolute;
  top: 0.5rem;
  left: 4.1rem;
}
.strong-item:nth-child(2){
  position: absolute;
  top: 0.5rem;
  right: 2.4rem;
}

.strong-item:nth-child(3){
  position: absolute;
  top: 1.42rem;
  left: 2.5rem;
}
.strong-item:nth-child(4){
  position: absolute;
  top: 1.42rem;
  left: 5.85rem;
}


.strong-item:nth-child(4){
}
.strong-item:nth-child(5){
}

.strong-item:nth-child(6){
}
.strong-item:nth-child(7){
}


.why-us-form{
  margin-top: 1rem;
  background: #F5F5EE;
}

.why-us-form-container{
  width: 100%;
  display: flex;
  gap: 1.6rem;
  align-items: center;

}
.why-us-form-item-imgs{
  width: 35%;
  max-width: 6.2rem;
}
.why-us-form-item-right{
  width: 60%;
  max-width: 8.8rem;
}

.form-textarea{
  box-sizing: border-box;
}

.why-us-form-item-right .h2-title,
.why-us-form-item-right .p-intro{
  text-align: left;
}
.why-us-form-item-right .h2-title{
  margin-bottom: 0.1rem;
}
.why-us-form-item-right .p-intro{
  margin-bottom: 0.35rem;
}



/* 015 */

.cta-default-banner .about-page-ban-content{
  flex-direction: column;
  max-width: 8.8rem;
  margin: 0 auto;
}

.cta-default-banner .about-page-ban-container{
  height: 4rem;
}
.about-page-ban-title{
  margin-bottom: 0.24rem;
}

.about-page-ban-content p{
  color: var(--white);

}

.c-p-product{
  margin-top: 1rem;
}

.c-p-product .perfectly-card{
  width: 100%;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  box-sizing: border-box;
  max-width: 3.2rem;
  /* max-height: 2.4rem; */
}
.c-p-product .perfectly-card-img{
  width: 3.2rem;
  height: 1.86rem;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;

}

.c-p-product .perfectly-card-title{
  text-align: center;
  padding: 0.16rem 0;
  margin-top: 0;
  margin-bottom: 0;
}

.c-p-abilities{
  margin-top: 1rem;
  text-align: center;
}

.c-p-abilities .h2-title,.c-p-abilities .p-intro{
  text-align: left;
  max-width: 12rem;

}
.c-p-abilities .p-intro{
  margin-bottom: 0;
}


.c-p-abilities-container {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.c-p-abilities-item {
  background-color: #F2F5F3;
  border-radius: 12px;
  text-align: center;
  width:31.4% ;
  min-height: 4.4rem;
  padding: 0.6rem;
  box-sizing: border-box;
}

.c-p-abilities-icon {
  margin: auto;
  background-color: #FFFFFF;
  width: 1.6rem;
  height:1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.c-p-abilities-title {
  font-weight: 600;
  margin-top: 0.24rem;
}

.c-p-abilities-text {
  text-align: center;
  margin-top: 0.16rem;
}

/* s-p-brand */
.c-p-brand-section{
  margin-top: 0.5rem;
}
.c-p-brand-tabs {
  display: flex;
  position: relative;
  gap: 0.24rem;
}

.c-p-brand-tab {
  cursor: pointer;
  position: relative;
  color:var(--dark-grey);
  font-weight: 600;
  transition: color 0.3s ease;
  padding-bottom: 3px;
}

.c-p-brand-tab:hover {
  color: var(--black);
}

.c-p-brand-tab.active {
 color: var(--black);
}

.c-p-brand-tab.active::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  transform: translateX(-50%);
  width: 100%;
  height: 3px;
  background-color: var(--green);
}

.c-p-brand-tab.active::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--green);
}

.c-p-brand-content {
  display: none;


  background-color: #F5F5EE;
  border: 1px solid var(--green);
  border-radius: 4px;

  align-items: center;
  justify-content: space-between;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s ease;
  transform: translateY(20px);
  margin-top: 0.24rem;
}

.c-p-brand-inner {
  width: 100%;
  display: flex;
  justify-content:center;
  align-items: center;
  gap: 1rem;
  padding: 0.6rem 0;
 
}


.c-p-brand-inner-imgs{
  width: 50%;
  max-width: 6.4rem;
}


.c-p-brand-text {
  width: 36%;

}

.c-p-brand-title {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 0.24rem;
  text-align: left;
}
.c-p-brand-text p,.c-p-brand-text{
  text-align: left;

}


/* Active Content */
.c-p-brand-content.active {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}

.c-p-brand-content {
  transform: translateY(20px);
}

/* .c-p-brand-tabs::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #00FFAA, #00FFAA, #FFF);
  top: 100%;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
} */

.c-p-brand-tab.active ~ .c-p-brand-tabs::before {
  transform: scaleX(1);
}




.c-p-boxs-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.c-p-boxs-item {
  width: 31.25%;
  text-align: center;
  border: 1px solid #EEEEEE;
  border-radius: 12px;
}

.c-p-boxs-img {
  margin-bottom: 0.24rem;
}

.c-p-boxs-header{
  padding: 0 0.4rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0.4rem;


}
.c-p-boxs-img img {
  width: 2.64rem;
  height: auto;
}

.c-p-boxs-title {
  font-weight: 600;
  margin-bottom: 0.16rem;
  text-align: center;
}

.c-p-boxs-text {
  text-align: center;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
 color: #202020;

}

.c-p-boxs-link {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-decoration: underline;
  background-color: #F2F5F3;
  padding: 0.2rem 0;
  color: var(--green);
  margin-top: 0.4rem;
}

.c-p-boxs-link:hover {
  text-decoration: underline;
}

.c-p-boxs-item-last{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_shape_bg.png');
  background-color: #18403E;

}
.c-p-boxs-item-last img{
  width: 3rem;
  height: 2.4rem;
}
.c-p-boxs-item-last .c-p-boxs-header{
  margin-top: 0.6rem;
}
.c-p-boxs-item-last .c-p-boxs-title{
font-family: 'LatoIt',sans-serif;
font-style: italic;
font-weight: 700;
line-height: 0.3rem;
text-align: center;
color: var(--yellow);
}

.served{
  margin-top: 1rem;
  background-color: #F0EBE3;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_industry_bg.jpg');
}

.served-padd{
  padding: 1rem 0;
} 



.s-p-served-container {
  display:flex;
  column-gap: 1.12rem;
  row-gap: 0.4rem;
  flex-wrap: wrap;
}

.s-p-served-item {
 width: 46%;
  display: flex;
  gap: 0.24rem;
  align-items: center;
}



.s-p-served-img{
  width:35%;
  max-width: 2.2rem;
}
.s-p-served-right{
  width:63%;
}

.s-p-served-img img {
  border-radius: 12px;
}

.s-p-served-title {
  font-weight: 600;
  margin-bottom: 0.16rem;
}


.default-faq{
  margin-top: 1rem;
}

.default-faq-container {
  width: 100%;
  margin: 0 auto;
  
}

.default-faq-item {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 0.24rem;
  overflow: hidden;
  transition: all 0.4s ease;
}

.default-faq-question {
  border: 2px solid #EEEEEE;

  padding: 0.2rem 0.4rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  box-shadow: 0px 0px 10px 0px rgba(22, 26, 21, 0.1);

  transition: background 0.4s ease;

}

.default-faq-question:hover {
  background-color: #f5f5f5;
}

.default-faq-answer {

  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}

.default-faq-answer.active {
  height: auto;
  opacity: 1;
  padding-left: 0.62rem;
  padding-top: 0.24rem;
}

.default-faq-question .arrow {
  transition: transform 0.4s ease;
}

.default-faq-question.active .arrow {
  transform: rotate(180deg);
}
.default-faq-question-h3{
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  color: var(--black);
}

.default-faq-answer{
  font-weight: 400;
  line-height: 1.25;
  text-align: left;
  color: var(--medium-grey);
}
.default-faq-question-h3 span{
  color: var(--green);
  font-weight: 600;
}


.default-faq-question .arrow{
  width: 0.32rem;
  height: 0.32rem;
}

.default-faq .title-header{
  margin-bottom: 0.5rem;
}

.inst-gallery {
  display: flex;
 width: 100%;
  gap: 0.2rem;
  margin-top: 0.5rem;
}

.inst-gallery-item {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.inst-gallery-item:nth-child(odd) img {
  width: 5rem;
  height: auto;
  border-radius: 4px;

}

.inst-gallery-item:nth-child(even) {
  display: grid;
  grid-template-rows: repeat(2, 1fr); 
  gap: 0.2rem;

}

.inst-gallery-item:nth-child(even) img {
  width:2.4rem;
  height: auto;
  border-radius: 4px;
}


.inst{
  margin-top: 1rem;
}
.inst .p-intro {
  color: var(--green);
  font-weight: 600;
  text-decoration: underline;
}

.p-j-process{
  margin-top: 1rem;
}
.p-j-process-container{
  display: flex;
  position: relative;
  justify-content: space-between;
}
.p-j-process-container-item-left{

  width: 40%;
  margin-top: 8px;
}
.p-j-process-container-item-row{
  display: flex;
  align-items: center;
  margin-top: 0.65rem;
  justify-content: end;
}

.p-j-process-container-item-row:first-child{
  margin-top: 0;
}

.p-j-process-container-item-row p{
  max-width: 3.2rem;
  text-align: right;
}
.p-j-process-container-item-one{
  text-align: right;
}
.p-j-process-container-item-two{
  padding: 0 0.3rem;
}

.p-j-process-container-item-right{
  width: 40%;
  margin-top: 8px;

}

.p-j-process-container-item-right .p-j-process-container-item-row{
  display: flex;
  align-items: center;
  justify-content: start;
}

.p-j-process-container-item-right .p-j-process-container-item-one{
text-align: left;
}

.p-j-process-container-item-right  p{
text-align: left;

}

.p-j-process-container-item-middle{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);

  z-index: 0;
}


.p-j-process-num{
  font-size: 1rem;
  color:#DEE3E0;
  font-family: 'Lato',sans-serif;
  font-weight: 900;
}
.p-j-process-h3{
   color: var(--green);
    font-weight: 600;
    line-height: 1.625;
    margin-bottom: 0.1rem;
}

.p-j-process .h2-title{
  margin-bottom: 0.84rem;
}

.p-j-process-container-item-row img{
  width: 1.06rem;
  height: auto;
}

.p-j-help .conner{
  background-color: #EEF9FB;
  border-radius: 12px;
}

.p-j-help-left{
  max-width: 4.4rem;
}
.p-j-help-left p{
  color: var(--black);
}

.p-j-help .order-container{
  padding: 0.46rem 1rem;
  box-sizing: border-box;
}

.p-j-help-left .button-link{
  justify-content: start;
}

.p-j-help .order-container-right{
  width: 42%;
}



/* 04 */

.about-page-ban-intro{
  font-family: 'LatoIt',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  color: var(--white);
  margin-bottom: 0.24rem;
}

.m-p-presentation{
  margin-top: 1rem;
  text-align: center;
}
.m-p-presentation-item{
  border: 2px solid #EEEEEE;
  border-radius: 12px;
  min-height: 4.36rem;
}

.m-p-presentation-item img{
  border-radius: 12px 12px 0 0;
}
.m-p-presentation-item-text{
  padding: 0.4rem 0.3rem;
  text-align: left;

}
.m-p-presentation-item-text p{
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.m-p-presentation-item-title{
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.1rem;
}
.m-p-presentation-container{
  position: relative;
}

.m-p-style{
  margin-top: 1rem;
}

.m-p-style-top{
  background-color: #f5f5ee;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_Jewelry Displays_bg.webp');
}
.m-p-style:nth-of-type(2) .m-p-style-top{
  background-image: none;
}
.m-p-style:nth-of-type(3) .m-p-style-top{
  background-image: none;
}
.m-p-style-container {
  display: flex;
  justify-content: space-between;
  padding: 1.2rem 0;

}

.m-p-style-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.m-p-style-left {
  width: 50%;
  max-width: 6.4rem;
}

.m-p-style-title {
}
.m-p-style-content .h2-title,
.m-p-style-content .p-intro {
  text-align: left;

}
.m-p-style-content .p-intro{
  margin-bottom: 0.4rem;
}

.m-p-style-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.m-p-style-item {
  display: flex;
  align-items: start;
  margin-bottom: 0.24rem;
}

.m-p-style-item:last-child{
  margin-bottom: 0;

}
.m-p-style-icon {
  width: 0.24rem;
  height: 0.24rem;
  margin-right:7px;
}

.m-p-style-item-title {
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.1rem;
  
}

.m-p-style-item-description {
  color: var(--medium-grey);
}



.m-p-style-right {
  width: 48%;
  max-width: 5.6rem;
}

.m-p-style-image {
  max-width: 100%;
  border-radius:12px;
}


.cosmetic-height{
  min-height: 9.31rem;
  position: relative;
}

.cosmetic-height .cosmetic-button{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1rem;
  margin-top: 0;
}
.cosmetic-height  .cosmetic-header{
  max-width: 8.8rem;
}
.cosmetic-height .cosmetic-description{
  margin-bottom: 0;
}

.m-p-cosmetic .cosmetic{
  margin-top: 0;
  padding-top: 1rem;
  box-sizing: border-box;
}

.m-p-las .m-p-style-top{
  margin-top: 0;
  background-image: none;
}

/* 016 */
.d-n-design{
  margin-top: 1rem;
}

.d-n-banner .about-page-ban-content p{
  text-align: center;
}
.d-n-banner .about-page-ban-content p span{
  font-family: 'LatoIt',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  color: var(--white);
}

.d-n-design-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.d-n-design-item-left{
  width: 46%;
}

.d-n-design-item-right{
  width: 46%;
}

.d-n-design-item-right .h2-title{
  text-align: left;
}

.d-n-design-item-right p{
  text-align: left;
  margin-bottom: 0.1rem;
}

.d-n-box{
  margin-top: 1rem;
}
.d-n-box .title-header p{
  margin-bottom: 0.1rem;
  text-align: center;
}

.d-n-box-container {
  /* display: flex;
  justify-content: center;
  background-color: #ffffff; */
  margin-top: 0.5rem;
  text-align: center;
}

.d-n-box-grid {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  border-right: 1px solid #e0e0e0; 
  border-bottom: 1px solid #e0e0e0; 
}

.d-n-box-item {
  width: 25%;
  text-align: left;
  min-height: 2.8rem;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  box-sizing: border-box;
  border-left: 1px solid #e0e0e0; 
  border-top: 1px solid #e0e0e0;
}

.d-n-box-item-content{
  max-width: 2.8rem;
  margin: 0 auto;
}

.d-n-box-icon{
  margin-bottom:0.16rem ;
  width: 0.32rem;
  height: 0.32rem;
}

.d-n-box-icon img {
}

.d-n-box-title {
  color: var(--black);
  font-weight: 600;
  margin-bottom: 0.1rem;
  line-height: 1.25;
  text-align: left;

}

.d-n-box-description {
  color: var(--medium-grey);
  font-weight: 400;
  line-height: 1.25;

  text-align: left;

}


.d-n-boost{
  margin-top: 1rem;
  text-align: center;
}


.d-n-boost .title-header{
  max-width: 10rem;
}

.d-n-boost-container {
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
}

.d-n-boost-item {
  flex: 1;
  background-color: #fff;
  text-align: left;
}

.d-n-boost-img {
  width: 100%;
  height: auto;
}

.d-n-boost-text {
}

.d-n-boost-title {
  font-weight: 600;
  margin-bottom: 0.16rem;
  margin-top: 0.24rem;
  color: var(--black);
}

.d-n-boost-list {
  list-style: none;
  padding: 0;
}

.d-n-boost-list li {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding-left: 0.2rem;
  margin-bottom: 0.16rem;
}

.d-n-boost-list li img {
  width: 0.16rem;
  height: 0.16rem;
  margin-right: 0.1rem;
}

.d-n-boost-list li::before {
  content: "";
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  background: url('/wp-content/themes/RichPack/newassets/image/icon_check.svg') no-repeat;
  position: absolute;
  left: 0;
  top: 2px; 
}



.d-n-sturdy-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1rem;
}
.d-n-sturdy-container:last-child{
  margin-bottom: 0;
}
.d-n-sturdy-text {
  flex: 1;
}

.d-n-sturdy-title {
  font-weight: 700;
  margin-bottom: 0.24rem;
  color: var(--black);
  line-height: 0.5rem;
}

.d-n-sturdy-description {
font-weight: 400;
line-height: 1.25;
text-align: left;
  color: var(--medium-grey);
}

.d-n-study{
  background-color: #F5F5EE;
  margin-top: 1rem;
}



.d-n-sturdy-image {
  flex: 1;
  text-align: right;
}

.d-n-sturdy-image img {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.d-n-study-padd{
  padding: 1rem 0;
}



.d-n-solu{
  margin-top: 1rem;
}


.d-n-solu-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}

.d-n-solu-text {
  width: 50%;
  max-width: 6.4rem;
}

.d-n-solu-text .h2-title{
  text-align: left;
  line-height: 0.35rem;
  font-weight: 600;
}

.d-n-solu-text .p-intro{
  text-align: left;
  margin-bottom: 0.36rem;
}


.d-n-solu-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0.6rem; 
  row-gap: 0.24rem;
}

.d-n-solu-feature {
  display: flex;
  align-items: baseline;
}

.d-n-solu-image {
  width: 50%;

  max-width: 5.6rem;

}

.d-n-solu-image img{
  border-radius: 12px;
}

.d-n-solu-feature-title {
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0.1rem;
}

.d-n-solu-icon{
  width: 0.2rem;
  height: 0.2rem;
}


.d-n-solu-image img {
  width: 100%;
  height: auto;
  border-radius: 0.

}
.d-n-solu-feature-text{
  margin-left: 10px;
}
.d-n-solu-feature-text p{
  max-width: 2.6rem;
}

.d-n-solu-container .perfectly-link{
  margin-top: 0.35rem;
}


.d-n-art{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_bg_01.jpg');
  background-repeat: no-repeat;
  margin-top: 1rem;
}

.d-n-art .conner{
  position: relative;
  min-height: 4.4rem;

}

.d-n-art-card{
  padding: 0.6rem;
  background: #FEE691;
  max-width: 8rem;
  border-radius: 12px;
  position: absolute;
  right: 0;
  bottom: -1rem;
  box-sizing: border-box;
}

.d-n-art-title{
font-weight: 700;
line-height: 0.5rem;
color: var(--dark-green);
text-align: left;
margin-bottom: 0.24rem;

}
.d-n-art-intro{
  font-family: 'Sen',sans-serif;
font-weight: 400;
line-height: 1.265;
text-align: left;
color: var(--dark-green);

}

.d-n-art-button{
  background: var(--dark-green);
  color: var(--yellow);
  display: inline-flex;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  margin-top: 0.44rem;
  text-decoration: none;
}

.d-n-app{
  margin-top: 1.8rem;
}
.d-n-app-container {
  display: flex;
}

.d-n-app-feature {
  width: 31.3%; 
  padding:0 .5rem;
  position: relative; 
  border-right: 1px solid #E0E0E0;
}
.d-n-app-feature:nth-of-type(1) {
  padding-left:0rem;

}
.d-n-app-feature:nth-of-type(3) {
  padding-right:0rem;

}
.d-n-app-feature:last-child {
  border-right: none;
}

.d-n-app-title {
  font-weight: 600;
  margin-bottom: 0.24rem;
  line-height: 1.45;
}

.d-n-app-list {
  list-style: none;
  padding: 0;
}

.d-n-app-list li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 0.16rem;
}

.d-n-app-list li::before {
  content: '';
  width:6px;
  height: 6px;
  background-color: green;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 8px;
}

.d-n-pre{
  margin-top: 1rem;
}

.d-n-pre-header-title{
  margin-bottom: 0.24rem;
  font-weight: 700;
  line-height:0.5rem;
  color: var(--black);
  text-align: left;

}
.d-n-pre-header-content{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.d-n-pre-header-intro{
  max-width: 8.8rem;
}

.d-n-pre-header-intro  p{
  margin-bottom: 0.1rem;
}
.d-n-pre-header-intro  p:last-child{
  margin-bottom: 0;
}
.d-n-pre-header-content .innovative-right-button{
  margin-top: 0;
}


.d-n-pre-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.5rem;
  row-gap: 0.4rem;
}

.d-n-pre-item {
  width: 46%;
  text-align: left;
}

.d-n-item-ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.d-n-pre-item-imgs{
  width: 30%;
  border-radius: 12px;
  max-width: 1.8rem;
}
.d-n-pre-item-imgs img{
  border-radius: 12px;
}
.d-n-pre-text{
  width: 68.5%;
}




.d-n-pre-title {
  margin-bottom: 0.16rem;
  font-weight: 600;
  line-height: 1.325;
  text-align: left;
  color: var(--black);
}

.d-n-pre-text p {
}

.d-n-unique{
  margin-top: 1rem;
}
.d-n-unique img{
  border-radius: 4px;
}
.d-n-unique-bottom{
  display: flex;
  gap: 0.2rem;
  max-height: 5rem;
  overflow: hidden;
}
.d-n-unique-column-1{
  max-width: 5rem;
}

.d-n-unique-row-top{
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}

.d-n-unique-row-left,.d-n-unique-row-right{
  width: 2.4rem;
  height: 2.4rem;
}
.d-n-unique-row-left{
  margin-right: 0.2rem;
}
.d-n-unique-row-bottom{
  width: 100%;
  max-height: 2.4rem;
  overflow: hidden;
  border-radius: 4px;
}
.d-n-unique-row-bottom img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

.d-n-unique-column-2 img{
  height: 100%;
  object-fit: cover; 
  
}

.d-n-unique-column-3 .d-n-unique-row-bottom{
  margin-bottom: 0.2rem;
  border-radius: 4px;
}

.d-n-eng{
 
  margin-top: 1rem;

}

.d-n-eng .max-conner-fuild{
  background-color: #67A767;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_bg_02.jpg');
  background-repeat: no-repeat;
  padding: 1.4rem 0;
  box-sizing: border-box;
  border-radius: 80px;
  overflow: hidden;
}

.d-n-eng .h2-title{
  color: var(--white);
}

.d-n-eng-container {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  margin-top: 0.7rem;
}

.d-n-eng-item {
  flex: 1;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  padding: 0.6rem 0.6rem 0.72rem 0.6rem;
  max-width: 5.6rem;
  box-sizing: border-box;
  border-radius: 12px;
  min-height: 6.8rem;
  text-align: center;
}
.d-n-eng-img img{
  width: 2.4rem;
  height: 2.4rem;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0.24rem;
}

.d-n-eng-title{
  margin-bottom: 0.24rem;
}


.d-n-eng-title {
  font-weight: 600;
  line-height: 1.425;
  text-align: center;
  color: var(--black);
}

.d-n-eng-description {
  font-weight: 400;
  line-height:1.25;
  color: var(--medium-grey);
  text-align: center;
}

.d-n-eng-link {
  color: var(--green);
  text-decoration: underline;
  font-weight: 600;
}

.d-n-eng-link:hover {
  text-decoration: underline;
}



.d-n-samp{
  margin-top: 1rem
}

.d-n-samp-container {
  display: flex;
  justify-content: space-between;
}

.d-n-samp-left {
  width: 46%;
}
.d-n-samp-left-con{
  position: -webkit-sticky;
  position: sticky;
    top: 1.4rem;
}
.d-n-samp-left .h2-title{
  text-align: left;
}
.d-n-samp-title {
  font-weight: 700;
}

.d-n-samp-description {
  margin-bottom: 0.24rem;
}

.d-n-samp-description-mop{
  margin-bottom: 0;
}
.d-n-samp-left .innovative-right-button{
  margin-top: 0.5rem;
}

.d-n-samp-italic {
  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 1.425;
  text-align: left;
  color: var(--green);

  position: relative;
  margin-bottom: 0.24rem;
  display: inline-block;
}

.d-n-samp-italic::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: rgba(7, 146, 58, 0.2);
}

.d-n-samp-button {
  display: inline-block;
  background-color: var(--green);
  color: #fff;
  border-radius: 0.4rem;
  text-align: center;
  text-decoration: none;
}

.d-n-samp-right {
  width: 49%;
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
}

.d-n-samp-item {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 0.4rem;
  padding-bottom: 0.24rem;
}

.d-n-samp-item img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 12px;
}

.d-n-samp-item-text{

}

.d-n-samp-item-title {
  font-weight: 700;
  margin-bottom: 0.16rem;
}

.d-n-samp-item p {
}

.d-n-samp-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed var(--green);
}

.d-n-samp-item:last-child::after {
  display: none;
}
.d-n-samp-item:last-child{
  padding-bottom: 0;
}


.d-n-see{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_bg_03.jpg');
    background-repeat: no-repeat;
}


.d-n-see .d-n-art-card{
  right: unset;
  left: 0;
}

.d-n-meet{
  margin-top: 2rem;
}

.d-n-meet-container{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.55rem;
}

.d-n-meet-left{
  width: 20%;
  max-width: 100px;
  margin-right: 0.24rem;

}

.d-n-meet-imgs{
  width: 1rem;
  height: 1rem;
  background-color: #F5F5EE;
  border-radius: 12px;
  box-sizing: border-box;
}

.d-n-meet-imgs img{
  width: 100%;
  height: auto;
  padding: 0.26rem;
  box-sizing: border-box;

}
.d-n-meet-content{
  display: flex;
  align-items: center;

}
.d-n-meet-right-text{
}
.d-n-meet-text-title{
  margin-bottom: 0.16rem;
  font-weight: 600;
  line-height:1.425;
  text-align: left;
  color: var(--black);

}

.d-n-meet-item{
  width: 46%;
  border-right:1px solid #E0E0E0;
  padding-right: 0.55rem;
  border-bottom:1px solid #E0E0E0;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;

}
.d-n-meet-item:nth-child(2n) {
  border-right: none;
  padding-right: 0;
  padding-left: 0.55rem;
}
.d-n-meet-bottom{
  text-align: center;
}

.d-n-meet-bottom .innovative-right-button{
  margin-top: 0.24rem;
}
.d-n-focu{
  text-align: center;
  font-weight: 600;
  line-height:1.325;
  text-align: center;
  color: var(--black);
  
}

/* 017 */
.c-s{
  margin-top: 0.6rem;
}

.case-banner-container{
  min-height: 4.8rem;
  background-color: #FFF;
  position: relative;
    width: 100%;
    background-repeat: no-repeat;
}
.case-banner-container .about-page-ban-content{
  flex-direction: column;
}
.case-banner-container .about-page-ban-title{
  color: var(--black);
  text-align: center;

}
.case-banner-contant p{
  color: var(--medium-grey);
  text-align: center;
  margin-bottom: 0.1rem;

}

.case-banner-contant {
  max-width: 10rem;
  margin: 0 auto;
  text-align: center;
}

.case-banner-icon{
  width: 0.8rem;
  height: 0.8rem;
  margin-top: 0.5rem;
  margin-bottom: 0.6rem;
}
.case-banner-container .category-banner-brumb-a {
  color: var(--medium-grey);
}
.case-banner-container .category-banner-brumb span{
  color: var(--medium-grey);

}


/* Container */
.c-s-container {
  width: 100%;
}

/* Filter Tags */
.c-s-tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 8.8rem;
  margin: auto;
  gap: 16px;
  margin-bottom: 0.6rem;
}

.c-s-tag {
  border: 2px solid #dddddd;
  color: #666666;
  border-radius: 50px;
  cursor: pointer;
  padding: 10px 20px;
}

.c-s-tag-active {
  background-color: var(--green);
  border: none;
  color: #ffffff;
}

/* Case Items */
.c-s-cases {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.6rem;
}

.c-s-case {
  width: 48.5%;
  text-align: left;
}

.c-s-img {
  width: 100%;
  height: auto;
}

.c-s-case-title {
  font-weight: 600;
  line-height:1.325;
  text-align: left;
  color: var(--black);
  margin: 0.24rem 0;
}

.c-s-case p{
  font-weight: 400;
  line-height: 1.25;
  text-align: left;
  color: var(--medium-grey);
  margin-bottom: 0.1rem;
}
.c-s-case p:last-child{
  margin-bottom: 0;
}


.c-s-quote {
  color: var(--green);
  text-decoration: underline;
  font-weight: 600;
  margin-left: 0.2rem;
}

/* Pagination */
.c-s-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.c-s-page-nav {
  color: var(--medium-grey);
  cursor: pointer;
  padding: 0.14rem 0.19rem;
  border: 1px solid #EEEEEE;
  display: flex;
  align-items: center;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  border-radius: 4px;

}
.c-s-page-nav  img{
  width: 16px;
  height: 16px;
}


.c-s-page-number {
  padding: 0.14rem 0.2rem;
  border: 1px solid #EEEEEE;
  color: var(--medium-grey);
  cursor: pointer;
  border-radius: 4px;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
}

.c-s-page-active {
  background-color: var(--green);
  color: #ffffff;
  border: none;
}

.c-s-page-dots {
  color: var(--medium-grey);
}

/* 018 */
.c-d-effy-banner{
  margin-top: 1.2rem;
}

.c-d-effy-brumb a ,.c-d-effy-brumb span{
  color: var(--medium-grey);
}

.c-d-effy-main{
  background: linear-gradient(180deg, #F2F5F3 0%, #EEF9FB 100%);
  padding-bottom: 1rem;
}

.c-d-effy{
  box-shadow: 0px 0px 30px 0px #18403E0D;
  background-color: #fff;
  border-radius: 40px;
  padding: 0.6rem;
  margin-top: 0.69rem;

}

.c-d-effy-header{
}

.c-n-banner-title{
  font-weight: 600;
  line-height: 0.4rem;
  text-align: left;
  color: var(--green);
}

.c-d-effy-bottom{
  margin-top: 0.4rem;
}
.c-d-banner-item-left,.c-d-banner-item-right{
  width:45.7%;
}

.c-n-banner-text-item{
  width: 48%;
  border-bottom: 1px solid #EEEEEE;
  
}

.c-n-banner-text-item:nth-last-child(-n+2) {
  border-bottom:none;
}

.c-n-banner-row{
  border-bottom: 1px solid #EEEEEE;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 0.16rem;
  margin-bottom: 0.16rem;  
}
.c-n-banner-row:last-child{
  border-bottom: none;
}
.c-n-banner-text-item span{
  font-weight: 600;
  color: var(--black);
}
.c-n-banner-text{
  margin-top: 0.4rem;
}

.c-n-banner-text-item{
  color: var(--medium-grey);
}

.c-d-effy-bottom-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-d-banner-item-right-title {
  font-weight: 600;
  line-height:0.26rem;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.16rem;
} 

.c-d-banner-item-right p{
  color:#666666;
  margin-bottom: 0.14rem;
}



.c-d-effy-back-all{
  margin-top: 1rem;
}

.c-d-effy-back-container {
  display: flex;
  justify-content: space-between;
}

.c-d-effy-back-left {
  width: 68.5%;
}

.c-d-effy-back-right {
  width: 23%;
}

.c-d-effy-back-section {
  margin-bottom: 0.6rem;
}

.c-d-effy-back-title {
  position: relative;
  margin-bottom: 0.24rem;
  padding-left: 0.3rem;
  font-weight: 600;
  line-height:1.425;
  text-align: left;
  color: var(--black);


}
.c-d-effy-back-title::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('/wp-content/themes/RichPack/newassets/image/Subtract.svg');
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.c-d-effy-back-section p{
  margin-bottom: 10px;
}
.c-d-effy-back-section p:last-child{
  margin-bottom: 0px;
}

.c-d-effy-back-icon {
  width: 0.16rem;
  height: 0.16rem;
  background-color: var(--green);
  border-radius: 50%;
  margin-right: 0.15rem;
}

.c-d-effy-back-sticky {
  position: sticky;
  top: .2rem;
  padding: .1rem;
  text-align: center;
}

.c-d-effy-back-case {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.16rem;
  position: relative;
}
.c-d-effy-back-overlay {
  position: relative;
}
.c-d-effy-back-case img {
  width: 100%;
  border-radius: 4px;
}

.c-d-effy-back-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(22, 26, 21, 0.5); 
  color: white;
  padding: 0.1rem;
  text-align: center;
}

.c-d-effy-back-text-title{
  font-weight: 400;
  line-height: 1.25;
  text-align: left;
  color: var(--white);

}


.c-d-effy-back-cta {
  display: block;
  text-align: center;
  padding: 0.2rem;
  background-color: var(--green);
  color: white;
  border-radius: 4px;
  margin-top: 0.2rem;
  text-decoration: none;
}

.c-d-effy-back-sticky-title{
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0.16rem;
  text-align: left;
  color: var(--black);
  position: relative;
  padding-left: 0.15rem;
}

.c-d-effy-back-sticky-title::after{
  content: '';
  position: absolute;
  top:50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url('/wp-content/themes/RichPack/newassets/image/ght.svg');
  background-repeat: no-repeat;
  width: 14px;
  height: 10px;
}

.c-d-effy-back-social {
  margin-top: 0.2rem;
  text-align: center;
}

.c-d-effy-back-social-icons{
  text-align: center;
}
.c-d-effy-back-social-icons a {
  margin-right: 0.16rem;
}
.c-d-effy-back-social-icons a:last-child {
  margin-right: 0;
}

.c-d-effy-back-sticky-head{
  border-top: 1px solid var(--black);
  border-bottom:  1px solid var(--black);
  padding: 0.16rem 0;
}

.social-title{
  color: var(--black);
  font-weight: 600;
  margin-bottom: 10px;
}

.c-d-effy-back-section ul {
  margin-top: 0.16rem;
  margin-bottom: 0.24rem;
}

.c-d-effy-back-section ul li{
  position: relative;
  padding-left: 0.15rem;
  color: var(--medium-grey);
}

.c-d-effy-back-section ul li::after{
  content: '•';
  color: var(--green);
  position: absolute;
  top: -8px;
  left: 0;
  font-size: 24px;
}


.c-d-effy-band{
  background: #FFFFFF;
  box-shadow: 0px 0px 30px 0px #18403E0D;
  display: flex;
  padding: 0.64rem 0.4rem;
  justify-content: space-between;
  border-radius: 12px;
  align-items: center;
  margin-bottom: 0.2rem;

}
.c-d-effy-band-left{
  width: 54.5%;
}

.c-d-effy-band-right{
  width: 41%;
  background-color: #F2F5F3;
  border-radius: 4px;
}
.c-d-effy-band-title{
  font-weight: 600;
  line-height: 1.225;
  margin-bottom: 10px;
  color: var(--black);
}
.c-d-effy-band-left p{
  color: var(--medium-grey);
}


.c-d-effy-back-left .innovative-right-button{
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.c-d-effy-back-left-button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.16rem 0;
  background: var(--green);
  color: var(--white);
  border-radius: 4px;
}

/* 019 */
.p-l-header{
  margin-top: 0.69rem;
  border-bottom: 3px solid #EEEEEE;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.24rem;
}
.p-l-header .h2-title{
  margin-bottom: 0;
}
.p-l-header-icon{
  display: flex;
  gap: 0.24rem;
}
.p-l-icon-item{
  padding-left: 25px;
  position: relative;
  font-weight: 400;
  line-height: 1.25;
  text-align: left;
  color: var(--medium-grey);

}

.p-l-icon-item::before{
  content: '';
  background-image: url('/wp-content/themes/RichPack/newassets/image/icon_check_style_02.svg');
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

.p-l-cat-container {
  width: 29%;
  max-width: 260px;
}

.p-l-cat-title {
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  transition: color 0.3s ease;
  color: var(--black);
  line-height: 1.225;

}

.p-l-cat-toggle {
  transition: transform 0.3s ease;
}

.p-l-cat-active .p-l-cat-toggle {
  transform: rotate(0deg);
}

.p-l-cat-list {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  /* opacity: 0; */
  will-change: max-height;

}
.p-l-cat-list li{
  font-weight: 400;
  line-height: 1.25;
  text-align: left;
  color: var(--medium-grey);
}

.p-l-cat-active .p-l-cat-list {
  max-height: 1000px; 
  opacity: 1;
  border-top: none;

}
.p-l-cat-category{
  border-bottom: 1px solid #E0E0E0;
  padding: 20px 0;
}

.p-l-cat-item {
  padding: 5px 0;
  cursor: pointer;
  transition: color 0.3s ease;
}

.p-l-cat-item:hover {
  color: var(--green);
}

.p-c-active {
  color: var(--green) !important;
}

.p-l-cat-load-more {
  margin-top: 16px;
  color: var(--green);

  cursor: pointer;
  font-weight: 600;
  line-height: 18.2px;
  text-align: left;

  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.p-l-cat-load-more span {
  margin-left: 5px;
  transition: transform 0.3s ease;
}

.p-l-cat-list .p-l-cat-hidden {
  display: none;
}


.p-l-cat-expanded .p-l-cat-hidden {
  display: block;
}

.p-l-cat-expanded .p-l-cat-load-more span {
  transform: rotate(180deg);
}


.p-l-cat-active .p-l-cat-item:first-child{
  padding-top:0.2rem;
}
.p-l-cat-active .p-l-cat-item:last-child{
  padding-bottom:0;
}









/* -- */
.p-l-bottom{
  display: flex;
  margin-top: 0.5rem;
  gap: 0.4rem;

}
.p-l-cat-right{
  width: 79%;
}
.p-l-cat-right-banner img{
  border-radius: 12px;

}

.thumb-raduis{
  border-radius: 120px;
  max-width: 70px;
  height: auto;
}


.p-l-banner-thumb-title{
  color: var(--black);
}

.p-l-banner-thumb{
  display: flex;
  align-items: center;
  gap: 0.16rem;
  padding: 0.15rem;
  padding-left: 0.24rem;
  padding-right: 0.16rem;
}
.p-l-banner-thumbs{
  margin-top: 0.16rem;
}

.p-l-cat-right-bottom-te{
  width: 80%;
  display: flex;
  justify-content: end;
  gap: 20px;
}

.p-l-cat-right-bottom-title{
  font-weight: 600;
  color: var(--black);
}
.p-l-cat-right-bottom{
  margin-top: 0.5rem;
}



.p-l-cat-right-bottom-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.24rem;
}

.search-sort-container {
  display: flex;
  align-items: center;
  gap: 20px;
}

.sort-by {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 90px;
  padding: 11px 20px;
  font-size: 14px;
  background-color: #fff;
  position: relative;
}

.sort-by label {
  margin-right: 5px;
  font-weight: bold;
  color: #333;
}

.sort-by select {
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
  font-family: inherit;
  color: #666;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sort-by .sort-icon {
  position: absolute;
  right: 16px;
  pointer-events: none;
}
.sort-select{
  padding-right: 20px;
}

.sort-by select:focus {
  outline: none;
}

.search-box {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 120px;
  padding: 11px 20px;
  font-size: 14px;
  background-color: #fff;
}

.search-box input {
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
  font-family: inherit;
  color: #666;
  width: 150px;
}

.search-box button {
  border: none;
  background: none;
  cursor: pointer;
  padding-left: 5px;
}

.search-box button img {
  width: 16px;
  height: 16px;
}






.p-l-product-container{
  display: flex;
  flex-wrap: wrap;
  gap: 0.18rem;

}

.p-l-product-item{
  width: 24%;
  max-width: 261px;
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px 0px #18403E0D;
  padding: 0.2rem;
  padding-bottom: 0.24rem;

}
.p-l-product-item-h3{
  font-weight: 600;
  line-height: 1.225;
  text-align: left;
  color: var(--black);
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 16px;
    margin-bottom: 14px;
}
.p-l-product-item-p{
  font-weight: 400;
  line-height: 1.15;
  text-align: left;
  color: #666666;
  margin-bottom: 4px;
}
.p-l-product-item-a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px 0;
    border-radius: 4px;
    text-decoration: none;
    border: 2px solid #07923A;
    color: var(--green);
    margin-top: 16px;
    font-weight: 600;
}

.p-l-bottom .c-s-pagination{
  margin-top: 0.4rem;
}

.p-l-who{
  background-color: #18403E;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_seo_01_bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.05rem 0;
  /* margin-top: 1rem; */
}
.p-l-who-text .title-header{
  max-width: 10rem;
}

.p-l-who-text-intro{
  color: var(--white);
  text-align: center;
}

.p-l-who-text .h2-title{
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--yellow);
}


.p-l-for{
  /* margin-top: 1rem; */
  background: #F5F5EE;

}

.p-l-for .conner{
  padding-top: 1rem;
  padding-bottom: 2.5rem;
}
.p-l-for-section {
  display: flex;
  margin-bottom: 0.8rem;
  justify-content: space-between;
  align-items: center;
}

.p-l-for-section:last-child{
  margin-bottom: 0;
}
.p-l-for-title{
  text-align: left;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--black);
  position: relative;
  margin-bottom: 0.24rem;
}

.p-l-for-title::before {
  content: attr(data-number);
  position: absolute;
  left: -40px;
  top: -20px;
  font-size: 80px;
  color: rgba(7, 146, 58, 0.1);
  font-family: 'LatoIt',sans-serif;
  font-weight: 700;
}


.p-l-for-left p{
  text-align: left;
  color: var(--medium-grey);
  margin-bottom: 0.1rem;
}

.p-l-for-left a{
  font-weight: 600;
  color: var(--green);
}

.p-l-for-left, .p-l-for-right {
 width: 46%;
 max-width: 640px;
}






.p-l-for-right {
}

.p-l-for-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}


.p-l-for-b-hedaer-title{
  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--white);
  margin-bottom: 0.24rem;
}

.p-l-for-b-hedaer-intro {
  color: var(--white);
}

.p-l-for-b{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_seo_cta_bg.png');
  background-repeat: no-repeat;
  padding: 0.87rem 0;
  display: flex;
  gap: 1.88rem;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -1.5rem;
  border-radius: 12px;
  background-color: rgba(24, 64, 62, 1);
}
.p-l-for-b-button{
  background: var(--yellow);
  display: inline-flex;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  margin-top: 0.4rem;
  text-decoration: none;
}

.p-l-for-b-button a{
  color: var(--dark-green);
}
.p-l-for-b-hedaer{
  width: 51.5%;
}


.p-l-type{
  padding-top: 2.5rem;
  background: #E7E0D5;
  padding-bottom: 1rem;
}


.p-l-type-container {
  background: white;
  padding: 0.8rem;
  margin: auto;
 
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  border-radius: 12px;
}

.p-l-type-header {
  font-weight: 700;
  line-height:0.5rem;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.1rem;
  
}

.p-l-type-list {
  display: flex;
  padding: 0;
  margin-top: 0.36rem;
  gap: 0.36rem;
  flex-wrap: wrap;
}

.p-l-type-column {
  width: 30%;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 0.24rem;
}

.p-l-type-item {
  margin-bottom:10px; 
}

.p-l-type-link {
  color: var(--green);
  font-weight: 400;
  line-height: 1.25;

  text-decoration: underline;
    position: relative;
    padding-left: 15px;
}
.p-l-type-column .p-l-type-item:last-child{
  margin-bottom: 0;
}

.p-l-type-link::before {
  content: '•'; 
  color: var(--green); 
  position: absolute;
  left: 0; 
  top: 0; 
  font-size: 20px;
}



/* 020 */
.b-s-banner{
  background-repeat: no-repeat;
  width: 100%;
  margin-top: 0.69rem;
  border-radius: 12px;
  background-color: #DBF0DE;
}
.b-s-banner-text{
  max-width: 6.4rem;
  padding: 0.8rem;
}

.b-s-banner-text .h2-title{
  text-align: left;
  color: var(--dark-green);
  margin-bottom: 0;
  

}
.b-s-banner-text p  {
  color: var(--dark-green);
  margin-top: 0.24rem;
  
}

.b-s-banner-text a{
  background-color: #fff;
  color: var(--green);
}


.b-s-p-p{
  margin-top: 0.5rem;
}

.b-s-p-p-sw .allure-next-line{
  top: 5px;
  left: 50%;
  right: unset;
  transform: translateX(-50%);
}

.p-s-p-middle .p-l-product-item{
  width: auto;
  max-width: auto;
  border-radius: 4px;
}

.b-s-h-s{
  background-color: #F5F5EE;
}

.b-s-h-s-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.b-s-h-s-header .h2-title {
  margin-bottom: 0;
}
.b-s-h-s-header{
  border-bottom: 1px solid #AC9877;
  padding-bottom: 0.24rem;
}

.b-s-h-s .conner{
  padding: 1rem 0;
}

.b-s-h-bottom{
  margin-top: 0.36rem;
  display: flex;
}

.b-s-h-s{
  margin-top: 1rem;
}

.b-s-h-bottom-container {
  display: flex;
  flex-direction: column;
  width: 22.5%;
  max-width: 220px;
  margin-right: 0.65rem;
}

.b-s-h-bottom-content{
  width: 75.5%;
  flex: 1;
}

.b-s-h-bottom-tab {
  cursor: pointer;
  padding: 12px;
  position: relative;
  transition: background-color 0.3s ease;
}

.b-s-h-bottom-tab::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/wp-content/themes/RichPack/newassets/image/active-lin.svg');
  
  opacity: 0;
  transition: opacity 0.3s ease;
}


.b-s-h-bottom-tab.active {
  background-image: url('/wp-content/themes/RichPack/newassets/image/active-lin.svg');
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
    max-width: 100%;width: 100%;
}



.b-s-h-bottom-tab span{
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  color: var(--medium-grey);

}
.b-s-h-bottom-tab.active span{
 
  color: var(--white);
}
.b-s-h-bottom-section .p-l-product-container{
  gap: 0.23rem;
}
.b-s-h-bottom-section .p-l-product-item{
  background-color: #ffffff;
  border-radius: 4px;
}


.b-s-also{
  margin-top: 1rem;
}

.b-s-p-explore{
  margin-top: 1rem;
}

.b-s-p-explore-conteiner{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_cta__bs_bg.webp');
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0.2rem 1.2rem;
}

.b-s-p-explore-item-left{
  display: flex;
  align-items: center;
  width: 72%;
  gap: 0.36rem;
}

.b-s-p-explore-item-left p{
  font-family: 'LatoIt',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 0.4rem;
  text-align: left;
  color: #fff;
}
.b-s-p-explore-item-left p span{
  color: rgba(255, 255, 255, 0.7);
}

.form-fon-noback{
  position: relative;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_contact from_bg.webp');
  background-repeat: no-repeat;
  background-position:right;
}


.form-fon-noback .form-fon{
  background-image: none;
}

.form-fon .form-container{
  padding-top: 1rem;
}

.b-sp-offer{
  margin-top: 0.2rem;
  background: linear-gradient(180deg, #E7E0D5 0%, #AC9877 100%);
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_we_offer_bg.webp');
}
.b-sp-offer .conner{
  padding: 1rem 0;
}

.b-sp-offer-item{
  background-color: #fff;
  width: 48.5%;
  border-radius: 12px;
}

.b-sp-offer-item-icon{
  background-color: #F5F5EE;
  width: 0.96rem;
  height: 0.96rem;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.b-sp-offer-item-content{
  display: flex;
  gap: 0.24rem;
  padding: 0.74rem 0.4rem;
  align-items: center;
}

.b-sp-offer-item-text{
  width: 80%;
}
.b-sp-offer-item-text p{
  color: var(--medium-grey);
}
.b-sp-offer-item-text-title{
  font-weight: 600;
  line-height: 1.425;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.16rem;
}
.b-sp-offer-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.4rem;
}


.b-sp-offer .h2-title {
  margin-bottom: 0.5rem;
}
.b-sp-what{
  margin-top: 1rem;
}

.b-sp-what-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.b-sp-what-header{
  width: 31.4%;
}

.b-sp-what-header-title{
  margin-bottom: 0.24rem;
}

.b-sp-what-item{
  display: flex;
  gap: 0.4rem;
}

.b-sp-what-item img{
  border-radius: 0;
}

.b-sp-what-item  .exclusive-overlay-text{
  position: absolute;
  left: 0;
  bottom: 0;
  transform: none;
  padding: 0.24rem;
}
.b-sp-what-item  .exclusive-image-overlay::before{
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.85) 100%);
  border-radius: 0;
}
.b-sp-what-item .exclusive-image-overlay .exclusive-overlay-text{
width: 100%;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}


.b-s-p-p-allure{
  display: flex;
  gap: 0.3rem;
}

.allure-bottom-header-title-a{
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.allure-b-s-a{
  color: var(--dark-grey);
}

.allure-b-s-active{
  color: var(--green);
  text-decoration: underline;
}


.b-s-p-p{
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 0.5rem;
}
.b-ssp .b-s-p-p:last-child{
  border-bottom: none;
  padding-bottom: 0;
}

.n-a-beyond{
  margin-top: 0.5rem;
  display: flex;
  justify-content: space-between;
}
.n-a-beyond-item-content p{
  color: var(--dark-green);
}
.n-a-beyond-item{
  width: 49.3%;
  background-color:#F5F5EE;
  border-radius: 12px;
  background-image: url('/wp-content/themes/RichPack/newassets/image/n-a-6.png');
  background-repeat: no-repeat;
  background-position: bottom right;
}
.n-a-beyond-item-content{
  padding: 0.65rem 0.6rem;
}

.n-a-beyond-item:last-child{
  background-color:#F2F5F3;
  background-image: url('/wp-content/themes/RichPack/newassets/image/n-a-5.png');
  background-repeat: no-repeat;
  background-position: bottom right;
}

.n-a-more{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_cta_bg_03-na.webp');
  background-repeat: no-repeat;
  margin-top: 0.2rem;
  border-radius: 12px;
}

.n-a-more-container{
  display: flex;
  justify-content: space-between;
  padding: 0.8rem 0.7rem;
}
.n-a-more-item-img{
  width: 33.2%;
}

.n-a-more-item-text{
  width: 62%;
}

.n-a-more-item-text p{
  color: var(--yellow);
  font-weight: 600;
  line-height: 1.325;
  text-align: left;
  margin-bottom: 0.34rem;
}

.n-a-more-item-text .form-right .form-fields{
  gap: 0.2rem;
}
.n-a-more-item-text .form-right .form-fields .form-row{
  gap: 0.2rem;
}

.n-a-more-item-text  .form-right .form-submit{
  padding: 0.15rem 0.3rem;
  background-color: var(--yellow);
  color: var(--dark-green);
  font-weight: 600;
}

.n-a-offer{
  margin-top: 1rem;
}


.new-default-text{
  max-width: 10rem;
}
.new-default-text p{
  color: var(--medium-grey);
}


/* 05 */
.qu-banner{
  margin-top: 0.69rem;
}
.qu-banner-container{
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: space-between;
}

.qu-banner-item-left{
  width: 34%;
}
.qu-banner-item-right{
  width: 50%;
}

.qu-banner-item-left .h2-title{
  text-align: left;
  margin-bottom: 0;
}
.qu-banner-into{
  margin-bottom: 0.1rem;
}
.qu-banner-into span{
  color: var(--green);
  font-weight: 600;
}

.qu-banner-img{
  margin-top: 0.6rem;
}

.qu-and{
  margin-top: 1rem;
}

.qu-and .h2-title{
  margin-bottom: 0.5rem;
}

.qu-and-container{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.qu-and-item{
  width: 31.5%;
  height: 100%;
}

.qu-and-item-text {
  position: relative; 
  border: 1px solid rgba(24, 64, 62, 0.3);
  min-height: 2rem;
  margin-top: 0.3rem;
  background-color: white; 
  padding: 0 0.35rem;
  box-sizing: border-box;
  display: flex;
    flex-direction: column;
    justify-content: center;
}



.qu-and-item-text:after,.qu-and-item-text:before {
  bottom: 100%;
  left:50%;
  transform:translateX(-50%) ;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.qu-and-item-text:after {
  border-color: rgba(24, 64, 62, 1);
  border-color: transparent;
  border-bottom-color: #fff;
  border-width: 15px;
  margin-left: -15px;
}

.qu-and-item-text:before {
  border-color: rgba(24, 64, 62, 0.3);
  border-color: transparent;
  border-bottom-color: rgba(24, 64, 62, 0.3);
  border-width: 17px;
  margin-left: -15px;
}

.qu-and-item-title{
  font-weight: 600;
  margin-bottom: 0.16rem;
}

.qu-system{
  margin-top: 1rem;
  background-color: #F5F5EE;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_system_bg.png');
  background-repeat: no-repeat;
  background-position: left bottom;
}

.qu-system-cotainer{
  display: flex;
  justify-content: space-between;
  padding-top: 1.4rem;
  padding-bottom: 1.37rem;
}
.qu-system-left{
  width: 31.5%;
}

.qu-system-title{
  color: var(--black);
  font-weight: 700;
  line-height: 0.5rem;
}




.qu-system-right-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.qu-system-right-item {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #18403E4D;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}

.title-num {
  font-weight: 600;
  line-height:1.325;

  /* flex-basis: 10%; */
  display: flex;
  align-items: center; 
}
.qu-system-right-title {
  font-weight: 600;
  line-height: 1.325;
  text-align: left;

}
.qu-system-right-detail {
  flex-grow: 1; 
}

.qu-system-right-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 96%; 
}

.qu-system-right-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  width: 96%; 
}

.qu-system-right-content-descri{
  margin-top: 0.24rem;

}

.qu-system-right-content-descri p{
  line-height: 1.325;
  margin-bottom: 0.16rem;
}


.qu-system-right-toggle img {
  transition: transform 0.3s ease;
}

.qu-system-right-icon.rotate {
  transform: rotate(180deg);
}

.qu-system-right{
  width: 56%;
}

.qu-system-right-content-descri img{
  border-radius: 12px;
}

.qu-system-right-container .qu-system-right-item:last-child{
  margin-bottom: 0;
}

.qu-qrocess{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_production_bg.jpg');
  background-repeat: no-repeat;
}

.qu-qrocess .title-header{
  max-width: 10rem;
}
.qu-qrocess .h2-title{
  color: var(--white);
}

.qu-qrocess .p-intro{
  color: var(--white);
}

.qu-qrocess-container{
  padding-top: 1rem;
}

.qu-qrocess-container-item{
  background:#FFFFFF;
  border-radius: 12px;
  box-shadow: 0px 0px 30px 0px #18403E1A;
  position: relative;
  min-height: 4.4rem;
  padding: 0.4rem;
  padding-bottom: 0;
  box-sizing: border-box;
}

.qu-qrocess-container-item .h3-title{
  color: var(--black);
  font-family: 'Lato',sans-serif;

  font-weight: 700;
  line-height: 1.425;
  text-align: left;
  margin-bottom: 0.24rem;
}

.qu-qrocess-container-item .h3-title span{
  font-family: 'Lato',sans-serif;
  font-style: italic;

  font-weight: 700;
  line-height: 1.425;
  color: var(--green);
  text-align: left;

}

.qu-qrocess-container-item-img{
 position: absolute;
 right: 0;
 bottom: 0;
}

.qu-qrocess-container-bottom{
  padding-left: 2.6rem;
}
.quu-swiper{
  padding-bottom: 0.4rem;
}
.quu-swiper .swiper-slide{
  border-radius: 12px;

}

.qu-qrocess-all{
  position: relative;
}
.qu-qrocess-container-bottom{
  /* position: absolute;
  bottom: 1.27rem; */
}
.max-sw{
  width: 100%;
  height: 1px;
  background-color: #000;
}

.line-container{
  display: flex;
  gap: 20px;
}
.line-item-left{
  width: 75%;
  display: flex;

  align-items: center;
}
.line-line{
  width: 100%;
  height: 1px;
  background-color: #EEEEEE;
}
.line-item-right{
  display: flex;
  gap: 20px;
}


.max-sw-next,.max-sw-prev{
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
}

.max-sw-next{
  right: 10px;
}
.max-sw-prev{
  right: 20px;
}

.sr-icon,.sl-icon{
  cursor: pointer;
}

.qu-feed{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.qu-feed-container{
  display: flex;
  position: relative;
}

.qu-feed-item-left{
  flex: 1;
}

.qu-feed-content{
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  max-width: 14rem;
  margin: 0 auto;
  padding: 0.8rem 0.8rem 1rem 0.8rem;
  box-sizing: border-box;
  gap: 1rem;
  
}
.qu-feed-content-left{
  width: 35.222%;
}
.qu-feed-content-right{
  width: 65%;
}

.qu-feed-content-left .h2-title {
  text-align: left;
  margin-bottom: 0.4rem;
}
.qu-feed-content-left-stro{
  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 1.225;
  text-align: left;
  color: var(--green);
  margin-bottom: 0.16rem;
}
.qu-feed-content-left-intro{
  font-family: 'Lato',sans-serif;

  font-style: italic;
  font-weight: 700;
  line-height: 1.225;

  text-align: left;
  color: var(--medium-grey);
}


.h3-lititle{
  font-weight: 600;
  color: var(--black);
  line-height: 1.225;
  margin-top: 0.24rem;
  margin-bottom: 0.1rem;
}

.qu-feed-content-right-container{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.qu-feed-content-right-item {
  width: 29.7%;
}

.qu-feed-item-left img{
  height: 100%;
}


/* 06 */
.metrrial-banner{
  position: relative;
}

.materrial-banenr .conner{
  position: relative;

}

.materrial-banenr-text{
  position: absolute;
  bottom: -1.2rem;
  box-shadow: 0px 0px 30px 0px #161A151A;
  background-color: #fff;
  border-radius: 12px;
}

.materrial-banenr-text-content{
  width: 63%;
  margin: auto;
  padding: 0.76rem 0;
}

.materrial-banenr-text-content p{
  color: var(--dark-green);
  margin-bottom: 0.16rem;
  text-align: center;
}

.materrial-banenr-text-content p:last-child{
  margin-bottom: 0;
}

.materrial-banenr-title{
  margin-bottom: 0.8rem;
}


.met-sust{
  margin-top: 2.2rem;
}


.met-sust-title {
  position: relative;
  display: inline-block;
}

.met-sust-title::after {
  content: '';
  display: block;
  width: 102%; 
  height: 0.16rem; 
  background: #07923A1A;

  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px; 
}

.met-sust-container {
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.met-sust-row{
  display: flex;
  align-items: center;
  gap: 1.12rem;
  padding: 0.5rem 0;
  border-top: 2px solid #E0E0E0;
}
.met-sust-row:last-child{
  border-bottom: 2px solid #E0E0E0;
}

.met-sust-item {
  width: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 0.24rem;
}

.met-sust-item-text{
  
}

.met-sust-item-text-title{
  font-weight: 600;
  line-height: 1.325;
  text-align: left;
  color: var(--black);
  margin-bottom: 10px;
}
.met-sust-item-text-intro{
  text-align: left;
  color: var(--medium-grey);
}


.met-sust-item img {
  width: 100%; 
  max-width: 140px;
  height: auto;
  border-radius: 12px;
}



.met-raw,.met-high{
  margin-top: 1rem;
}

.met-high-container-item-title{
  font-weight: 600;
  line-height: 1.325;
  text-align: center;
  color: var(--black);
  margin-bottom: 10px;
  margin-top: 0.24rem;
}


.met-high-container-item img{
  border-radius: 12px;
}

.met-high-container-item-intro{
  text-align: center;
}
.met-high-container{
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.6rem 0;

}

.met-high-all{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_Quality Materials_bg.jpg');
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  padding: 0.6rem 0;

}
.met-high .conner{
  z-index: 30;
}
.met-high-all:before{
  content: '';
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_Quality Materials_bg_texture_top.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -1rem;
  left: 0;
}

.met-high-all:after{
  content: '';
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_Quality Materials_bg_texture_down.png');
  background-repeat: no-repeat;
  width: 100%;
  min-height: 1.64rem;
  background-size: 100% 100%;
  position: absolute;
  bottom:-1rem;
  left: 0;
}


.met-high-container-item{
  width: 23%;
  max-width: 3.2rem;
  text-align: center;
}


.mina-page{
  text-align: center;
}



.met-needs .needs-header-title{
  color: var(--yellow);
}
.needs-item-img img{
  border-radius: 12px;
}

.met-needs-item-title{
  position: relative;
  margin-top: 0.24rem;
  margin-bottom: 0;
  display: inline-block;
}
.met-needs-item-title::before{
  content: '';
  background-image: url('/wp-content/themes/RichPack/newassets/image/icon_star.svg');
  position: absolute;
  top: 5px;
  left:-35px;
  width: 24px;
  height: 24px;
}
.met-needs-item-title::after{
  content: '';
  background-image: url('/wp-content/themes/RichPack/newassets/image/icon_star.svg');
  position: absolute;
  top: 5px;
  right:-35px;
  width: 24px;
  height: 24px;
}

.met-needs-item .needs-item-content{
  border-right: 0px;
  padding: 0;
  max-width: 5rem;
}

.met-needs-item{
  width: 24.1%;
}

.met-needs-container{
  gap: 0.93rem;
}

.met-needs-button{
  background-color: var(--yellow);
  color: var(--dark-green);
}
.meets-needs .max-conner-fuild{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_design_bg.jpg');
  background-size:cover;
}


.metrr-tech{
  margin-top: 1rem;
}

.met-sample{
  margin-top: 1rem;
}
.metrr-tech-item-title{
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.425;
  margin-top: 0.24rem;
}


.metrr-tech-item img{
  border-radius: 12px;
}

.met-sample-item-left .p-intro{
  margin-bottom: 10px;
}

.met-sample-container{
  background-color: #F2F5F3;

  background-image: url('/wp-content/themes/RichPack/newassets/image/img_cta_bg-topo-cotton.png');
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: space-between;
  padding: 0rem 1rem ;
  box-sizing: border-box;
  align-items: center;
  border-radius: 12px;
}

.met-sample-item-left{
  width:50%;
  text-align: left;
}

.met-sample-item-left .h2-title {
  text-align: left;
}
.met-sample-item-left .p-intro {
  text-align: left;
}


.met-base{
  text-align: center;
  margin-top: 1rem;
}

.met-base-header .p-intro{
  text-align: center;
}

.met-base-container{
  display: flex;
  gap: 0.4rem;
}

.met-base-item{
  width: 32%;
  box-shadow: 0px 0px 10px 0px #161A151A;
  border-radius: 12px;
}
.met-base-item-content{
  padding: 0.4rem;
}
.met-base-item img{
}


.met-base-item-title{
  margin-top: 0.24rem;
  margin-bottom: 0.16rem;
  font-weight: 600;
  line-height: 1.325;
  text-align: left;

}

.met-base .perfectly-link{
  margin-top: 0.4rem;
}

.met-ready{
  margin-top: 1rem;
}

.met-ready{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_cta__me_bg.jpg');
}

.met-ready-item-title{
  font-weight: 700;
  line-height: 0.5rem;
  text-align: left;
  color: var(--white);

}
.met-ready-container{
  display: flex;
  justify-content: center;
  justify-content: space-between;
  padding:.7rem 0;
}

.met-ready-item-left {
  width: 31.5%;
}
.met-ready-item-right{
  width: 57%;
}

.met-ready-item-left  p{
  color: var(--white);
  font-family: 'LatoIt',sans-serif;
  font-style: italic;
  font-weight: 700;
  text-align: left;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}

.met-ready-item-left-a{
  display: flex;
  align-items: center;
  color: var(--yellow);
  text-decoration: underline;
}
.met-ready-item-left-a span{
  margin-right: 10px;
}

.met-ready-item-right .form-submit{
  display: inline-block;
  width: 2rem;
  min-height: 0.5rem;
  padding: 0;
  max-width: none;
  background-color: var(--yellow);
  color: var(--dark-green);
  font-weight: 700;
}
 

/* 07 */
.p-a-banner{
  margin-top: 1.2rem;
  background-image:url('/wp-content/themes/RichPack/newassets/image/img_Paper Packaging Solutions_banner_bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
} 

.p-a-banner .category-banner-brumb a{
  color: var(--medium-grey);
}
.p-a-banner .category-banner-brumb span{
  color: var(--medium-grey);
}

.p-a-banner-bottom-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: .69rem;
  padding-bottom: 1rem;
}

.p-a-banner-bottom{
  width: 63%;
}
.p-a-banner-imgs{
  width: 31.5%;
}

.p-a-banner-imgs img{
  border-radius: 12px;
}

.p-a-banner-title{
font-weight: 700;
line-height: 0.5rem;
text-align: left;
color: var(--black);
margin-bottom: 0.24rem;
max-width: 6.6rem;
}

.p-a-banner-intro{
  margin-bottom: 0.16rem;
}
.p-a-banner-intro:last-child {
  margin-bottom: 0;
} 

.p-a-banner-intro span{
  color: var(--green);
}

.p-a-banner-container{
  display: flex;
  margin-top: 0.4rem;
  gap: 1rem;
}

.p-a-banner-item-title{
font-weight: 600;
line-height: 1.325;
text-align: left;
color: var(--dark-green);
margin-bottom: 10px;
}

.p-a-banner-item{
  width: 38.5%;
}


.p-a-risks-container{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_01.jpg');
  background-size: cover;
  position: relative;
  padding: 1.5rem 2.6rem;
  z-index: 99;
}
/* .p-a-risks-container ::after{
  content: '';
  background: #161A1580;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
} */

.p-a-risks-container .h2-title{
  text-align: center;
  color: var(--white);
}

.p-a-risks-bottom{
  position: relative;
  background: #F0EBE3;
  padding: 0.75rem 0.8rem;
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
  z-index: 99;
}

.p-a-risks-bottom-item p{
  margin-bottom: 0.16rem;
}

.p-a-risks-posit{
  position: relative;
}
.p-a-the{
  position: relative;
  margin-top: 1rem;
  z-index: 1;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_02_bg.jpg');
  padding-bottom: 1.4rem;
}
.p-a-the::after{
  position: absolute;
  top: -2.95rem;
  left: 0;
  content: '';
  width: 100%;
  height: 9.3rem;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_02_bg.jpg');
  background-repeat: no-repeat;
  z-index: 0;
}
.p-a-the-left .h2-title{
  text-align: left;
}
.p-a-the-left .h2-title span{
  position: relative;
  color: var(--green);
}
.p-a-the-left .h2-title span::after{
  content: '';
  position: absolute;
  left:0 ;
  bottom: 0;
  width: 100%;
  height: .16rem;
  background: #07923A1A;

}
.p-a-the-container{
  display: flex;
  position: relative;
  z-index: 10;
  justify-content: space-between;

}
.p-a-the-left{
 width: 46%;
}
.p-a-the-left .innovative-right-button{
  margin-top: .15rem;
}

.p-a-the-left p{
  margin-bottom: .35rem;
}
.h3-subtitle {
font-family: 'Lato',sans-serif;
font-style: italic;
font-weight: 700;
line-height: 1.325;
text-align: left;
color: var(--green);
margin-bottom: .24rem;
}

.pa-a-the-imgs img{
  border-radius: 12px;
}

.p-a-mater{
  background: #18403E;
  padding: 0.8rem 0;
  text-align: center;

}
.p-a-mater .h2-title{
  color: var(--white);
}
.p-a-mater p{
  color: var(--white);
  text-align: center;
  margin-bottom: .3rem;
}

.p-a-rulp{
  margin-top: 1rem;
  padding-bottom: 1rem;
}

.p-a-rulp-container{
 
}
.p-a-rulp-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .8rem;
}
.p-a-rulp-item:last-child{
  margin-bottom: 0;
}
.p-a-rulp-item-left{
  width: 40%;
}

.p-a-rulp-item-left img{
  border-radius: 12px;
}
.p-a-rulp-item-right{
 width: 50%;
}
.p-a-rulp-item-num{
  background-color: var(--green);
  color: var(--white);
  padding: 4px 20px;
  border-radius: 90px;
  margin-bottom: 0.16rem;
  display: inline-block;
}
.p-a-rulp-item-title{
  font-weight: 600;
  line-height: 1.425;
  text-align: left;
  color: var(--black);
  margin-bottom: .24rem;
}

.p-a-does{
  background: #F5F5EE;

}

.p-a-does-container{
  padding: 1rem 0;
}

.p-a-does-tags{
  display: flex;
  gap: 10px;
  margin-bottom: 0.24rem;
}

.p-a-does-tag{
  background-color: #D1E176;
  border-radius: 90px;
  padding: 10px 20px;
  display: inline-block;
}

.p-a-does-middle-title{
  font-weight: 700;
  line-height: .5rem;
  text-align: left;
  color: var(--black);
}

.p-a-does-bottom-item-title{
  font-weight: 600;
  line-height:1.325;
  text-align: left;
  margin-bottom: .16rem;
  margin-top: .24rem;
} 
.p-a-does-bottom-container{
  margin-top: .5rem;
  display: flex;
  gap:.4rem
}
.p-a-does-bottom-item {
  background: #18403E1A;
  border-radius: 12px;
  width: 48.5%;
  padding: .6rem .4rem;
  box-sizing: border-box;
}


.p-a-fcs{
  margin-top: 1rem;
}

.p-a-fcs-container {
  text-align: center;
}

.p-a-fcs-title {
  font-weight: 700;
  line-height: .5rem;
  text-align: center;
  color: var(--black);  
  text-align: center;
  margin-bottom: .24rem;
}

.p-a-fcs-desc {
  font-weight: 400;
  line-height:1.225;
  text-align: center;
  color: var(--medium-grey);
}

.p-a-fcs-cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1.3rem;
}

.p-a-fcs-card {
  width: 48.5%;
  border: 2px solid var(--green);
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: .4rem;
  padding-top: 1.04rem;
}

.p-a-fcs-icon {
  position: absolute;
  top: -0.85rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #008000;
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
}

.p-a-fcs-icon img {
  width: 100%;
  height: auto;
}

.p-a-fcs-content-title {
  font-weight: 600;
  line-height: 1.325;
  text-align: center;
  color: var(--black);
  text-align: center;
  margin-bottom: .16rem;
}

.p-a-fcs-text {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.p-a-fcs-text.expanded {
  -webkit-line-clamp: unset; 
}
.p-a-fcs-load-more {
  display: inline-block;
  margin-top: .24rem;
  color: var(--green);
  background: none;
  border: none;
  cursor: pointer;
  font-weight: 600;
}


.p-a-study{
  margin-top: 1rem;
  background: #F2F5F3;
  padding-top: 1rem;
}
.p-a-study-container{
}
.p-a-study-container .title-header p{
    text-align: center;
}

.p-a-study-bottom{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_case_bg.jpg');
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.03rem 0;
  border-radius: 12px;
}
.p-a-study-bottom p{
font-weight: 600;
line-height: 1.325;
text-align: center;
color: var(--white);
}
.p-a-study-bottom .innovative-right-button{
  display: inline-block;
  max-width: 2.41rem;
  margin: 0 auto;
  margin-top: .24rem;

}
.p-a-to{
  background-color: #F2F5F3;
  padding-top: 1.6rem;
  padding-bottom: 1.4rem;
}
.p-a-to-container{
  display: flex;
  margin-top: .8rem;
  justify-content: space-between;
}

.p-a-to-item-left{
  width: 31.5%;
}
.p-a-to-item-right{
  width: 60%;
}

.p-to-item-imgs{
  width: 25%;
  max-width: 100px;
  height: auto;
}
.p-to-item{
  width:100% ;
  border-radius: 120px;
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: .4rem;
  padding: .55rem .5rem;
  box-sizing: border-box;
  margin-bottom: .5rem;
  position: relative;

}

.p-to-item:nth-child(1)::after{
  content: '';
  position: absolute;
  top: 50%;
  left:-2.5rem;
  
  background-image: url('/wp-content/themes/RichPack/newassets/image/line_01.svg');
  width: 2.75rem;
  height: 100%;
  background-repeat: no-repeat;
}
.p-to-item:nth-child(2)::after{
  content: '';
  position: absolute;
  top: 50%;
  left:-2.17rem;
  
  background-image: url('/wp-content/themes/RichPack/newassets/image/line_02.svg');
  width: 2.75rem;
  height: 100%;
  background-repeat: no-repeat;
}
.p-to-item:nth-child(3)::after{
  content: '';
  position: absolute;
  top: 15%;
  transform: translateY(-50%);
  left:-2.53rem;
  
  background-image: url('/wp-content/themes/RichPack/newassets/image/line_03.svg');
  width: 2.75rem;
  height: 100%;
  background-repeat: no-repeat;
}
.p-to-item:last-child{
  margin-bottom: 0rem;

}

.p-to-item-all {
  width: 67%;
}
.p-a-to-item-left{
  display: flex;
  align-items: center;
}
.p-to-item-title {
  color: var(--green);
  font-weight: 600;
  line-height: 1.325;
  margin-bottom: 10px;
}


.p-a-to-item-left-imgs{
  position: relative;
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_logo_bg_left.png');
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 4.4rem;

}
.p-to-item-img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}


.p-a-tp-feed{
  margin-top: 0;
}

.p-a-to-feed-content{
width: 52%;
}
.p-a-to-feed-conten-right{
  width: 43.5%;
}
.qu-feed-item-left{

}
.p-a-feed-container{
  display: flex;
}
.p-a-feed-left{
  width: 50%;
  height: auto;
  background-color: var(--green);

}
.p-a-feed-right{
  width: 50%;
}
.p-a-feed-container{
  position: relative;
}
.p-a-to-feed-content .h2-title{
  margin-bottom: .24rem;
}
.p-a-to-feed-content-left-stro{
font-family: 'Sen',sans-serif;
font-style: normal;
font-size: 16px;
font-weight: 400;
line-height: 1.225;
text-align: left;
color: var(--medium-grey);
margin-bottom: .38rem;
}
.p-a-tp-feed .qu-feed-content{
  align-items: center;
}
.discover-button-a {
  box-sizing: border-box;
}

.get-red{
  color: var(--dark-green);
  font-weight: 600;
  line-height: 1.335;
  text-align: center;
  margin-top: .4rem;
}

/* 022 */
.rc-banner{
  margin-top: 1.2rem;
}

.rc-banner-container{
  display: flex;
  justify-content: space-between;
  margin-top: .69rem;
}

.rc-banner-item-left{
  width: 46%;
}

.rc-banner-item-left .h2-title{
  text-align: left;
}

.rc-img{
  margin-top: .5rem;
}
.rc-img img{
  border-radius: 12px;
}

.rc-frc{
  margin-top: 1.5rem;
}
.rc-frc-container{
  display: flex;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 0px 20px 0px #18403E1A;
  border-radius: 20px;
  gap: .6rem;
  padding: 0.5rem .8rem;
  box-sizing: border-box;
  margin-bottom: 1rem;
}

.rc-frc-item-left{
  width: 19.5%;
  text-align: center;
  position: relative;
}

.rc-frc-item-left-images{
  position: absolute;
  top: -1rem;
}
.rc-frc-item-right{
  width: 70%;
}
.rc-frc-item-left-icon img{
  width: 10px;
  height: 6PX;
}

.rc-frc-item-title{
font-weight: 600;
line-height: 1.325;
color: var(--black);
text-align: left;
margin-bottom: .24rem;

}
.rc-frc-item-right p{
  color: #444444;
  margin-bottom: .14rem;
}
.rc-frc-item-right span{
  color: var(--green);
}

.rc-frc-item-right .innovative-right-button{
  margin-top: .24rem;
}
.rc-frc-item-left-imgs{
  border: 1px solid #EEEEEE;
  border-radius: 4px;
}


.rc-frc-item-left-title{
  font-weight: 600;
  color: var(--black);
  line-height: 1.25;
}

.rc-frc-item-right ul li{
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
}
.rc-frc-item-right ul li span{
  position: relative;
  color: var(--medium-grey);
  font-weight: 600;
}
.rc-frc-item-right ul li::after{
  content: '•';
  color: var(--green);
  position: absolute;
  top: -8px;
  left: 0;
  font-size: 24px;
}
.rc-frc-item-right p:last-child{
  margin-bottom: 0;
}

.rc-top{
  background: linear-gradient(180deg, #FFFFFF 0%, #F2F5F3 100%);

}

.rc-why{
  background-image: url('/wp-content/themes/RichPack/newassets/image/Why Certifications Matter_bg.webp');
  /* padding-top: 1rem;
  padding-bottom: 2.4rem; */
}

.rc-why .h2-title{
  color: #fff;
}
.rc-why .p-intro{
  color: #fff;
}

.rc-why-title{
  color: var(--dark-green);
  font-weight: 700;
  line-height: .5rem;
  text-align: left;
  margin-bottom: .16rem;

}
.rc-why-intro{
  color: var(--dark-green);

}
.rc-why-item-buttom{
  background-color: #fff;
  color: var(--dark-green);
}
.rc-why-touch{
  background-image: url('/wp-content/themes/RichPack/newassets/image/img_why_cta_bg.jpg');
  border-radius: 12px;
  padding: .27rem 1.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rc-why-intro{
  color: var(--dark-green);

}
.rc-why-item-left{
  width: 38%;
}
.rc-why .conner{
  position: relative;
  padding-top: 1rem;
    padding-bottom: 2.4rem;
}
.rc-touch-bottom{
  position: absolute;
  bottom: -.8rem;
}

.rc-touch-container {
  display: flex;
  justify-content: space-between;
  gap: .4rem;
}

.rc-touch-item {
  position: relative;
  overflow: hidden;
  border-radius: 15px; 
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); 
  transition: box-shadow 0.3s ease; 
}

.rc-touch-item:hover {
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.4);
}

.rc-touch-img-wrapper {
  overflow: hidden; 
  border-radius: 12px; 
  position: relative;
}
.rc-touch-img-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.85) 100%);
  pointer-events: none;
}

.rc-touch-img-wrapper img {
  width: 100%;
  height: auto;
  transition: transform 0.5s ease; 
}

.rc-touch-item:hover .rc-touch-img-wrapper img {
  transform: scale(1.1);
}

.rc-touch-text {
  position: absolute;
  bottom: .32rem;
  /* left: 50%;
  transform: translateX(-50%); */
  text-align: center;
  color: #fff;
  z-index: 2; 
  width: 100%;
}

.rc-touch-text h3 {
  color: var(--white);
}
.rc-why-intro a{
  text-decoration: underline;
  color: var(--dark-green);
}


/* 031 */
.pd-conotainer{
  display: flex;
  justify-content: space-between;
  margin-top: .69rem;
}
.pd-item-left{
  width: 50%;
  /* position: -webkit-sticky;
  position: sticky;
  top: 140px; */
}
.pd-item-right{
  width:45.7%;
}



.pd-brand{
  border-top: 1px dashed #E0E0E0;
  border-bottom:1px dashed #E0E0E0;
  padding: .24rem 0;
  margin-top: .24rem;
}
.pd-brand-item{
  display: flex;
  margin-bottom: .16rem;
}

.pd-brand-item-subtitle{
  color: var(--black);
  font-weight: 600;
  max-width: 1.2rem;
  width: 20%;
}
.pd-brand-item-title{
font-weight: 400;
line-height: 1.225;
text-align: left;
color: var(--medium-grey);

}
.pd-brand-item-title-a{
  text-decoration: underline;
  color: var(--green);
  display: inline-block;
}
.pd-brand-item-title span{
  margin-right: 5px;
}

.pd-form{
  margin-top: .24rem;
}
.pd-form-h2-title{
  color: var(--green);
  font-weight: 600;
  line-height: 1.225;
  margin-bottom: 10px;
}


.pd-form-container {
  background-color: #F5F5EE; 
  padding: .35rem;
  margin: 0 auto;
  border-radius: 4px;
}

.pd-form-section-title{

/* margin-bottom: 10px; */
font-weight: 600;
line-height: 1.225;
color: var(--black);
text-align: left;

}


.pd-form-section {
  margin-bottom: .24rem;
}

.pd-form-row {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.pd-form-dimensions {
  display: flex;
  flex: 3;
  gap: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px;
  background-color: #fff;
  box-sizing: border-box;
}

.pd-form-dimension-wrapper {
  position: relative;
  flex: 1;
}

.pd-form-dimension-input {
  width: 100%;
  padding-right: 10px; /* 给×留出空间 */
  border: none;
  outline: none;
  text-align: center;
  font-size: 16px;
  background-color: transparent;
}

.pd-form-dimension-input::placeholder {
  color: #ccc;
}

.pd-clear-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #666;
  cursor: pointer;
}

.pd-clear-btn:hover {
  color: #333;
}
.pd-form-input, 
.pd-form-select {
  flex: 1;
  padding: 15px 20px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
}

.pd-form-select{
  background-image: url('/wp-content/themes/RichPack/newassets/image/from-down.svg'); 
  background-repeat: no-repeat;
   background-position: right 10px center; 
   background-size: 8px;
}
.pd-form-textarea {
  width: 100%;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 4px;
  box-sizing: border-box;
  height: 120px;
  resize: none;
  font-size: 16px;
}

.pd-form-upload {
  text-align: center;
}

.pd-form-upload-btn {
  width: 100%;
  background-color: #fff;
  color: var(--green);
  padding: 15px 0;
  border: 1px dashed var(--green);
  border-radius: 4px;
  cursor: pointer;
  font-weight: 400;
  line-height: 1.225;
  text-align: center;

}

.pd-form-upload-btn:hover {
  background-color: #d4e9cc;
}
.pd-submit .innovative-right-button{
  width: 100%;
  text-align: center;
  color: var(--white);
  display: flex;
  justify-content: center;
  cursor: pointer;
}


.pd-item-left-container{
  box-shadow: 0px 0px 30px 0px #18403E1A;
  padding: .3rem;
  border-radius: 4px;
}
.pd-thumbs{
  padding: 0 .3rem;
  margin-top: .24rem;
  position: relative;
  display: flex;
  justify-content: center; 
  align-items: center; 
}
.pd-thumbs .swiper-slide {
  width: 100px; 
  height: 100px; 
  opacity: 0.5; 
  transition: opacity 0.3s ease; 
}

.pd-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.pd-thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumbs-next,
.thumbs-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); 
  width:24px; 
  height: 24px; 
  cursor: pointer;
  display: block;
}

.thumbs-next {
  right: -8px; 
}

.thumbs-prev {
  left: -8px; 
}

.thumbs-next img,
.thumbs-prev img {
  width: 100%; 
  height: 100%;
  object-fit: contain;
}

.h1-title{
font-weight: 600;
line-height: .4rem;
text-align: left;
color: var(--black);
margin-bottom: .24rem;
}


.pd-share span{
  color: var(--black);
  font-weight: 600;
}
.pd-share{
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: .26rem;
}

.return-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #f5f5f0; /* 背景色 */
  padding: .4rem;
  border-radius: 8px;
  margin-top: .5rem;
}

.return-item {
  display: flex;
  align-items: center;
  text-align: center;
  color: #666;
}

.return-item img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}



/* Container for the tab section */
.pd-tab-container {
  width: 100%;
  margin-top: 1rem;
}

/* Style for the tab buttons */
.pd-tab-header {
  display: flex;
  border-bottom: 2px solid #eee;
  gap: .8rem;
}

.pd-tab-header .pd-tab {
  padding-bottom: 16px;
  cursor: pointer;
  font-weight: 600;
  color: var(--black);
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
}

.pd-tab-header .pd-tab:hover {
  color: var(--dark-green);
}

.pd-tab-header .pd-tab-active {
  color: var(--green);
  border-color: var(--green); 
}

.pd-tab-content {
  display: none;
  padding-top: .5rem;
  border-top: none;
}

.pd-tab-content-active {
  display: block;
}


.pd-cust-container {
  display: flex;
  flex-direction: column;
  gap: 40px; /* 行之间的间距 */
  margin-top: 40px;
}

.pd-cust-row {
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  gap: .45rem;
  row-gap: .5rem;
}

.pd-cust-item {
  text-align: center;
  width: 2rem;
  min-height: 2.67rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: .45rem;
}
.pd-cust-item:not(:nth-child(5n))::after {
  content: '';
  position: absolute;
  right: 0px;
  background-image:url('/wp-content/themes/RichPack/newassets/image/step.svg') ;
  /* background-repeat: no-repeat; */
  width: 12px;
  height: 100%;
  background-size: cover;
}

.pd-cust-item:nth-child(5n) {
  padding-right: 0;
}

.pd-cust-title{
  font-weight: 400;
  line-height:1.325;
  text-align: left;
  color: var(--black);
}

.pd-cust-item p {
  color: #999;
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 1.125;
  text-align: left;

}

.pd-cust-item img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}


.pd-met-sample-container{
  background-image: url('/wp-content/themes/RichPack/newassets/image/cta_bg.webp');
  padding: .87rem 1.2rem;
}
.pd-met-sample-container .h2-title{
  color: var(--yellow);
  margin-bottom: 0;
}
.pd-met-sample-container  .p-intro{
  color: var(--white);

}
.h2-subtitle{
  color: var(--yellow);

  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height:.3rem;
  text-align: left;
  margin-bottom: .24rem;
}

.pd-innovative-right-button{
  background-color: var(--yellow);
  color: var(--dark-green);
}
.pd-cust{
background-color: #F5F5EE;
margin-top: 1rem;
padding: 1rem 0;
}

.related-product-container{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
}

.related-product-container .p-l-product-item{
  width: 24%;
  max-width: 260px;
}
.related-product{
  margin-top: 1rem;
}
.related-product .h2-title{
  margin-bottom: .5rem;
}


.product-tags-item{
  background: #F0EBE3;
  display: flex;
  gap: .3rem;
  border-radius: 4px;
  padding: .25rem .85rem;
  margin-bottom: .5rem;
}
.product-tags-item  a{
  color: var(--dark-green);
  font-weight: 500;
  cursor: pointer;
}
.product-tags-item .p-tags-active{
  color: var(--green);
}

.p-tag-header{
  font-weight: 600;
  line-height: .26rem;
  text-align: left;
  color: var(--white);
  background-color: var(--dark-green);
  padding: .17rem 0;
  padding-left: .4rem;
  border-radius: 4px 4px 0 0;
}

.p-tag-bottom{
  display: flex;
  border: 1px solid #EEEEEE;
  padding: .6rem .4rem;
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
  gap: .69rem;
  flex-wrap: wrap;
}

.p-tag-item{
  width: 100%;
  display: flex;
  align-items: center;
  width: 29.8%;
}
.p-tag-item-text-title{
  font-weight: 600;
  line-height: 1.225;
  text-align: left;
  color: var(--medium-grey);
  margin-bottom: 10px;
  text-decoration: underline;
}
.p-tag-item-text-intro {
  color: var(--dark-grey);
}

.p-tag-item-content{
  margin-left: 10px;
}

.p-tag-all{
  margin-bottom: .3rem;
}

.pd-tags-intro {
font-weight: 400;
line-height: 1.25;
text-align: left;
color: #666666;
margin-top: .5rem;
margin-bottom: 1rem;
}
.pd-tags-intro span{
  color: var(--green);
}


/* 023 */
.hf-banner-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 4.4rem; 
  
  border-radius: 12px; 
}
.hf-banner-content{
  width: 100%;
  max-width: 8.8rem;
  margin: 0 auto;
}

.hf-banner-title{
  color: #fff;

}

.hf-banner-content p {
  text-align: center;
  color: #fff;

}
.hf-banner-container{
  margin-top: 0.69rem;
}

.hf-banner-search {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 8.8rem;
  border-radius: 90px;
  padding: 0.27rem 0.6rem;
  border: 2px solid var(--white)
}

.hf-banner-search input {
  width: 100%;
  border: none;
  background: transparent;
  color: #fff;
  outline: none;

}

.hf-banner-search button {
  background: none;
  border: none;
  cursor: pointer;
}

.hf-banner-search button img {
  width: 24px;
  height: 24px;
}

.hf-within-container{
  width: 100%;
  display: flex;
  margin-top: 0.4rem;
}
.hf-within-item {
  width: 30%;
  display: flex;
  align-items: center;
  gap: .24rem;
  padding:0 0.47rem;
  border-right: 1px solid #E0E0E0;
}
.hf-within-item:last-child{
  border-right: none;
}
.hf-within-item  p{
  font-weight: 600;
  line-height: 1.325;
  text-align: left;
  color: var(--black);
}

.hf-within-item-icon{
  width: 0.6rem;
  height: 0.6rem;
}

.hf-faq-container-top{
  background-color: #F2F5F3;
  margin-top: 1.87rem;

}

.hf-faq-container {
  display: flex;
  gap: .4rem;
  transform: translateY(-0.87rem);
}

.hf-faq-sidebar {
  width: 3.6rem;
  background-color: #fff;
  padding: 0.4rem;
  border-radius: 12px;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 0px 20px 0px #18403E1A;
  position: sticky;
  top: 2rem; 
  align-self: flex-start;
  box-sizing: border-box;
}

.hf-faq-sidebar-header-title{
  font-weight: 600;
  line-height: 1.325;
  text-align: left;
  color: var(--black);
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 0.16rem;
  margin-bottom: 0.4rem;
}

.hf-faq-sidebar ul {
  list-style: none;
  padding: 0;
}

.hf-faq-sidebar li {
  margin-bottom: 0.16rem;
}
.hf-faq-sidebar li:last-child {
  margin-bottom: 0rem;
}

.hf-faq-sidebar a {
  text-decoration: none;
  color: var(--dark-grey);
  transition: color 0.3s ease;
  font-weight: 400;
  line-height: 1.225;
}
.hf-faq-sidebar .faq-active {
  color: var(--green);
}

.hf-faq-sidebar a:hover {
  color: var(--dark-green);
}

.hf-faq-content {
  flex: 3;
  background-color: var(--white);
  border: 1px solid #EEEEEE;
  border-radius: 12px;
  padding-top: 0.4rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  padding-bottom: 1rem;
}

.hf-faq-section .hf-faq-sidebar-header-title {
  margin-bottom: 0;
}


.hf-faq-content-container .default-faq-question{
  border: none;
  padding:0.4rem 0.2rem ;
  background-color: #fff;
}

.hf-faq-content-container .default-faq-question.active{
  box-shadow: none;
  /* padding-bottom: 0.16rem; */
  padding-top: .4rem;
  border-top: 1px solid #E0E0E0;
  background-color: #F5F5EE;

}
.hf-faq-content-container .default-faq-answer.active{
  padding-left: 0.42rem;
  padding-top: 0;
  padding-bottom: .4rem;
  /* border-bottom: 1px solid #E0E0E0; */

}

.hf-faq-content-container .default-faq-item{
  border-bottom: 1px solid #E0E0E0;

  background-color: #F5F5EE;
  margin-bottom: 0;
}

.hf-faq-content-container .default-faq-answer{
  max-width: 7.2rem;
}

.hf-faq-content-container .default-faq-answer p{
  margin-bottom: 10px;
}
.default-faq-answer a{
  color: var(--green);
  text-decoration: underline;
}

.hf-faq-content-container .arrow,.arrow-up{
  transition: opacity 0.3s ease;
  opacity: 1;
  visibility: visible; 
}
.arrow-up {
  opacity: 0;
  visibility: hidden; 
  display: none;
}

.hf-faq-content-container .default-faq-question.active .arrow-up{
  opacity: 1; 
  visibility: visible;
  display: block;

}
.hf-faq-content-container .default-faq-question.active .arrow{
  opacity: 0; 
  visibility: hidden;
}

.hf-faq-section{
  margin-bottom: 0.6rem;
}
.hf-faq-section:last-child{
  margin-bottom: 0;
}

.hf-still-container{
  display: flex;
  background: #E7E0D5;
  border-radius: 12px;
  box-sizing: border-box;
  padding-left: 1rem;
  align-items: center;
}

.hf-still-item-left{
  width: 51%;
}

.hf-still-item-left .h2-title{
  color: var(--dark-green);
  text-align: left;
  font-weight: 600;
  line-height: 0.4rem;
}
.hf-still-item-left .p-intro{
  color: var(--dark-green);
  text-align: left;
  font-weight: 600;
}

.hf-still-item-right{
  width: 50%;
  max-width: 6.4rem;
}
.img_cta_btnhf{
  width: 3.5rem;
  height: auto;
}

.hf-faq-container-all{
  background-color: #F2F5F3;
  padding-bottom: 1rem;
}


.hf-info {
  border-radius: 12px;
  width: 100%;
  margin-top: 0.4rem;
}

.hf-info-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.65rem 1rem;

  width: 49%;
  background-color: #E7E0D5;
  border-radius: 12px;
}

.hf-info-item-left {
  width: 50%;
}

.hf-info-item-right {
  width: 45%;
}

.hf-info-title {
font-weight: 600;
line-height: 0.4rem;
text-align: left;
color: var(--dark-green);
margin-bottom: 0.24rem;
}

.hf-info-item-left p {
  color: var(--dark-green);
  margin-bottom: 10px;
}

.hf-info-contact {
  display: flex;
  align-items: center;
  margin-bottom: 19px;
  padding-bottom: 19px;
  border-bottom: 1px dotted rgba(24, 64, 62, 0.3);

}
.hf-info-contact:last-child{
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
.hf-info-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.hf-info-text {
  color: var(--medium-grey);
  font-weight: 600;
  line-height: 1.125;
  text-align: left;
  
}

.hf-info-all{
  display: flex;
  justify-content: space-between;
}

.hf-info-stay{
  width: 34%;
  background-image: url('/wp-content/themes/RichPack/newassets/image/imghf_footer_social_bg.jpg');
  background-repeat: no-repeat;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hf-info-stay-title{
font-weight: 600;
line-height: 0.4rem;
text-align: center;
color: var(--yellow);
margin-bottom: 0.36rem;
}

.hf-info-stay-imgs{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.24rem;
}
.hf-info-stay-imgs a{
  width: 0.32rem;
  height: 0.32rem;
}

.da-all .c-p-brand-section .c-p-brand-tabs{
  justify-content: center;
  gap: 1rem;
  padding :0.3rem 0;
  border: 2px solid #EEEEEE;
  border-radius: 12px;
}

.da-all-button img{
  margin-right: 6px;
  width: 0.2rem;
  height: 0.2rem;
}


.da-all .c-p-brand-content{
  background-color: unset;
  border: none;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}

.da-all .c-p-brand-inner{
  padding: 0;
  justify-content: space-between;
  margin-bottom: 0.5rem;

}
.da-all .c-p-brand-inner:last-child{
  margin-bottom: 0rem;

}
.da-all .c-p-brand-text{
  width: 46%;
}

.da-brand-inner-imgs{
 background-color: #F2F5F3;
 border-radius: 12px;

}
.da-brand-inner-imgs .c-p-brand-img{
  border-radius: 12px;
}
.c-p-brand-text ul {
  margin-top: 0.16rem;
  padding-left: 0.16rem;
}
.c-p-brand-text ul li{
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.c-p-brand-text ul li:last-child{
  margin-bottom: 0px;
}
.c-p-brand-text ul li::before {
  content: "●"; 
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);

  font-size: 11px;
  color: var(--dark-grey);
}
.da-all-cotainer{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
}
.da-all-item-ul{
  text-align: center;
}
.da-all-item{
  width: 31.5%;
  background-color:#F2F5F3;
  padding: 0.4rem 0.3rem 0.2rem 0.3rem;
  box-sizing: border-box;
  border-radius: 12px;
}
.da-all-item-ul img{
  border-radius: 4px;
  width: 2.8rem;
  height: 2.2rem;
}
.da-all-item a{
  display: flex;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}


.new-section-border{
  border-top: 2px solid #EEEEEE;
  padding-top: 1rem;
}

.da-title-header{
  margin-bottom: 0.5rem;
}


.da-d-n-meet-container .d-n-meet-item{
  padding: 0.4rem;
  width: 49%;
  box-sizing: border-box;
  border: 1px solid #E0E0E0;
  max-width: 6.8rem;
  border-radius: 12px;
}
.da-d-n-meet-bottom .d-n-meet-container{
  gap: 0.4rem;
}

.da-d-n-meet-left .d-n-meet-imgs{
  width: 1.2rem;
  height: 1.2rem;
  background-color: unset;
}
.da-d-n-meet-left .d-n-meet-imgs img{
  padding: 0rem;
}
.da-d-n-meet-left{
width: 23%;

max-width: 120px;


}

.da-d-n-meet{
  margin-top: 1rem;
}

/* 025 */
.hf-banner-content p{
  margin-bottom: 10px;
}
.bl-blog-all{
  margin-top: 1rem;
}

.bl-blog-list-container {
  margin-bottom: 0.4rem;
}

.bl-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4rem;
}

.bl-categories {
  display: flex;
  gap: 0.4rem;
}

.bl-category {
  text-decoration: none;
  position: relative;
  color: var(--dark-grey);
  font-weight: 600;
}
.bl-category:hover {
  text-decoration: none;
  position: relative;
  color: var(--green);
  font-weight: 600;
  transition: color 0.3s;

}

.bl-category.active {
  color: var(--green);
}

.bl-category.active::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: var(--green);
  bottom: -5px;
  left: 0;
}

.bl-controls {
  display: flex;
  align-items: center;
  gap: 15px;
}

.bl-hot-tags-btn {
  padding: 0.2rem .4rem;
  background-color: #fff;
  border: 2px solid #dddddd;
  border-radius: 90px;
  cursor: pointer;
  transition: background-color 0.3s,  border-color 0.3s, color 0.3s;
  color: var(--black);
}


.bl-hot-tags-btn img{
  margin-right: 8px;
}

.bl-search {
  position: relative;
  
}

.bl-search input {
  padding: 0.2rem .4rem;
  background-color: #fff;
  border: 2px solid #dddddd;
  border-radius: 90px;
  outline: none;
  transition: box-shadow 0.3s;
}

.bl-search-btn {
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
}
.bl-search-btn img{
  width: 16px;
  height: 16px;
}

.bl-hot-tags-wrapper {
  overflow: hidden;
  height: 0;
  transition: height 0.5s ease;
  margin-bottom: 0.5rem;
}

.bl-hot-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  background-color: #F5F5EE;
  padding: 0.5rem 1rem;
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(0, 168, 107, 0.2);
}

.bl-hot-tags span {
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 90px;
  color: var(--green);
  cursor: pointer;
  transition: background-color 0.3s;
  border: 2px solid var(--white)
}

.bl-hot-tags span:hover {
  background-color: var(--green);
  color: #fff;
  border: 2px solid var(--green)

}



.bl-article {
  border-radius: 0;
  transition: transform 0.3s, box-shadow 0.3s;
}

.bl-article:hover {
  transform: translateY(-5px);
}


/* 026 */
.bl-d-container {
  display: flex;
  justify-content: space-between;
  margin-top: 0.69rem;
  margin-bottom: 1rem;
}

.bl-d-left {
  width:72%;
}

.bl-d-right {
  width: 26.5%;
}
.bl-d-left-article-top{

  margin: 0 0.2rem;
  margin-top: -1.6rem;
}

.bl-d-left-article{
  background-color: var(--white);
  box-shadow: 0px 0px 10px 0px #18403E1A;
  padding: 0.5rem;
  box-sizing: border-box;
  border-radius: 4px;
}

.bl-d-product-img {
  width: 100%;
}

.bl-d-tags {
  margin-top: 15px;
  text-align: center;
}

.bl-d-tag {
  display: inline-block;
  color: var(--green);
  margin-right: 16px;
}

.bl-d-title {
  font-weight: 600;
  line-height:1.425;
  color: var(--black);
  text-align: center;
  margin-bottom: 0.4rem;
  margin-top: 0.24rem;
  
}

.bl-d-author-info {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.bl-d-author-logo {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}

.bl-d-author-name{
  font-weight: 600;
  color: var(--black);
  line-height: 1.225;
  margin-bottom: 4px;
}

.bl-d-author-time{
  font-weight: 400;
  color: var(--dark-grey);
  line-height: 1.225;
}
.bl-d-author-info-container{
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 0.4rem;
}
.bl-d-author-info-container::after{
  content:'' ;
  position: absolute;
  bottom: 0;
  background-image: url('/wp-content/themes/RichPack/newassets/image/fenge.svg');
  background-repeat: no-repeat;
  width: 100%;
  height: 4px;
}
.bl-d-share {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.bl-d-share span {
  margin-right: 0.24rem;
  color: var(--dark-grey);
}

.bl-d-share-icons a {
  margin-right: 10px;
}

.bl-d-catalog {
  background-color: #F5F5EE;
  padding: 0.3rem;
  margin-bottom: 10px;
}

.bl-d-catalog-title{
  font-weight: 600;
  line-height: 1.325;
  text-align: left;
  color: var(--dark-green);
  margin-bottom: 0.16rem;
}


.bl-d-catalog ul {
  list-style: none;
  padding: 0;
}

.bl-d-catalog ul li {
  margin-bottom: 10px;
}

.bl-d-catalog ul li a {
  color: var(--medium-grey);
  font-weight: 400;
}

.bl-d-related {
  background-color: #F5F5EE;
  padding: 0.3rem;
  margin-bottom: 10px;
}



.bl-d-related-tag {
  display: inline-block;
  padding: 10px 20px;
  background-color: #fff;
  color: var(--green);
  border-radius: 90px;
  margin-bottom: 10px;
  font-weight: 400;
}

.bl-d-featured {
  background-color: #F5F5EE;
  padding: 0.3rem;
  margin-bottom: 10px;
}


.bl-d-product {
  display: flex;
  margin-bottom: 16px;
}

.bl-d-product img {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 16px;
}

.bl-d-product-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bl-d-product-info p{
  margin-bottom: 0.2rem;
  color: var(--black);
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bl-d-quote-btn {
  background-color: var(--dark-green);
  color: #fff;
  padding: 8px 0px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}

.bl-d-gift-card {
  background-color: #FEE691;
  padding: 0.52rem 0.3rem;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 1.3rem; 
}

.bl-d-gift-card-icon {
  width: 0.88rem;
  height: 0.88rem;
  margin-bottom: 15px;
}

.bl-d-gift-card-title {
  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 0.35rem;
  text-align: center;
  color:#2B6A42;
  margin-bottom: 0.24rem;
  margin-top: 8px;
}

.bl-d-gift-card-text {
  color: var(--medium-grey);
  margin-bottom: 0.24rem;
  text-align: center;
}

.bl-d-gift-card-input {
  width: 100%;
  padding: 0.2rem;
  border-radius: 4px;
  margin-bottom: 10px;
  box-sizing: border-box;
  background-color: #fff;
}

.bl-d-gift-card-button {
  width: 100%;
  padding: 0.2rem;
  background-color: var(--dark-green);
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.bl-d-gift-card-button:hover {
  background-color: #086B5D;
}


.bl-d-table-of-contents {
  background-color: #F5F5F5;
  border: 1px solid #e0e0e0;
  padding: 0.24rem;
  border-radius: 4px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.bl-d-toc-title {
font-weight: 600;
line-height: 1.325;
text-align: left;
  color: var(--black);
  margin-bottom: 0.16rem;
}

.bl-d-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 0.3rem;
  border-left: 1px solid #CCCCCC;
}

.bl-d-toc-list li {
  margin-bottom: 10px;
}

.bl-d-toc-link {
  color: var(--green);
  font-weight: 400;
  text-decoration: none;
}

.bl-d-toc-link:hover {
  text-decoration: underline;
}
.bl-d-toc-list li a.h3-toc{
  margin-left: 0.2rem; 
}


.bl-d-share-nav-container {
  margin-top: 0.5rem;
}

.bl-d-share-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
  margin-bottom: 0.16rem;
}

.bl-d-line-left,
.bl-d-line-right {
  flex: 1;
  height: 1px;
  background-color: #d9d9d9;
}

.bl-d-share-text {
  font-weight: 600;
  font-size: 16px;
  color: #18403E;
  text-transform: uppercase;
}

.bl-d-share-icons {
  display: flex;
  gap: 16px;
  justify-content: center;
}

.bl-d-share-icons a img {
  width: 24px;
  height: 24px;
}

.bl-d-navigation {
  display: flex;
  justify-content: space-between;
  background-color: #F5F5EE;
  padding: 0.24rem;
  border-radius: 4px;
  margin-top: 0.24rem;
  box-sizing: border-box;
}

.bl-d-prev,
.bl-d-next {
  flex: 1;
}

.bl-d-nav-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #18403E;
}

.bl-d-nav-arrow {
  font-weight: 600;
  line-height: 1.125;
  text-align: left;
  color: var(--black);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bl-d-nav-text{
  font-weight: 400;
  color: var(--black);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bl-d-next .bl-d-nav-text{
  text-align: right;
}
.bl-d-next .bl-d-nav-arrow {
  text-align: right;
  justify-content: end;

}

.bl-d-navigation a:hover{
  text-decoration:none;
}

.bl-d-related-articles {
  margin-top: 0.5rem;

}

.bl-d-related-title {
  font-weight: 600;
  line-height: 1.425;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.24rem;
}

.bl-d-article-item {
  display: flex;
  align-items: center;
  padding: 0.24rem 0;
  border-bottom: 1px dotted #E0E0E0;
}

.bl-d-article-img {
  width: 30%;
  height: auto;
  margin-right: 0.4rem;
}

.bl-d-article-img img {
  width: 100%;
  height: auto;
}

.bl-d-article-content {
  width: 45%;
}

.bl-d-article-title {
  font-weight: 600;
  line-height: 1.325;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.24rem;
  
}

.bl-d-article-date {
  color: var(--dark-grey);
 
}

.bl-d-article-arrow {
  width: 0.4rem;
  text-align: center;
}

.bl-d-article-arrow a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.bl-d-article-arrow a img {
  width: 100%;
  height: auto;
}

.bl-d-article-content-text{
  display: flex;
  width: 93%;
  align-items: center;
}
.bl-d-article-item:first-of-type{
  padding-top: 0;
}
.bl-d-article-item:last-child{
  padding-bottom: 0;
  border-bottom: none;
}


.bl-d-maybe-like {
  margin-top: 0.5rem;
}

.bl-d-maybe-like-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.24rem;
}

.bl-d-maybe-title {
  font-weight: 600;
  line-height: 1.325;
  color: var(--black);
}

.bl-d-maybe-view-all {
  color: var(--green);
  text-decoration: underline;
  
}

.bl-d-maybe-like-content {
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
}

.bl-d-maybe-item {
  width: 29%;
  background-color: #fff;
  border-radius: 12px;
  text-align: center;
  box-sizing: border-box;
  transition: transform 0.3s ease;
}

.bl-d-maybe-item:hover {
  transform: translateY(-5px);
}

.bl-d-maybe-img {
  margin-bottom: 12px;
  border: 1px solid #EEEEEE;
  border-radius: 12px;

}

.bl-d-maybe-img img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.bl-d-maybe-name {
  font-weight: 600;
  text-align: center;
}

.bl-d-last-name,.bl-d-last-intro{
  text-align: left;
  margin-bottom: 0.16rem;
}
.bl-d-last-titme{
  font-weight: 400;
  line-height: 1.225;
  text-align: left;
  color: var(--dark-grey);
}

.bl-d-last-img{
  border: none;
}
.bl-d-last-img img{
  border-radius: 0;
}

/* 027 */
.policy-button{
  display: inline-block;
  background-color: #FFFFFF;
  color: var(--green);
  font-weight: 600;
  padding: 0.16rem 0.4rem;
  border-radius: 4px;
  margin-top: 0.4rem;
}

.policy-banner-content{
  text-align: center;
}

.policy-bottom{
  margin-top: 0.5rem;
}

.policy-bottom-container {
  display: flex;
  align-items: center;
  background-color: #F2F5F3; 
  padding: 0.5rem 1rem;
  border-radius: 12px;
  position: relative;
}

.policy-bottom-line {
  width: 4px;
  background-color: var(--green); 
  height: 70%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
 
}


.policy-page{
  margin-bottom: 1rem;
}

.policy-bottom-content a {
  color: var(--green); 
  text-decoration: underline;
}

.policy-bottom-title {
font-weight: 600;
line-height: 1.325;
text-align: left;
color: var(--black);
margin-bottom: 0.24rem;
}

.policy-bottom-text p {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}

.policy-bottom-text a {
  color: #00994A;
  text-decoration: underline;
}


/* 028 */

.category-banner-brumb a{
  color: var(--medium-grey);
}
.category-banner-brumb span{
  color: var(--medium-grey);
}

.cust-page-ban-container{
  min-height: 7.5rem;
  
}
.cust-page-ban-content{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 8.8rem;
  margin: 0 auto;
}

.cust-page-ban-content p{
  color: var(--medium-grey);
  text-align: center;

}

.cust-page-ban-content p{
  margin-bottom: 10px;
}

.cu-sample-item-left{
  width: 45%;
}

.cu-sample-container{
  background: none;
  box-shadow: 0px 0px 20px 0px #18403E1A;
  background-color: #fff;
  padding: 0.5rem 1rem;
}

.dic-sample{
  margin-top: 0.5rem;
}

.dic-sample-container{
  padding: 0;
  background: none;
  gap: 0.8rem;
  border-radius: 12px;
  box-shadow: 0px 0px 20px 0px #18403E1A;
  padding-right: 0.8rem;

}
.dic-sample-item-left{
  width: 42.5%;
  
}
.dic-sample-intro{
  margin-bottom: 0.24rem;
}
.dic-sample-subtitle{
  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 1.125;
  text-align: left;
  color: var(--green);
}
.dic-sample-container .met-sample-item-right img{
border-radius: 12px 0 0 12px;
}


.c-t{
  margin-top: 1rem;
}

.c-t-container {
  text-align: center;

}

.c-t-header {
  margin-bottom: 0.7rem;
}

.c-t-header  .h2-title{
  text-align: left;


}

.c-t-description {
  color: var(--medium-grey);
  font-weight: 400;
  line-height: 1.325;

}

.c-t-description span{
  font-weight: 600;
  color: var(--black);
}
.c-t-description a{
  color: var(--green);
  font-weight: 600;
  text-decoration: underline;
}

.c-t-link {
  font-weight: 600;
  color: var(--black);
}

.c-t-process {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(to right, #F5F5EE 50%, #F0EBE3 50%);
  overflow: visible;
  position: relative;
  border-radius: 120px;
}

.c-t-step {
  flex: 1;
  display: flex;
  justify-content: center;
  position: relative;
}

.c-t-step-left .c-t-circle {
  margin-left: -2rem;
}

.c-t-step-right .c-t-circle {
  margin-right: -2rem; 
}

.c-t-circle {
  background-color: #fff;
  border-radius: 50%;
  width: 3.2rem; 
  height: 3.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.c-t-early {
  background-color: var(--green);
  color: #fff;
}

.c-t-middle {
  background-color: #fff;
}

.c-t-late {
  background-color: var(--dark-green);
  color: #fff;
}

.c-t-process .c-t-plus {
  
  z-index: 1; 
  transform: translateX(-0.5rem);
}
.c-t-process .c-t-plus:nth-of-type(4) {
  transform: translateX(0.5rem);

}

.c-t-step-title {
  font-weight: 600;
  line-height: 1.325;
  text-align: left;
  color: var(--white);
  margin-top: 0.24rem;
  margin-bottom: 10px;
}

.c-t-step-desc{
font-weight: 400;
line-height: 1.225;
text-align: center;
color: var(--white);
margin: 0 auto;

margin-bottom: 0.3rem;
max-width: 1.8rem;
}

.c-t-step-time{
font-weight: 600;
line-height: 1.325;
text-align: center;
color: var(--white);

opacity: 0.5;
}

.c-t-middle .c-t-step-title{
  color: var(--dark-green);

}

.c-t-middle .c-t-step-desc{
color: var(--dark-green);
  
}
.c-t-middle .c-t-step-time{
color: var(--dark-green);
  
}
.c-t-icon{
  width: 0.48rem;
  height: 0.48rem;
}







.sto{
  margin-top: 1rem;
}

.sto-container{
  background-color: #F5F5EE;
  padding: 1rem 0;
}
.sto-bottom-container{

}
.sto-item{
  display: flex;
  gap: 0.4rem;
  box-shadow: 0px 0px 20px 0px #18403E1A;
  padding: 0.8rem;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 12px;
  padding-right: 0;
}
.sto-item-left{
  width: 38.6%;
  display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.sto-item-right{
  width: 48.5%;
}
.sto-item-title {
  font-weight: 600;
  line-height: 1.425;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.24rem;
}

.sto-item-last{
  text-align: center;
}

.sto-item-last p{
font-family: 'Lato',sans-serif;
font-style: italic;
font-weight: 700;
line-height: 1.325;
text-align: center;
color: var(--green);
margin-top: 0.5rem;
}

.ct-study{
  background: none;
  margin-top: 0;
}
.ct-sturdy-container{
  gap: 2rem;
}
.ct-sturdy-text p{
  margin-bottom: 10px;
}
.ct-sturdy-text p:last-of-type{
  margin-bottom: 0;
}


.ct-ad-container {
  text-align: center;
}

.ct-ad-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  gap: 0.48rem;
}

.ct-ad-line {
  flex: 1;
  height: 1px;
  background-color: var(--dark-green); 
  margin: 0 10px;
}

.ct-ad-title {
  font-family: 'Lato',sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 0.416rem;
  text-align: left;
    color: var(--dark-green);
}

.ct-ad-description {
  font-weight: 400;
  line-height: 1.125;
  text-align: center;
  color: var(--dark-green);
  
}

.ct-ad-partners {
  margin-top: 0.5rem;
}

.ct-ad-partner-item {
  background-color: #fff; 
  box-shadow: 0px 0px 10px 0px #161A151A;
  box-sizing: border-box;
  overflow: visible;
}

.ct-ad-partner-item img {
  max-width: 100%;
  height: auto;
}

.ct-ad-partners .swiper{
 padding: 5px;

}

.ct-global{
  margin-top: 1rem;
}


.ct-global-container {
  width: 100%;
  margin: 0 auto;
  border-radius:.1rem;
  overflow: hidden;
  position: relative;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.ct-global-image-wrapper {
  position: relative;
}

.ct-global-image {
  width: 100%;
  height: auto;
  display: block;
}

.ct-global-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0.6rem;
  box-sizing: border-box;
  align-items: end;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
  height: 100%;
}

.ct-global-title {
font-weight: 700;
line-height: 0.5rem;
text-align: left;
color: var(--white);
max-width: 4.4rem;
}

.ct-global-button {
  background-color: var(--green); 
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease;
  box-sizing: border-box;
  height: 0.53rem;
  padding: 0 0.4rem;
  font-weight: 600;
  line-height: 1.125;
  text-align: center;

}

.ct-global-button:hover {
  background-color: #008c44; /* Darker green on hover */
}


.ct-global-features {
  display: flex;
  justify-content: space-between;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

.ct-global-feature-item {
  flex: 1;
  background-color: #F5F5EE;
  padding:0.45rem;
  border-radius: 12px;
}

.ct-global-icon-wrapper {
   width: 0.86rem;
  height: 0.86rem;
  border-radius:0.12rem;
  display: flex;
  align-items: center;
  margin-bottom:0.24rem;
}

.ct-global-feature-title {
font-weight: 600;
line-height: 1.325;
text-align: left;
color: var(--black);
  margin-bottom: 10px;
}

.ct-global-feature-desc {
  color: var(--medium-grey);
}


.ct-reday{
  margin-top: 1rem;
}
.ct-reday-container{
  background-image: url('/wp-content/themes/RichPack/newassets/image/jss.png');
  background-repeat: no-repeat;
  background-color: var(--dark-green);
  text-align: center;
  padding: 1.15rem 0;
}


.ct-reday-container  .h2-title{
  color: var(--white);
  font-family: 'Lato',sans-serif;
font-style: italic;
font-weight: 700;
text-align: center;

}
.ct-reday-container .p-intro{
  color: var(--white);

}

.ct-reday-container .innovative-right-button{
  background-color: var(--yellow);
  color: var(--dark-green);
  border-radius: 4px;
  margin-top: 0;
}

.ct-blog{
  background: #F5F5EE;
  padding: 1rem 0;
}

.ct-blog-text p{
  max-width: 8.8rem;
}

.ct-blog-text .innovative-right-button{
  margin-top: 0;
}
.ct-blog-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ct-blog-header {
  margin-bottom: 0.45rem;
}
.ct-blog-header .h2-title{
  text-align: left;
}

.faq-pp{
  font-family: 'Lato',sans-serif;
font-style: italic;
font-weight: 700;
line-height: 1.425;
color: var(--black);
text-align: center;
}
.faq-pp a{
  color: var(--green);
}

/* 029 */

.s-r-container {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}

.s-r-item {
  width: 41.5%;
  text-align: center;
}

.s-r-item:first-child{
  padding-right: 1rem;
  border-right: 1px solid #eee;
}

.s-r-icon-wrapper {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 0.24rem;
}

.s-r-text {
  font-weight: 400;
  line-height: 1.225;
  color: var(--black);
  text-align: center;
}


.s-r-b-container {
  background-color: #fff;
  gap: 0.6rem;
  border-radius: 15px;
  box-shadow: 0px 0px 30px 0px #18403E1A;

  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.s-r-b-container :last-child{
  margin-bottom: 0;
}

.s-r-b-content {
  display: flex;
  align-items: center;
  padding: 1rem 0.8rem;
  justify-content: space-between;
}

.s-r-b-text {
  width: 51.5%;
}

.s-r-b-title {
  font-weight: 600;
  line-height: 1.425;
  text-align: left;
  color: var(--black);
  margin-bottom: 0.16rem;
}

.s-r-b-text p {
  margin-bottom: 10px;
}

.s-r-b-image-wrapper {
  width: 43.5%;
  display: flex;
  justify-content: flex-end;
}

.s-r-b-image {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.srb{
  margin-top: 1rem;
}



/* 030 */
.e-p-container {
  margin-top: 1rem;
}

.e-p-header {
  text-align: center;
  margin-bottom: 0.4rem;
}
.e-p-header .p-intro span{
  font-weight: 600;
  color: var(--green);
}
.e-p-header .p-intro{
  margin-bottom: 0.16rem;
}



.e-p-subtitle {
  font-weight: 600;
  color: var(--black);
  text-align: center;
}

.highlight {
  color: #00a651;
  font-weight: bold;
}

.e-p-materials {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 40px;
}

.e-p-material {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #EEEEEE;

}

.e-p-image {
  width: 100%;
  object-fit: cover;
  height: 1.82rem;
}

.e-p-material-info {
  padding: 0.3rem;
}

.e-p-material-title {
  font-weight: 600;
  line-height: 1.325;
  text-align: left;
  color: var(--black);
  margin-bottom: 10px;
  
}

.e-p-material-desc {
}

.e-p-note {
  text-align: center;
  margin-top: 0.4rem;
  margin-bottom:0.4rem;
}

.e-p-button-wrapper {
  text-align: center;
}

.e-p-button {
  background-color: var(--green);
  color: #fff;
   padding: 0.15rem 0.3rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
  font-weight: 600;
  text-decoration: none;
}

.e-p-button:hover {
  background-color: #007a3d;
  text-decoration: none;

}


.dp-lca{
  margin-top: 1.5rem;
}
.dp-lca-title{
  display: inline-block;
  position: relative;
  color: var(--dark-green);
  text-align: center;
  line-height: 1.525;
}
.dp-lca-title span {
  display: block;
  position: relative;
}

.dp-lca-title span::after {
  content: '';
  display: block;
  width: 100%;
  height: 0.06rem;
  background: #07923A1A;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5px;
}

.dp-lca-img{
  margin-top: 0.5rem;
}

.dpf-container{
  margin-top: 0.2rem;
}

.dpf-container {
  display: flex;
  justify-content: space-between;
}

.dpf-box {
  position: relative;
  background-color: #FEE691; 
  width: 49%; 
  box-sizing: border-box;
  padding: 0.6rem 0.65rem;
}

.dpf-text {
  color: var(--dark-green);
  margin-bottom: 0.24rem;
}

.dpf-link {
  font-weight: 600;
  color: var(--dark-green);
  text-decoration: none;
  display: inline-block;
}
.dpf-link:hover{
  text-decoration: none;

}
.dpf-icon {
  position: absolute;
  right: 0.3rem;
  bottom: 0;
}

.dp-in{
  margin-top: 1rem;
}

.dp-in-container {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}


.dp-in-box {
  background-color: #F2F5F3;
  padding: 0.4rem;
  /* padding-bottom: 0; */
  border-radius: 12px;
  text-align: center;
  width: 31.5%;
  max-width: 4.4rem;
  min-height: 4.4rem;
  box-sizing: border-box;
  border: 1px solid #E0E0E0;
}

.dp-in-image {
  width: 100%;
  height: auto;
  border-radius: 5px;
  margin-bottom:0.4rem;
}

.dp-in-title {
  font-weight: 600;
  line-height: 1.425;
  color: var(--black);
  margin-bottom: 10px;
}

.dp-in-text {
  text-align: center;
}



.dp-in-button {
  background-color: var(--yellow);
  color: var(--dark-green);
  padding: 0.16rem 0.4rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
font-weight: 600;

}

.dp-in-right{
  background-color: var(--dark-green);
}
.dp-in-right-title{
  font-family: 'Lato',sans-serif;
font-style: italic;
font-weight: 700;
line-height: 0.416rem;
text-align: center;
color: var(--yellow);
margin-bottom: 0.24rem;
}
.dp-in-right-title  span{
  position: relative;
}
.dp-in-right-title  span::after{
  content: '';
  position: absolute;
  top: 15px;
  right: -15px;
  background-image: url('/wp-content/themes/RichPack/newassets/image/dna.svg');
  width: 100%;
  height: 100%;

}
.dp-in-right-text{
  color: var(--white);
  text-align: center;
margin-bottom: 0.4rem;

}



.dp-con-container {
  margin-top: 1rem;
}

.dp-con-banner {
  background: url('/wp-content/themes/RichPack/newassets/image/Continuous Improvement_bg.jpg') no-repeat center center/cover;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  position: relative;
  padding: 1.62rem 0;
}

.dp-con-banner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);

  border-radius: 10px;
  z-index: 1;
}

.dp-con-banner-content {
  width: 50%;
  max-width: 6.4rem;
  margin: auto;
  position: relative;
  z-index: 2;
}

.dp-con-title {
  font-weight: 700;
  line-height: 0.5rem;
  text-align: center;
  color: var(--white);
  margin-bottom: 0.24rem;
  
}

.dp-con-subtitle {
font-weight: 400;
line-height:1.325;
text-align: center;
color: var(--white);

}

.dp-con-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.4rem;
  gap: 0.4rem;
}

.dp-con-box {
  border-radius: 12px;
  flex: 1;
  text-align: center;
}

.dp-con-image {
  width: 100%;
  height: auto;
  border-radius: 12px;
  margin-bottom: 0.4rem;
}


/* 032 */
.cps-top{
  margin-top: 1rem;
}
.crs-container {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
  gap: 0.5rem;
}

.crs-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.crs-text-section {
  flex: 1;
  max-width: 6.4rem;
}

.crs-title {
font-weight: 600;
line-height:0.35rem;
text-align: left;
  color: var(--black);
  margin-bottom: 0.24rem;
}

.crs-description {
  font-weight: 400;
  line-height:1.325;
  text-align: left;
  color: var(--medium-grey);
}

.crs-description a{
  color: var(--green);
  font-weight: 600;
  text-decoration: underline;
}

.crs-image-section {
  flex: 1;
  max-width: 6.4rem;

}

.crs-image {
  width: 100%;
  height: auto;
  border-radius: 10px;
}


.crs-right-container {
  padding: 1rem 0;
  background-color: #F5F5EE;
}

.cps-right{
  margin-top: 1rem;
}

.crs-right-content-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}

.crs-right-item {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 0.6rem;
  width: 48.5%; /* Adjust the width of each item */
  box-sizing: border-box;
  border: 1px solid #EEEEEE;
}

.crs-right-icon-wrapper {
  border-radius: 12px;
  display: flex;
  align-items: center;
}

.crs-right-icon {
  width: 1rem;
  height:1rem;
  margin-right: 0.2rem;
  color: var(--green);
}
.crs-right-text-content{
  margin-top: 0.24rem;
}

.crs-right-item-title {
  font-weight: 600;
  line-height: 1.325;
  text-align: left; 
  color: var(--black);

}

.crs-right-item-description {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}



@media (max-width: 1024px) {
  .presence-container {
    flex-direction: column;
  }

  .presence-left,
  .presence-right {
    flex: none;
    width: 100%;
  }
}




@media (max-width: 768px) {
  .sustainable-faq-item {
      flex-basis: 100%;
  }
}






@media (max-width: 768px) {
  /* contact */
  .ri-adres-postimg{
    display: none;
  }
  .ri-address-container{
    margin-top: 0.5rem;
  }
  .adresSwiper .swiper-wrapper {
    display: flex;
    flex-direction: column;
}

.adresSwiper .swiper-slide {
    width: 100% !important;
    flex-shrink: 0;
    flex-basis: 100%;
}

.adresSwiper .swiper-pagination {
    display: none;
}

.adresSwiper .swiper-button-next, .adresSwiper .swiper-button-prev {
    display: none;
}
.contact-page-banner{
  flex-direction: column;
}
.contact-page-banner-left{
  width: 100%;
  max-width: 100%;
}
.contact-page-banner-right{
  width: 100%;

}

}

/* 响应式调整 */
@media (max-width: 768px) {
.proven-content{
  flex-direction: column;

}
.proven-text{
  width: 100%;
  max-width: 100%;
}
.proven-description{
  line-height: 18px;
}
.proven-images{
  flex-direction: column;
  margin-top: .6rem;
}
.proven-brands{
  flex-wrap: wrap;
  gap: 10px;
}
.proven-brands img{
  width: 48%;
}
.industries-ul{
  flex-direction: column;
  padding: 0.5rem;
  gap: .7rem;
}
.industries-li-left,.industries-li-right{
  width: 100%;
  max-width: 100%;
}

.creative-section{
  flex-direction: column;
  gap: .3rem;
}
.creative-item{
  width: 100%;
}
/* .creative-icon img{
  width: 100%;
  height: 100%;
} */
.creative-content{
  max-width: 6.4rem;
}
.creative-section{
  padding: 0 0.4rem;
}
.sustan-container{
  max-width: 100%;
  padding-left: .4rem;
  padding-right: .4rem;
}
.sustan-description {
  word-break: break-word; 
    overflow-wrap: break-word;
    line-height: normal;
}
.sustan-button{
  max-width: 100%;
  padding: 0.3rem .4rem;
  text-align: center;
  line-height: .3rem;
}
.richpack-section{
  flex-direction: column;
}
.richpack-header{
  width: 100%;
  max-width: 100%;
}
.richpack-subtitle,.richpack-feature-description{
  line-height: 0.3rem;
}
.richpack-feature-item,.richpack-content{
  width: 100%;
  max-width: 100%;
}
.richpack-features{
  gap: .5rem;
}
.richpack-subtitle{
  margin-bottom: .4rem;
}
.case-content{
  width: 80%;
  max-width: 80%;
}
.follow-link{
  bottom: -90%;
  left: 39%;

}

.faq-question,.new-title,.new-heading-sub,.sustan-description,
.creative-description,.focus-on-content p,.focus-on-title,.our-most-caption,
.pur-most-bottom p,.industries-content,.industries-subtitle,.faq-subtitle {
  line-height: 1.25;
}
.new-container{
  flex-direction: column;
  gap: .6rem;
}
.new-item{
  width: 100%;
  max-width: 100%;
}
.new-section,.faq-container{
  padding: 0 .4rem;
}
.faq-container{
  padding-top: .8rem;

  padding-bottom: .8rem;
}
.faq-columns,.form-container{
  flex-direction: column;
}
.form-left{
  max-width: 100%;
}
.form-container{
  padding: .6rem .4rem;
  box-sizing: border-box;
}
.form-subtitle{
  margin-bottom: .2rem;
  line-height: .3rem;
}
.form-textarea {
  box-sizing: border-box;
}
.new-heading-text{
  margin-bottom: .3rem;
}
}








@media (max-width: 768px) {
  .footer-top, .footer-bottom {
      flex-direction: column;
      align-items: center;
  }

  .footer-nav {
      grid-template-columns: repeat(2, 1fr);
  }

  .footer-column {
      margin-bottom: 20px;
  }

  .footer-subscribe {
      text-align: center;
      margin-top: 20px;
  }

  .footer-contact, .footer-address, .footer-recommendation {
      text-align: center;
      margin-bottom: 20px;
  }
.contact-item:last-child{
  margin-bottom: 0;
}
.footer-address-all{
  padding: 0;
}
  .footer-social ul {
      justify-content: center;
      margin-top: 20px;
  }
  .footer-brand,.footer-subscribe{
    width: 100%;
    max-width: 100%;
  }
  .footer{
    padding: .6rem .4rem;
  }
  .footer-subscribe input[type="email"]{
    width: 100%;
  }
  .footer-from{
    max-width: 100%;
    margin-top: .4rem;
  }
  .footer-subscribe button {
    top: 8px;
    right: 20px;
  }
  .footer-nav{
    grid-template-columns:auto;
    display: flex;
    flex-wrap: wrap;
  }
  .footer-column {
    width: 46%;
  }
  .footer-bottom-item{
    flex-direction: column;
  }
  .footer-contact{
    width: 93%;
    padding: .2rem 0.4rem;
  }
  .footer-contact, .footer-address, .footer-recommendation {
    width: 98%;
    padding: .2rem 0.4rem;

  }
  .footer-address p, .footer-recommendation p{
    line-height: 1.25;
  }
  .footer-last{
    flex-direction: column;
  }
  .footer-address img, .footer-recommendation img{
    width: auto;
    height: auto;
  }
  .footer-contact, .footer-address, .footer-recommendation {
    width: 95%;
    box-sizing: border-box;
  }

  .footer-legal p{
    flex-wrap: wrap;
  }
  .footer-legal-a{
    width: 0.35rem;
  }


  .form-row{
    width: 100%;
  }
  
  .form-input{
    width: 50%;
  }
 
  .proven-section,.case{
    padding: 0 .4rem;
  }
  .case-title{
    margin-bottom: .15rem;
  }
  .case-description{
    line-height: .3rem;
    margin-bottom: .3rem;
  }
  .faq-question::after {
    width: 0.3rem;
    height: 0.3rem;
    right: 5px;
  }
  .our-most-title{
    margin-bottom: .3rem;
  }
  .our-most-grid{
    grid-template-columns: repeat(1, 1fr);
    padding: 0 .4rem;
    gap: .5rem;
  }
  .our-most-item-title{
    height: 22.5%;
    padding-bottom: .3rem;
  }
}


/* 弹窗 */
.modal {
  display: none; 
  position: fixed; 
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  overflow: auto; 
  background-color: rgba(0,0,0,0.4); 
  animation-name: fadeIn;
  animation-duration: 0.4s;
}

.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: 7.5% auto; 
  padding: 0.4rem;
  border: 1px solid var(--dark-grey);
  width: 80%;
  max-width: 8.8rem;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  animation-name: slideIn;
  animation-duration: 0.4s;
}

.modal-close {
  color: var(--medium-grey);
  float: right;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 1%;
}

.modal-content p {
  text-align: center;
  margin-bottom: 0.5rem;

}

.modal-close:hover,
.modal-close:focus {
  color: var(--black);
  text-decoration: none;
  cursor: pointer;
}

@keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes slideIn {
  from {transform: translateY(-50px); opacity: 0;} 
  to {transform: translateY(0); opacity: 1;}
}

.forminator-ui#forminator-module-741.forminator-design--default .forminator-input{        
    padding: 0.2rem 0.3rem;
    background-color: #18403e;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s ease;
}
.forminator-ui#forminator-module-741.forminator-design--default .form-textarea {
    width: 100%;
    padding: 0.2rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: var(--black);
    min-height: 120px;
    resize: none;
    background-color: #fff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}
.forminator-ui#forminator-module-741.forminator-design--default .forminator-textarea {
    border-color: #dddddd;
    background-color: #ffffff;
    color: #161a15;
    width: 100%;
    padding: 0.2rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: var(--black);
    min-height: 120px;
    resize: none;
    background-color: #fff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}
.forminator-ui#forminator-module-741.forminator-design--default .forminator-button-submit{
  width: 25%;
  max-width: 2rem;
  padding: 0.2rem 0.3rem;
  background-color: #18403e;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: background-color 0.3s ease;
}