.custom-image-text{padding:10vh 10vw;width:100%;height:100vh;overflow:hidden}.image-text-container{position:relative;width:100%;height:100%}.item-title{margin-bottom:1.4vh;color:#444;line-height:1.2;font-size:3.2rem;font-family:outfit;word-break:break-word}.item-content{color:#444;font-size:14px;line-height:1.6;word-break:break-word}.item-tag{display:flex;align-items:center;padding:10px;width:120px;height:120px;background-color:#f2cb04;border-radius:50%;color:#0c0d0f;font-size:18px;line-height:1.2;font-weight:800;text-align:center;font-family:Antonio;transform:rotate(15deg);opacity:0}@media screen and (max-width: 768px){.custom-image-text{padding:8.53vh 4vw!important}.custom-image-text.fourGrid{padding:1vw!important}.item-title{font-size:20px}.item-tag{width:90px;height:90px;font-size:14px}}.custom-image-text.textDynamicClose{padding:0!important;height:auto;overflow:visible}.textDynamicClose .image-text-container{height:325vh}.textDynamicClose .text-screen{margin-top:-50vh;width:100%;height:100vh;position:sticky;top:0}.textDynamicClose .text-item{display:flex;justify-content:center;flex-direction:column;gap:20vh;position:absolute;width:100%;height:100vh;overflow:hidden}.textDynamicClose .item-title{margin:0;width:25vw;font-size:3vw;font-weight:700;text-align:right;transform:translate(-100%)}.textDynamicClose .item-content{width:25vw;font-size:1.5vw;font-weight:600;font-family:outfit;transform:translate(400%)}.textDynamicClose .img-screen{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100vh;z-index:0}.textDynamicClose .item-img{height:70vh;border:1px solid #ff7f3e;border-radius:10px;overflow:hidden}.textDynamicClose .item-img img{width:100%;height:100%}@media screen and (max-width: 768px){.textDynamicClose .image-text-container{padding:15px;height:calc(100vh - 100px)}.textDynamicClose .img-screen{flex-direction:column;justify-content:flex-start;margin:0 auto;width:fit-content;border-radius:10px;border:1px solid #ff7f3e;overflow:hidden}.textDynamicClose .item-img{flex:0 0 100%;width:auto;height:100%;border:none;border-radius:0}.textDynamicClose .text-screen{position:relative;margin:0;height:fit-content}.textDynamicClose .text-item{gap:20px;padding:20px 0;height:fit-content}.textDynamicClose .item-title{padding-left:30vw;width:100%;font-size:24px;transform:translate(0)}.textDynamicClose .item-content{padding-right:30vw;width:100%;font-size:14px;transform:translate(0)}}.custom-image-text.lanternSlide{padding:0!important;height:100vh}.lanternSlide .image-text-container{display:flex;justify-content:flex-end;padding-top:calc(var(--topbar-height) + var(--header-height));overflow:hidden}.lanternSlide .img-screen{position:absolute;width:100%;height:calc(100vh - var(--topbar-height) * 2)}.lanternSlide .item-img{position:absolute;width:100%;height:100%;object-fit:cover;background-size:cover;display:none}.lanternSlide .item-img.active{display:block}.lanternSlide .text-screen{display:flex;justify-content:flex-end;height:100%;width:fit-content;z-index:1}.lanternSlide .text-item{display:flex;flex-direction:column;justify-content:flex-end;padding:3vh 1vh;width:12.5%;height:100%;text-align:right}.lanternSlide .item-number{flex:1;color:#fff;line-height:1;font-size:2.5vw;font-family:outfit;opacity:.7}.lanternSlide .item-title{color:#fff;font-size:18px;font-family:var(--font-body-family);opacity:.8;font-weight:600}.lanternSlide .item-content{height:0;color:#fff;font-size:16px;font-family:var(--font-body-family);opacity:0;overflow:hidden;line-height:1.6;font-family:outfit}.lanternSlide .item-btn{display:flex;justify-content:end;height:3vw}.lanternSlide .item-btn svg{display:block;width:auto;height:100%;transform:rotate(135deg);cursor:pointer}.lanternSlide .text-item.active{padding:3vh;width:37.5%}.lanternSlide .text-item.active .item-number{font-size:4vw;opacity:1}.lanternSlide .text-item.active .item-title{font-size:24px;opacity:1;font-weight:600;line-height:1.3;font-family:outfit}.lanternSlide .text-item.active .item-content{height:auto;opacity:1}.lanternSlide .text-item.active .item-btn{display:none}.lanternSlide .grid-screen{display:flex;justify-content:flex-end;position:absolute;width:100%;height:calc(100vh - var(--topbar-height) * 2)}.lanternSlide .grid-header{position:absolute;top:0;width:100%;height:auto;overflow:hidden}.lanternSlide .grid-header svg{display:block;margin-left:-1px;width:calc(100% + 2px);height:auto}.lanternSlide .grid-line{position:relative;width:12.5%;height:100%;opacity:.5}.lanternSlide .grid-line:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:repeating-linear-gradient(to bottom,#fff,#fff .5vw,transparent .5vw,transparent 1.5vw)}.lanternSlide .scroll-mark{position:absolute;width:200%;height:calc(100vh - var(--topbar-height) * 2);background-color:#ff7f3e;transform:translate(100%)}@media screen and (max-width: 768px){.custom-image-text.lanternSlide{height:auto}.lanternSlide .image-text-container{flex-direction:column;height:auto}.lanternSlide .image-text-item{position:relative;width:100%;height:auto}.lanternSlide .image-text-item:before{position:absolute;display:block;content:"";width:100%;height:100%;background:linear-gradient(to bottom,transparent,#000);z-index:1}.lanternSlide .item-img{display:block;position:relative;height:auto}.lanternSlide .item-img img{width:100%;height:auto}.lanternSlide .text-item{position:absolute;top:0;margin:0 15px;padding:25px 0;width:calc(100% - 30px);height:100%;z-index:1}.lanternSlide .image-text-item:not(:nth-last-child(2)) .text-item{border-bottom:1px solid #f0eeeb}.lanternSlide .item-number{font-size:35px;font-weight:500}.lanternSlide .item-title{font-size:20px;text-align:left;font-weight:600;opacity:1}.lanternSlide .item-content{height:auto;font-size:14px;text-align:left;opacity:.85}.lanternSlide .grid-header{top:var(--topbar-height)}}.flipCard.custom-image-text{height:auto}.flipCard .image-text-container{display:flex;flex-wrap:wrap;justify-content:space-between;height:auto}.flipCard .cs-title{margin-bottom:5vh;width:100%;color:#444;font-size:3vw;line-height:1.3;font-weight:700;font-family:outfit}.flipCard .image-text-item{position:relative;transform-style:preserve-3d;transform-origin:center;flex:0 0 33%;height:400px}.flipCard .item-front,.flipCard .item-back{position:absolute;width:100%;height:100%;backface-visibility:hidden}.flipCard .item-front{padding:2vw;background-color:#8e8e8e;border-radius:10px}.flipCard .item-title{color:inherit;font-size:2vw;font-weight:600;font-family:Outfit;line-height:1.4;padding-right:10%;margin-bottom:3vh}.flipCard .item-logo{padding:1vw;background-color:#000;width:35%;border-radius:10px}.flipCard .item-logo svg{display:block;width:100%;height:auto}.flipCard .item-back{transform:rotateY(-180deg);border-radius:10px;overflow:hidden}.flipCard .item-img,.flipCard .item-img img{width:100%;height:auto}.flipCard .item-content{position:absolute;top:0;padding:1.5vw;width:100%;height:100%;color:#fff;font-family:outfit}.flipCard .image-text-item:nth-child(2) .item-front{background-color:#d9d7ed;color:#604cc3}.flipCard .image-text-item:nth-child(2) .item-logo{background-color:#604cc3}.flipCard .image-text-item:nth-child(3) .item-front{background-color:#d8ecd1;color:#376028}.flipCard .image-text-item:nth-child(3) .item-logo{background-color:#376028}.flipCard .image-text-item:nth-child(4) .item-front{background-color:#efd2ce;color:#a55b58}.flipCard .image-text-item:nth-child(4) .item-logo{background-color:#a55b58}@media screen and (max-width: 768px){.flipCard.custom-image-text{padding:15px!important}.flipCard .cs-title{font-size:28px;margin-bottom:3vh}.flipCard .item-front{padding:3vh}.flipCard .image-text-item{flex:0 0 100%;margin-bottom:15px}.flipCard .item-title{font-size:25px;padding-right:20%;margin-bottom:3vh}.flipCard .item-logo{width:30%}.flipCard .item-content{padding:2.5vh}}.threeCols.custom-image-text{padding:2vw 15px;background-color:#604dc3;height:auto}.threeCols .cs-title{position:relative;margin-bottom:5vh;width:100%;color:#444;font-size:3vw;line-height:1.2;font-weight:700;font-family:outfit}.threeCols .bg-tree{position:absolute;right:0;bottom:-5vh;width:auto;height:6vw}.threeCols .bg-tree svg{display:block;width:auto;height:100%}.threeCols .image-text-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:3vw 4vw;height:auto;background-color:#f3f2ed;border-radius:10px}.threeCols .image-text-item{position:relative;transform-style:preserve-3d;transform-origin:center;flex:0 0 30%;border:1px solid #bebdb8;border-radius:0 0 30px}.threeCols .item-top{position:relative;overflow:hidden}.threeCols .item-top .cs-image{transition:scale .3s ease}.threeCols .item-top:hover .cs-image{scale:1.1}.threeCols .item-content{position:absolute;top:0;display:flex;align-items:center;padding:2vw;width:100%;height:100%;background-color:#000000bf;text-align:center;color:#fff;font-weight:300;opacity:0;transition:all .3s ease;font-family:outfit}.threeCols .item-top:hover .item-content{opacity:1}.threeCols .item-title{margin:0;padding:1vw;width:100%;min-height:70px;font-size:1.2vw;line-height:1.4;color:#424242;font-weight:500}@media screen and (max-width: 768px){.threeCols .cs-title{color:#fff;font-size:30px;margin-bottom:4vh}.threeCols .image-text-container{padding:0;background-color:transparent}.threeCols .image-text-item{flex:0 0 100%;background-color:#f3f2ed;border-radius:0 0 15px}.threeCols .item-bottom{padding:10px 15px 20px}.threeCols .item-content{position:relative;padding:5px 0 20px;height:auto;font-size:12px;opacity:1;background-color:transparent;color:#7f7f7f;text-align:left;border-bottom:1px solid;font-weight:400}.threeCols .item-title{padding:15px 0;font-size:18px}.threeCols .swiper-button-next,.threeCols .swiper-button-prev{top:auto;bottom:10px;right:10px;width:4.5vh;height:4.5vh}.threeCols .swiper-button-prev{left:auto;right:calc(4.5vh + 20px)}.threeCols .swiper-button-next:after,.threeCols .swiper-button-prev:after{display:none}.threeCols .swiper-button-prev svg,.threeCols .swiper-button-next svg{width:100%;height:100%}.threeCols.custom-image-text{padding:3vh 4vw!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/custom-image-text.css.map */