.elemital-ingredients{padding:8rem 0 4rem}.ei-container{max-width:140rem;margin:0 auto;padding:0 5%;width:100%}@media screen and (min-width:1400px){.ei-container{max-width:90vw!important}}.ei-header{text-align:center;margin-bottom:6rem}.ei-heading{font-size:5.5rem;font-weight:400!important;margin:0 0 2rem;line-height:1.15}.ei-heading .mask-container{display:block;overflow:hidden;padding-bottom:.2em;margin-bottom:-.2em}.ei-heading .mask-text{display:block;transform:translateY(110%);transition:transform 1.5s cubic-bezier(.2,.8,.2,1);will-change:transform}.ei-heading.is-visible .mask-text{transform:translateY(0)}.reveal-fade{opacity:0;transform:translateY(1.5rem);transition:opacity .8s ease,transform .8s ease}.reveal-fade:nth-of-type(2){transition-delay:.2s}.reveal-fade:nth-of-type(3){transition-delay:.4s}.reveal-fade.is-visible{opacity:1;transform:translateY(0)}.ei-subheading{font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 1.5rem}.ei-description{font-size:1.6rem;line-height:1.6;margin:0 auto;max-width:70rem;opacity:.8}.ei-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.ei-card{grid-column:span 4;position:relative;overflow:hidden;cursor:pointer;min-height:40rem;background-color:var(--card-bg, #3b5236);background-image:linear-gradient(to top,var(--card-bg, #3b5236) 80%,transparent 100%);color:var(--card-color, #ffffff)}.reveal-item{opacity:0;transform:translateY(3rem);transition:opacity .7s ease,transform .7s ease}.reveal-item:nth-child(1){transition-delay:.05s}.reveal-item:nth-child(2){transition-delay:.15s}.reveal-item:nth-child(3){transition-delay:.25s}.reveal-item:nth-child(4){transition-delay:.35s}.reveal-item:nth-child(5){transition-delay:.45s}.reveal-item:nth-child(6){transition-delay:.55s}.reveal-item.is-visible{opacity:1;transform:translateY(0)}.ei-card-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.ei-card-image img,.ei-card-image-placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.ei-card-image-placeholder{background-color:var(--card-bg, #3b5236);background-image:linear-gradient(to top,var(--card-bg, #3b5236) 80%,transparent 100%)}@media(hover:hover){.ei-card:hover .ei-card-image img{transform:scale(1.04)}}.ei-card-title{font-size:1.9rem;font-weight:600;line-height:1.3;margin:0 0 .8rem;min-height:7rem}.ei-card-content1{font-size:1.4rem;line-height:1.45;margin:0 0 .8rem;opacity:.9}.ei-card-quote{font-size:1.35rem;line-height:1.5;margin:0 0 1.2rem;opacity:.75;font-style:italic}.ei-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:4;background-color:var(--card-bg, #3b5236);background-image:linear-gradient(to top,var(--card-bg, #3b5236) 80%,transparent 100%);transform:translateY(40%);transition:transform .55s cubic-bezier(.2,.8,.2,1);overflow-y:auto}.ei-card-overlay-inner{padding:2.5rem;display:grid;grid-template-rows:auto auto auto 1fr;gap:.8rem;min-height:100%;align-content:start}.ei-card-overlay .ei-card-title{font-size:1.9rem}.ei-card-overlay .ei-card-content1{opacity:.8}.ei-card-overlay .ei-card-quote{opacity:.7}.ei-card-content2{font-size:1.45rem;line-height:1.65;padding-top:2rem}.ei-card-content2 p{margin:0 0 1rem}.ei-card-content2 ul{margin:0;padding:0;list-style:none}.ei-card-content2 ul li{padding:.4rem 0 .4rem 1.6rem;position:relative}.ei-card-content2 ul li:before{content:"\2022";position:absolute;left:0}@media(hover:hover){.ei-card:hover .ei-card-overlay{transform:translateY(0)}}.ei-card.is-open .ei-card-overlay{transform:translateY(0)}@media screen and (max-width:1024px){.ei-heading{font-size:4.5rem}.ei-card{min-height:34rem}}@media screen and (max-width:768px){.elemital-ingredients{padding:6rem 0}.ei-heading{font-size:3.5rem}.ei-container{padding:0}.ei-header{margin-bottom:4rem;padding:0 5%}.ei-grid{display:flex;grid-template-columns:none;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;touch-action:auto;gap:1.6rem;padding:0 7.5vw 2rem 7.5vw;margin:0;scrollbar-width:none;-ms-overflow-style:none}.ei-grid::-webkit-scrollbar{display:none}.ei-card{grid-column:unset!important;flex:0 0 85vw;max-width:85vw;scroll-snap-align:center;min-width:0;box-sizing:border-box;min-height:42rem}.ei-card:hover .ei-card-image img,.ei-card:active .ei-card-image img,.ei-card.is-open .ei-card-image img{transform:none!important}.ei-card-overlay{overflow-y:hidden;touch-action:auto;transform:translateY(45%)}.ei-card:after{content:"Xem th\eam";position:absolute;bottom:0;left:0;right:0;height:12rem;background:linear-gradient(to top,var(--card-bg) 30%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:2rem;font-family:SVN-Gilroy SemiBold,sans-serif!important;font-size:1.3rem;letter-spacing:1px;color:#ffffffe6;pointer-events:none;transition:opacity .3s ease;z-index:10}.ei-card.is-open .ei-card-overlay{transform:translateY(0)}.ei-card.is-open:after{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/elemital-ingredients.css.map */