.banner-box{background:#f6f5f0;padding:60px 0 40px;border-radius:0 0 0 140px;position:relative}.banner-box:before,.banner-box:after{content:"";position:absolute;right:0;top:100%}.banner-box:before{background:#fff;width:95px;height:95px;z-index:2;border-radius:0 140px 0 0}.banner-box:after{background:#f6f5f0;width:95px;height:95px;z-index:1}.banner-box .container{display:flex;flex-wrap:wrap;align-items:center}.banner-leftbox{width:40%;position:relative}.banner-leftbox .girl-box-resume-img{background-color:#fff}.banner-rightbox{width:59.8%;padding-left:30px}.banner-rightbox p{font-size:2rem;line-height:3rem;margin-bottom:30px;color:#002d6b}.banner-rightbox h1{color:#002d6b}.banner-rightbox .green-cta-wrapper-mobile{display:none}.banner-rightbox ol{padding:0;margin:0 0 30px;color:#002d6b;list-style:none;font-family:"Nunito",sans-serif;counter-reset:nolist}.banner-rightbox ol li{position:relative;padding-left:55px;margin:0 0 15px;line-height:3.5rem;list-style:none}.banner-rightbox ol li:before{content:counter(nolist);counter-increment:nolist;width:35px;height:35px;background-color:#abd5dc;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;line-height:2.8rem;color:#002d6b;border-radius:50%;position:absolute;left:0;top:0}.banner-rightbox .mb0{display:flex;justify-content:space-between}.banner-rightbox .mb0 .green-cta{padding:12px 35px;min-width:300px}.banner-rightbox .mb0 .grey-cta{background:#cad5e2;color:#002d6b;display:inline-block;border-radius:26.4px;font-weight:800;font-size:2rem;top:0;line-height:2.7rem;padding:12px 35px;text-align:center;position:relative;text-transform:none;text-decoration:none;min-width:300px}.animation-container{width:100%;height:464px;position:relative;background-color:#f6f5f0;overflow:hidden}.box-doted-bg{position:absolute;width:328px;height:327px;z-index:1;background:linear-gradient(90deg, #f6f5f0 20px, transparent 1%) center,linear-gradient(#f6f5f0 20px, transparent 1%) center,#394d6b;background-size:22px 21px;transform:translate(66px, 80px)}.inner-box{position:absolute;z-index:2;top:0;left:16px;width:365px;height:432px;overflow:hidden}.yellow-box{position:absolute;z-index:3;background:#ff8873 0 0 no-repeat padding-box;width:262px;height:323px;transform:translate(0, 148px);border-radius:70px 0 0 0}.blue-box{position:absolute;z-index:2;background:#efc778 0 0 no-repeat padding-box;border-radius:70px 0;width:267px;height:431px;transform:translate(98px, 0)}.girl-box{width:365px;height:432px;position:absolute;z-index:4;border-radius:0 0 70px 0;transform:translate(0, 0);overflow:hidden}.girl-box img{position:absolute;bottom:-5px;right:0;width:355px;height:434px}.girl-box-resume-img{position:absolute;z-index:5;transform:translate(0, 500px);width:323px;height:auto;background-color:#fff}.state-1{animation-name:fake-animation-state-1;animation-duration:7s}.state-1 .yellow-box{animation-name:yellow-box-turn-circle-to-rectangle-state-1;animation-delay:5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.12, 1.56, 0.72, 0.9);animation-duration:1s}.state-1 .blue-box{animation-delay:5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.12, 1.56, 0.72, 0.9);animation-name:blue-box-turn-small-to-hide-state-1;animation-duration:1s}.state-1 .girl-box{animation-delay:5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.12, 1.56, 0.72, 0.9);animation-name:girl-move-left-state-1;animation-duration:.6s}.state-1 .girl-box-resume-img{animation-delay:5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.12, 1.56, 0.72, 0.9);animation-delay:6s;animation-name:resume-image-show-state-1;animation-duration:.6s}@keyframes fake-animation-state-1{0%{position:relative}100%{position:relative}}@keyframes girl-move-left-state-1{0%{transform:translateX(0px)}100%{transform:translateX(400px)}}@keyframes yellow-box-turn-circle-to-rectangle-state-1{40%{width:182px;height:184px;transform:translate(0, 100px);border-radius:101px}60%{width:182px;height:184px;transform:translate(0, 100px);border-radius:101px}100%{width:322px;height:456px;transform:translate(15px, 15px);border-radius:0}}@keyframes blue-box-turn-small-to-hide-state-1{40%{width:193px;height:279px;transform:translate(98px, 154px)}60%{width:193px;height:279px;transform:translate(98px, 154px)}100%{width:193px;height:0;transform:translate(98px, 460px)}}@keyframes resume-image-show-state-1{100%{transform:translate(0px, 0px)}}.show-img-2 .yellow-box{width:322px;height:418px;transform:translate(15px, 15px);border-radius:0;background:#ff8873 0 0 no-repeat padding-box}.show-img-2 .blue-box{width:193px;height:0;transform:translate(98px, 460px)}.show-img-2 .girl-box{transform:translateX(400px)}.show-img-2 .girl-box-resume-img{transform:translate(0px, 0px)}.state-2{animation-name:fake-animation-state-2;animation-duration:7s}.state-2 .yellow-box{width:322px;height:418px;transform:translate(15px, 15px);border-radius:0;animation-delay:5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.12, 1.56, 0.72, 0.9);animation-name:yellow-box-turn-rectangle-to-circle-state-2;animation-duration:1s}.state-2 .blue-box{width:193px;height:0;transform:translate(98px, 460px);animation-delay:5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.12, 1.56, 0.72, 0.9);animation-name:blue-box-turn-hide-to-small-state-2;animation-duration:1s}.state-2 .girl-box{transform:translateX(400px);animation-delay:5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.12, 1.56, 0.72, 0.9);animation-delay:6s;animation-name:girl-move-right-state-2;animation-duration:.6s}.state-2 .girl-box-resume-img{transform:translate(0px, 0px);animation-delay:5s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.12, 1.56, 0.72, 0.9);animation-delay:4.7s;animation-name:resume-image-hide-state-2;animation-duration:.6s}@keyframes fake-animation-state-2{0%{position:relative}100%{position:relative}}@keyframes girl-move-right-state-2{100%{transform:translateX(0)}}@keyframes yellow-box-turn-rectangle-to-circle-state-2{0%{width:322px;height:456px;transform:translate(15px, 15px);border-radius:0}40%{width:182px;height:184px;transform:translate(0, 100px);border-radius:101px}60%{width:182px;height:184px;transform:translate(0, 100px);border-radius:101px}100%{width:262px;height:323px;transform:translate(0, 148px);border-radius:70px 0 0 0}}@keyframes blue-box-turn-hide-to-small-state-2{0%{width:193px;height:0;transform:translate(98px, 460px)}40%{width:193px;height:279px;transform:translate(98px, 154px)}60%{width:193px;height:279px;transform:translate(98px, 154px)}100%{width:267px;height:431px;transform:translate(98px, 0)}}@keyframes resume-image-hide-state-2{100%{transform:translate(0px, 500px)}}@media only screen and (max-width: 1139px){.blade-container .mb0 .green-cta,.blade-container .mb0 .grey-cta{min-width:250px}.banner-rightbox .mb0 .grey-cta{transition-duration:1s;-webkit-transition-duration:1s}.banner-rightbox .mb0 .grey-cta:hover{box-shadow:0 8px 0 #002d6b;top:-7px;transition-duration:.5s;-webkit-transition-duration:.5s;color:#002d6b}}@media only screen and (max-width: 1199px){.banner-box{padding:60px 0;border-radius:0 0 0 60px}.banner-box:before,.banner-box:after{width:60px;height:60px}.banner-leftbox:before{left:45px}.banner-rightbox .mb0{display:block}.banner-rightbox .mb0 .green-cta{margin-bottom:30px}}@media only screen and (max-width: 992px){.banner-box{border-radius:0 0 0 60px}.banner-leftbox{text-align:center;width:100%;order:2}.banner-rightbox{width:100%;padding-left:0;order:1;margin-bottom:30px}.banner-rightbox h1{font-size:4rem;line-height:4.8rem;text-align:center}.banner-rightbox .green-cta-wrapper-mobile{display:block;margin-bottom:40px;text-align:center}.banner-rightbox .green-cta-wrapper-mobile a.grey-cta{margin-top:30px;background:#cad5e2;color:#002d6b;display:inline-block;border-radius:26.4px;font-weight:800;font-size:2rem;top:0;line-height:2.7rem;padding:12px 35px;text-align:center;position:relative;text-transform:none;text-decoration:none}.banner-rightbox .mb0{display:none}.banner-rightbox .mb0 .grey-cta{display:none}.banner-rightbox a.green-cta,.banner-rightbox a.grey-cta{width:100%}.mb0{text-align:center}.girl-box-resume-img{left:0}.box-doted-bg{transform:translate(30px, 80px)}.animation-container{width:361px;margin:0 auto}}@media only screen and (max-width: 767px){.banner-box{padding:50px 0;margin:0 0 60px}.banner-box .container{max-width:540px}.animation-container{width:100%}.inner-box{left:0}}