.co-learn-5{z-index:1;background-color:#fff;overflow:hidden}.co-learn-5-frame{max-width:var(--page-width);margin:0 auto;padding-top:40px;padding-bottom:40px}.co-learn-5-mantra{width:30%;max-width:450px;top:10%;left:-10%}.co-learn-5-title h2{font-size:var(--co-text-size-70);text-align:center;color:var(--co-dark-blue);max-width:1050px;margin:0 auto}.co-learn-5-title h3{font-size:var(--co-text-size-30);font-weight:400;text-align:center;color:var(--co-dark-blue);margin-top:40px;margin-left:auto;margin-right:auto;max-width:650px;line-height:1.3em}.co-learn-5-comp-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--page-margin);max-width:calc(var(--page-width) * .65);margin-left:auto;margin-right:auto;margin-top:20px}.co-learn-5-comp-2{margin-top:100%}.co-learn-5-comp{max-width:500px;margin:0 auto;padding-top:20px}.co-learn-5-comp-top{z-index:2}.co-learn-5-comp-top-wrapper{--co-padding: 10px;width:calc(100% - var(--co-padding) * 2);margin:0 auto}.co-learn-5-comp-top-bg{border-radius:50%;box-shadow:0 4px 20px #00000059}.co-learn-5-comp-1 .co-learn-5-comp-top-bg{background-color:#5994ce}.co-learn-5-comp-2 .co-learn-5-comp-top-bg{background-color:#97999b}.co-learn-5-comp-top-frame{height:0;padding-bottom:100%}.co-learn-5-comp-top-frame>div{--co-padding: 12%;top:var(--co-padding);left:var(--co-padding);width:calc(100% - var(--co-padding) * 2);height:calc(100% - var(--co-padding) * 2)}.co-learn-5-comp-bottom{--co-offset: 80px;z-index:1}.co-learn-5-comp-bottom-bg{top:calc(var(--co-offset) * -1);height:calc(100% + var(--co-offset));border-radius:50px}.co-learn-5-comp-1 .co-learn-5-comp-bottom-bg{background:linear-gradient(180deg,#b5d8fb 35.1%,#5993ce),#d9d9d9}.co-learn-5-comp-2 .co-learn-5-comp-bottom-bg{background:linear-gradient(180deg,#ced1d4 35.1%,#97999b),linear-gradient(180deg,#b5d8fb 35.1%,#5993ce),#d9d9d9}.co-learn-5-comp-bottom-frame{padding:20px 40px 40px}.co-learn-5-comp-li{display:flex;gap:20px}.co-learn-5-comp-li:not(:last-of-type){margin-bottom:20px}.co-learn-5-comp-icon{width:35px}.co-learn-5-comp-icon-x{width:70%}.co-learn-5-comp-text{font-size:var(--co-text-size-30);color:#191c74;font-weight:700;line-height:1.3}.co-learn-5-comp-1 .co-learn-5-comp-text{color:#191c74}.co-learn-5-comp-2 .co-learn-5-comp-text{color:#000}.co-learn-5-bee-start-trigger{top:0vw;height:0;opacity:0;visibility:hidden;pointer-events:none}.co-learn-5-bee-end-trigger{top:unset;bottom:30vw;height:0;opacity:0;visibility:hidden;pointer-events:none}.co-learn-5-bee-wrapper{top:35vw;z-index:3}.co-learn-5-bee{width:200px;z-index:2;pointer-events:none}.co-learn-5-bee-frame{height:0;padding-bottom:92%}.co-learn-5-bee-path{z-index:1;width:130vw;left:-15vw;opacity:0;visibility:hidden}.co-learn-5-bee-body{z-index:2;pointer-events:none}.co-learn-5-bee-layer-1{opacity:0}.co-learn-5-bee-layer-3{animation:co-learn-5-bee-hover-ani 2s infinite ease-in-out}.co-learn-5-bee-wing-1{width:70%;top:unset;left:unset;right:50%;bottom:84%;transform-origin:100% 100%;z-index:1;animation:co-learn-5-bee-wing-1-ani .5s infinite linear}.co-learn-5-bee-wing-2{width:70%;top:unset;left:unset;right:50%;bottom:84%;transform-origin:100% 100%;z-index:3;animation:co-learn-5-bee-wing-2-ani .5s infinite linear}@keyframes co-learn-5-bee-wing-1-ani{0%{transform:rotateX(0)}50%{transform:rotateX(-130deg)}to{transform:rotateX(0)}}@keyframes co-learn-5-bee-wing-2-ani{0%{transform:rotateX(0)}50%{transform:rotateX(180deg)}to{transform:rotateX(0)}}@keyframes co-learn-5-bee-hover-ani{0%{transform:translateY(0)}50%{transform:translateY(-20%)}to{transform:translateY(0)}}@media screen and (max-width:989px){.co-learn-5-bee-wrapper{top:50vw}}@media screen and (max-width:749px){.co-learn-5-comp-bottom-frame{padding:20px}.co-learn-5-comp-bottom-bg{border-radius:30px}.co-learn-5-comp-text{font-size:var(--co-text-size-20)}.co-learn-5-comp-li{gap:10px}.co-learn-5-comp-icon{width:25px}}@media screen and (max-width:600px){.co-learn-5-bee-wrapper{top:60vw}.co-learn-5-bee{width:140px}}@media screen and (max-width:479px){.co-learn-5-frame{padding-top:30px;padding-bottom:20px}.co-learn-5-comp-wrapper{gap:8px}.co-learn-5-comp-bottom-frame{padding:5px 8px 15px}.co-learn-5-comp-bottom-bg{border-radius:20px}.co-learn-5-comp-text{font-size:var(--co-text-size-20)}.co-learn-5-comp-li{gap:4px}.co-learn-5-comp-icon{width:15px;padding-top:3px}.co-learn-5-comp-li:not(:last-of-type){margin-bottom:10px}.co-learn-5-bee-wrapper{top:70vw}.co-learn-5-bee{width:100px}}@media screen and (max-width:379px){.co-learn-5-bee-wrapper{top:80vw}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/co-styles-learn-5.css.map */