.why-we-are-different-container{margin-top:4rem}.protrait-img{position:absolute;top:0;right:0;aspect-ratio:1.71;object-fit:cover;width:100%;height:100%}.image-bar-container{display:flex;justify-content:center;align-items:center;flex-direction:row;list-style-type:none;margin:0;padding:0}.image-bar{position:relative;width:100%;display:flex;flex-direction:column;overflow:hidden;will-change:transform}.text-reveal{align-items:center;font-size:26px;line-height:34.58px;margin:0;color:#fff}.description-reveal{align-items:center;font-size:22px;line-height:29.26px;margin:0;color:#fff;display:none;opacity:0}.textBox-container{display:flex;align-items:center;height:135px;z-index:1;position:relative;transform:translateY(0);transition:transform .3s ease-in-out;will-change:transform}.text-box{padding:5rem 2rem;display:flex;flex-direction:column;text-align:center;gap:2rem;width:100%}.image-bar:hover .text-box{height:270px;transition:all .3s ease-in-out}.image-bar:hover .description-reveal{display:flex;opacity:1;transition:all .3s ease-in-out;justify-content:center}.image-bar:hover .text-reveal{display:none;opacity:0;transition:all .3s ease-in-out}.hidden-text{position:relative;width:100%;text-align:center}.image-bar:nth-child(1):hover .textBox-container{transform:translateY(100%);transition:all .3s ease-in-out;z-index:1}.image-bar:nth-child(2):hover .textBox-container{transform:translateY(-100%);transition:all .3s ease-in-out;z-index:1}.image-bar:nth-child(3):hover .textBox-container{transform:translateY(100%);transition:all .3s ease-in-out;z-index:1}.image-bar:nth-child(4):hover .textBox-container{transform:translateY(-100%);transition:all .3s ease-in-out;z-index:1}.image-bar:nth-child(2):hover .text-box{justify-content:end}.image-bar:nth-child(4):hover .text-box{justify-content:end}.image-bar:nth-child(4) .description-reveal{color:#000}.image-bar:nth-child(4) .text-reveal{color:#000}.image-bar:nth-child(1) .textBox-container{background-color:#f095b9}.image-bar:nth-child(2) .textBox-container{background-color:#e09c79}.image-bar:nth-child(3) .textBox-container{background-color:#33535b}.image-bar:nth-child(4) .textBox-container{background-color:#e3dfa8}.image-bar:nth-child(1){background-color:#f095b9}.image-bar:nth-child(2){background-color:#e09c79}.image-bar:nth-child(3){background-color:#33535b}.image-bar:nth-child(4){background-color:#e3dfa8}.image-bar:nth-child(2){flex-direction:column-reverse}.image-bar:nth-child(4){flex-direction:column-reverse}.toggle-container{display:none}@media screen and (max-width: 768px){.image-bar-container{display:none}.toggle-container{width:100%;display:block}.toggle-header{padding:3.5rem 3.9rem;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.toggle-icon{font-size:3rem;line-height:0;font-weight:700}.toggle-item:nth-child(1){background-color:#f095b9;color:#fff}.toggle-item:nth-child(2){background-color:#e09c79;color:#fff}.toggle-item:nth-child(3){background-color:#33535b;color:#fff}.toggle-item:nth-child(4){background-color:#e3dfa8}.toggle-content{display:none;padding:0 3.9rem 3.5rem}.toggle-content.open{display:block}}
/*# sourceMappingURL=/cdn/shop/t/134/assets/why-we-are-different.css.map */