.lifecycle{padding-top:40px;padding-bottom:40px}@media (max-width:767px){.lifecycle{padding-top:20px;padding-bottom:20px}}.lifecycle .lifecycle-left{padding-left:1rem}@media (max-width:1199px){.lifecycle .lifecycle-left{padding-right:1rem}}.lifecycle .lifecycle-left .hexagon-box{width:100%;padding-left:50px}@media (max-width:1799px){.lifecycle .lifecycle-left .hexagon-box{padding-left:0}}.lifecycle .lifecycle-left .hexagon-hoder{width:739px;height:739px;position:relative}@media (min-width:1200px) and (max-width:1639px){.lifecycle .lifecycle-left .hexagon-hoder{width:540px;height:540px}}@media (min-width:768px) and (max-width:991px){.lifecycle .lifecycle-left .hexagon-hoder{width:540px;height:540px}}@media (max-width:767px){.lifecycle .lifecycle-left .hexagon-hoder{width:400px;height:400px}}@media (max-width:575px){.lifecycle .lifecycle-left .hexagon-hoder{width:240px;height:240px}}.lifecycle .lifecycle-left .hexagon-hoder .navigation{width:154px;display:flex;position:absolute;top:calc(50% - 32px);left:calc(50% - 77px);justify-content:space-between}@media (max-width:767px){.lifecycle .lifecycle-left .hexagon-hoder .navigation{width:94px;top:calc(50% - 18px);left:calc(50% - 45px)}}@media (max-width:575px){.lifecycle .lifecycle-left .hexagon-hoder .navigation{width:64px;left:calc(50% - 30px)}}.lifecycle .lifecycle-left .hexagon-hoder .navigation .icon{cursor:pointer;font-size:74px;height:64px;width:74px;position:relative;color:#3677e0;transition:color .3s ease 0s}@media (max-width:767px){.lifecycle .lifecycle-left .hexagon-hoder .navigation .icon{font-size:40px;width:44px;height:44px}}.lifecycle .lifecycle-left .hexagon-hoder .navigation .icon:before{top:0;left:0;width:74px;height:64px;position:absolute}.lifecycle .lifecycle-left .hexagon-hoder .navigation .icon:hover{color:#01245b}.lifecycle .lifecycle-left .hexagon-hoder .navigation .icon.prev{margin-left:-20px}.lifecycle .lifecycle-left .hexagon-hoder .navigation .icon.next{margin-right:-20px}.lifecycle .lifecycle-left .hexagon-hoder .navigation .icon.desable{color:#edf4ff;cursor:not-allowed}.lifecycle .lifecycle-left .hexagon-hoder .navigation .icon.desable:hover{color:#edf4ff}.lifecycle .lifecycle-left .hexagon-hoder .pin{position:absolute;font-family:Bebas Neue,Arial,cursive;font-size:30px;font-weight:200;padding:12px 15px 8px;border:3px solid #fff;line-height:1;transition:all .5s ease 0s;white-space:nowrap;display:none}@media (min-width:1200px) and (max-width:1639px){.lifecycle .lifecycle-left .hexagon-hoder .pin{font-size:20px}}@media (min-width:768px) and (max-width:991px){.lifecycle .lifecycle-left .hexagon-hoder .pin{font-size:20px}}@media (max-width:767px){.lifecycle .lifecycle-left .hexagon-hoder .pin{font-size:20px}}@media (max-width:575px){.lifecycle .lifecycle-left .hexagon-hoder .pin{font-size:14px;padding:6px 7px 4px;border:1px solid #fff}}.lifecycle .lifecycle-left .hexagon-hoder .pin.wrap-text{max-width:180px;white-space:unset}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-1{left:498px;top:-22px;display:block}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-2{left:756px;top:156px;display:block}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-3{left:756px;top:523px;display:block}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-4{left:498px;top:705px;display:block}@media (min-width:1200px) and (max-width:1639px){.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-1{left:398px;top:-20px}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-2{left:566px;top:110px}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-3{left:566px;top:378px}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-4{left:398px;top:510px}}@media (min-width:768px) and (max-width:991px){.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-1{left:398px;top:-20px}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-2{left:566px;top:110px}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-3{left:566px;top:378px}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-4{left:398px;top:510px}}@media (max-width:767px){.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-1{left:328px;top:-20px}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-2{left:406px;top:75px}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-3{left:406px;top:272px}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-4{left:328px;top:369px}}@media (max-width:575px){.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-1{left:218px;top:-10px}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-2{left:241px;top:47px}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-3{left:241px;top:167px}.lifecycle .lifecycle-left .hexagon-hoder .pin.pin-4{left:218px;top:224px}}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box{position:absolute;left:0;top:0;width:100%;height:100%}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin{border:3px solid #3677e0;display:block}@media (max-width:575px){.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin{border:1px solid #3677e0}}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin span{position:absolute;top:24px;height:0;border-bottom:2px dotted #3677e0;transition:all .5s ease 0s}@media (min-width:1200px) and (max-width:1639px){.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin span{top:21px}}@media (min-width:768px) and (max-width:991px){.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin span{top:21px}}@media (max-width:767px){.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin span{top:20px}}@media (max-width:575px){.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin span{top:24px;border-bottom:1px dotted #3677e0}}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-1{left:498px;top:-22px;display:block}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-1 span{left:-130px;width:130px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-2{left:756px;top:156px;display:block}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-2 span{left:-70px;width:70px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-3{left:756px;top:523px;display:block}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-3 span{left:-70px;width:70px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-4{left:498px;top:705px;display:block}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-4 span{left:-130px;width:130px}@media (min-width:1200px) and (max-width:1639px){.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-1{left:398px;top:-20px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-2{left:566px;top:110px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-3{left:566px;top:378px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-4{left:398px;top:510px}}@media (min-width:768px) and (max-width:991px){.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-1{left:398px;top:-20px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-2{left:566px;top:110px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-3{left:566px;top:378px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-4{left:398px;top:510px}}@media (max-width:767px){.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-1{left:328px;top:-20px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-2{left:406px;top:75px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-2 span{left:-36px;width:36px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-3{left:406px;top:272px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-3 span{left:-36px;width:36px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-4{left:328px;top:371px}}@media (max-width:575px){.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-1{left:218px;top:-10px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-1 span{left:-100px;width:100px;top:11px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-2{left:241px;top:47px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-2 span{left:-22px;width:22px;top:11px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-3{left:241px;top:167px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-3 span{left:-22px;width:22px;top:11px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-4{left:218px;top:224px}.lifecycle .lifecycle-left .hexagon-hoder .hexagon-pin-box .pin.pin-4 span{left:-100px;width:100px;top:11px}}.lifecycle .lifecycle-left .hexagon{background-image:url(../../../../../../../../../themes/docan/app/images/lifecycle-hexagon-big.svg)}.lifecycle .lifecycle-left .hexagon,.lifecycle .lifecycle-left .hexagon-sub{position:absolute;left:0;top:0;width:100%;height:100%;background-position:50%;background-size:cover;background-repeat:no-repeat;transition:all .3s ease 0s}.lifecycle .lifecycle-left .hexagon-sub{background-image:url(../../../../../../../../../themes/docan/app/images/lifecycle-hexagon-mid.svg)}.lifecycle .lifecycle-left .hexagon-pin-list{position:absolute;left:0;top:0;width:100%;height:100%}.lifecycle .lifecycle-right{display:flex;flex-direction:column;max-width:556px;margin-left:0;margin-right:auto;padding-right:1rem}@media (max-width:1799px){.lifecycle .lifecycle-right{margin-left:auto;margin-right:0}}@media (max-width:1199px){.lifecycle .lifecycle-right{padding-left:1rem;margin-left:0;margin-right:auto;padding-top:80px;max-width:inherit}}.lifecycle .lifecycle-title{padding-bottom:20px}.lifecycle .lifecycle-content{padding-bottom:40px}.lifecycle .lifecycle-content p{font-size:28px}@media (min-width:1200px) and (max-width:1399px){.lifecycle .lifecycle-content p{font-size:20px}}@media (min-width:768px) and (max-width:991px){.lifecycle .lifecycle-content p{font-size:20px}}@media (max-width:767px){.lifecycle .lifecycle-content p{font-size:20px}}.lifecycle .lifecycle-sub_title{padding-bottom:30px}.lifecycle .lifecycle-sub_title p{font-size:28px}@media (max-width:767px){.lifecycle .lifecycle-sub_title p{font-size:20px}}