@charset "UTF-8";
/* https://wpa.margex.org/en/blog/wp-content/themes/margex-blog-v2/assets/css/block-subscribe-full.css?ver=2.0.3 */
.block.block-subscribe-full{padding:66px 53px 66px 53px;background:linear-gradient(0deg,#0B0B0F,#0B0B0F),linear-gradient(34.11deg,#3071EE -56.08%,rgba(19,22,34,0) 71.41%);width:calc(100% - 53px - 53px);position:relative;border-radius:12px}.block.block-subscribe-full.st2,.block.block-subscribe-full.st3{padding:24px 60px 24px 60px;width:calc(100% - 120px);height:311px}.block.block-subscribe-full .block-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:url(/en/blog/wp-content/themes/margex-blog-v2/assets/css/../images/v2/bg12.svg) no-repeat scroll right -330px;background-size:auto auto;border-radius:12px}.block.block-subscribe-full.st2 .block-background,.block.block-subscribe-full.st3 .block-background{background:url(/en/blog/wp-content/themes/margex-blog-v2/assets/css/../images/v2/bg12.svg) no-repeat scroll right -330px;background-size:auto auto}.block.block-subscribe-full .block-content{position:relative;z-index:2;width:100%}.block.block-subscribe-full .block-content .step{display:none;width:100%}.block.block-subscribe-full .block-content .step.active{display:flex;display:-webkit-flex}.block.block-subscribe-full .block-content .step-1 .form-subscribe{width:100%}.block.block-subscribe-full .block-content .step-1 .form-subscribe .news-subscribe-form{width:100%;display:flex;display:-webkit-flex;gap:32px;align-items:center;-webkit-align-items:center}.block.block-subscribe-full .block-content .step-1 .form-title{flex:1 1 auto;-webkit-flex:1 1 auto;color:#FFF;font-size:36px;font-weight:500;line-height:44px}.block.block-subscribe-full .block-content .step-1 .form-item{flex:0 0 auto;-webkit-flex:0 0 auto;width:378px;position:relative}.block.block-subscribe-full .block-content .step-1 .form-item .form-text{padding:15px 150px 15px 16px;width:calc(100% - 2px - 150px - 16px);height:22px;border-radius:12px;border:1px solid #454F69;background:none}.block.block-subscribe-full .block-content .step-1 .form-item .form-text.error{border:1px solid #E51C23}.block.block-subscribe-full .block-content .step-1 .form-item .form-submit{position:absolute;top:0;bottom:0;right:0;z-index:2}.block.block-subscribe-full .block-content .step-2{flex-wrap:wrap;-webkit-flex-wrap:wrap;align-items:flex-start;-webkit-align-items:flex-start;align-content:flex-start;-webkit-align-content:flex-start}.block.block-subscribe-full .block-content .step-2 .success-animation{flex:0 0 100%;-webkit-flex:0 0 100%;text-align:center}.block.block-subscribe-full .block-content .step-2 .success-animation img{width:152px;height:152px}.block.block-subscribe-full .block-content .step-2 .success-text{flex:0 0 100%;-webkit-flex:0 0 100%;text-align:center;font-size:36px;font-weight:700;line-height:44px;color:#F1F1F1}.block.block-subscribe-full .block-content .step-3{flex-wrap:wrap;-webkit-flex-wrap:wrap;align-items:flex-start;-webkit-align-items:flex-start;align-content:flex-start;-webkit-align-content:flex-start}.block.block-subscribe-full .block-content .step-3 .fail-animation{flex:0 0 100%;-webkit-flex:0 0 100%;text-align:center}.block.block-subscribe-full .block-content .step-3 .fail-animation img{width:130px;height:130px}.block.block-subscribe-full .block-content .step-3 .error-text{flex:0 0 100%;-webkit-flex:0 0 100%;text-align:center;color:#E51C23;font-size:36px;font-weight:700;line-height:44px;margin-bottom:32px}.block.block-subscribe-full .block-content .step-3 .retry{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;width:100%}.block.block-subscribe-full .block-content .step-3 .retry div{cursor:pointer;padding:14px 28px;border-radius:10px;background:linear-gradient(88deg,#003FFF 1.46%,#006BFF 62.42%,#0085FF 126.76%);color:#EAECEE;text-align:center;font-size:18px;font-weight:500;line-height:24px}.block.block-subscribe-full .block-content .step-3 .retry div:hover{background:linear-gradient(88deg,#0633BB 1.46%,#0034D2 1.47%,#024EB7 64.74%,#06F 126.76%)}@media screen and (max-width:960px){.block.block-subscribe-full{padding:32px 28px;width:calc(100% - 56px)}.block.block-subscribe-full .block-background{background:url(/en/blog/wp-content/themes/margex-blog-v2/assets/css/../images/v2/bg12.svg) no-repeat scroll right -330px;background-size:auto auto}.block.block-subscribe-full .block-content .step-1 .form-title{font-size:28px;font-weight:500;line-height:32px}.block.block-subscribe-full .block-content .step-1 .form-subscribe .news-subscribe-form{gap:16px}.block.block-subscribe-full .block-content .step-2 .success-text{font-size:28px;font-weight:500;line-height:32px}.block.block-subscribe-full .block-content .step-3 .error-text{font-size:28px;font-weight:500;line-height:32px}.block.block-subscribe-full.st2,.block.block-subscribe-full.st3{height:280px}}@media screen and (max-width:880px){.block.block-subscribe-full .block-content .step-1 .form-item{width:333px}}@media screen and (max-width:700px){.block.block-subscribe-full{padding:38px;width:calc(100% - 76px)}.block.block-subscribe-full .block-content .step-1 .form-subscribe .news-subscribe-form{flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content:center;gap:32px}.block.block-subscribe-full .block-content .step-1 .form-title{flex:0 0 auto;-webkit-flex:0 0 auto;width:100%;text-align:center}.block.block-subscribe-full .block-content .step-1 .form-item{width:100%}}@media screen and (max-width:500px){.block.block-subscribe-full .block-content .step-1 .form-item .form-text{padding:10px 108px 10px 16px;width:calc(100% - 2px - 108px - 16px);height:22px}.block.block-subscribe-full .block-content .step-1 .form-item .form-submit{padding:10px 20px;font-size:16px;font-style:normal;font-weight:500;line-height:24px;height:44px}}