.banner-subscription-article{background:#f1ebff;border-radius:16px;padding:64px;display:flex;flex-direction:row;gap:64px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.banner-subscription-article .content-banner{display:flex;flex-direction:column;gap:32px;align-items:flex-start;justify-content:flex-start;flex:1;position:relative}.banner-subscription-article .text{display:flex;flex-direction:column;gap:16px;max-width:95%;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.banner-subscription-article .headline{text-align:left;font-family:"Articulat CF",sans-serif;font-size:calc(25px + 3*(100vw - 1920px)/640);line-height:107%;font-weight:600;letter-spacing:-0.28px;position:relative;align-self:stretch;transform-origin:0 0;transform:rotate(0deg) scale(1, 1)}.banner-subscription-article .subtitle{color:#505259;text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:140%;font-weight:400;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:flex-start}.banner-subscription-article .mail-subscription{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-end;align-self:stretch;flex-shrink:0;position:relative}.banner-subscription-article .mail-subscription.--laptop{display:none}.banner-subscription-article .inputs{width:100%}.banner-subscription-article .inputs form{display:flex;flex-direction:row;gap:16px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.banner-subscription-article .inputs form .wpcf7-not-valid-tip{margin-top:8px}.banner-subscription-article input{color:#17171a;text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:140%;font-weight:500;position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%}.banner-subscription-article .input-wrap{display:flex;position:relative}.banner-subscription-article .input-for-banners{background:#fefefe;border-radius:8px;border-style:solid;border-color:#c4c5cc;border-width:1px;padding:16px 40px 16px 56px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:400px;height:60px;font-weight:500;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;position:relative;transition:.3s}.banner-subscription-article .input-for-banners:hover{border-color:#17171a}.banner-subscription-article .input-for-banners:hover ::-webkit-input-placeholder{color:#17171a}.banner-subscription-article .input-for-banners:hover ::-moz-placeholder{color:#17171a}.banner-subscription-article .input-for-banners:hover :-ms-input-placeholder{color:#17171a}.banner-subscription-article .input-for-banners:hover :-moz-placeholder{color:#17171a}.banner-subscription-article .input-for-banners.wpcf7-not-valid{border-color:#f65931}.banner-subscription-article ::-webkit-input-placeholder{color:#505259;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;transition:.3s}.banner-subscription-article ::-moz-placeholder{color:#505259;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;transition:.3s}.banner-subscription-article :-ms-input-placeholder{color:#505259;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;transition:.3s}.banner-subscription-article :-moz-placeholder{color:#505259;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);font-weight:400;transition:.3s}.banner-subscription-article .yellow-btn{padding:8px 32px 8px 32px;height:60px;min-width:232px;gap:20px;justify-content:center;width:280px}.banner-subscription-article .yellow-btn .card_btn{display:none}.banner-subscription-article .content2{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative;width:100%}.banner-subscription-article .icons-mail{flex-shrink:0;width:24px;height:24px;overflow:hidden;position:absolute;left:16px;top:18px}.banner-subscription-article .clear-icon{position:absolute;width:24px;height:24px;top:18px;right:16px;display:none;cursor:pointer}.banner-subscription-article .elements{position:absolute;left:2px;top:3.5px;overflow:visible}.banner-subscription-article .text2{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:center;flex-shrink:0;position:relative;width:calc(100% - 36px)}.banner-subscription-article .placeholder{color:#505259;text-align:left;font:400 20px/28px "Mariupol",sans-serif;position:relative;display:flex;align-items:center;justify-content:flex-start}.banner-subscription-article .right-icons{display:flex;flex-direction:row;gap:0px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;width:24px;height:24px;position:relative}.banner-subscription-article .button{background:#fff01f;border-radius:8px;border-style:solid;border-color:#505259;border-width:1px;padding:8px 8px 8px 32px;display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:2px 2px 0px 0px #45494d}.banner-subscription-article .text3{color:#17171a;text-align:left;font-weight:400;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:120%;font-family:"Articulat CF",sans-serif;position:relative;display:flex;align-items:center;justify-content:flex-start}.banner-subscription-article .arrow-circle{background:#17171a;border-radius:4px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.banner-subscription-article .icons-arrows{width:24px;height:24px;position:absolute;left:10px;top:10px;overflow:hidden}.banner-subscription-article .arrow{position:absolute;left:3px;top:5px;transform:translate(-0.75px, -0.75px);overflow:hidden}.banner-subscription-article .icons-arrows2{opacity:0;width:24px;height:24px;position:absolute;left:-24px;top:10px;overflow:hidden}.banner-subscription-article .arrow2{position:absolute;left:3px;top:5px;overflow:hidden}.banner-subscription-article .text4{color:#17171a;text-align:left;font:400 17px/24px "Mariupol",sans-serif;position:relative;align-self:stretch;transform-origin:0 0;transform:rotate(0deg) scale(1, 1);display:flex;align-items:center;justify-content:flex-start}.banner-subscription-article .text-4-span2{text-decoration:underline}.banner-subscription-article .text-4-span4{text-decoration:underline}.banner-subscription-article .illustration{flex:1;max-width:360px;position:relative;overflow:hidden}@media(min-width: 2300px)and (max-width: 2400px){.banner-subscription-article{gap:32px}}@media(min-width: 1601px)and (max-width: 2300px){.banner-subscription-article{flex-wrap:wrap;gap:32px}.banner-subscription-article .headline{font-size:28px;line-height:107.143%;letter-spacing:-0.28px}.banner-subscription-article .subtitle{font-size:20px;line-height:140%}.banner-subscription-article .illustration{max-width:300px;flex:unset}.banner-subscription-article .input-for-banners{max-width:unset}.banner-subscription-article .mail-subscription{width:100%}.banner-subscription-article .mail-subscription.--laptop{display:flex}.banner-subscription-article .mail-subscription.--desk_mobile{display:none}.banner-subscription-article .input-wrap{flex:1}.banner-subscription-article .text4{font-size:14px;line-height:142.857%}}@media all and (max-width: 1919px)and (min-width: 1025px){.banner-subscription-article .headline{font-size:calc(25px + 1*(100vw - 1440px)/480)}.banner-subscription-article input{font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}.banner-subscription-article .yellow-btn{gap:16px}.banner-subscription-article .input-for-banners{max-width:100%}.banner-subscription-article ::-webkit-input-placeholder{font-size:calc(16px + 2*(100vw - 1025px)/894)}.banner-subscription-article ::-moz-placeholder{font-size:calc(16px + 2*(100vw - 1025px)/894)}.banner-subscription-article :-ms-input-placeholder{font-size:calc(16px + 2*(100vw - 1025px)/894)}.banner-subscription-article :-moz-placeholder{font-size:calc(16px + 2*(100vw - 1025px)/894)}.banner-subscription-article .icons-mail{flex-shrink:0;width:24px;height:24px;overflow:hidden;position:absolute;left:16px;top:18px}.banner-subscription-article .clear-icon{top:15px}}@media(min-width: 1367px)and (max-width: 1600px){.banner-subscription-article .illustration{max-width:300px}.banner-subscription-article{padding:48px;gap:64px}.banner-subscription-article .headline{line-height:125%;letter-spacing:-0.24px}.banner-subscription-article .text{gap:12px}.banner-subscription-article .yellow-btn{width:164px;min-width:unset}.banner-subscription-article .text4{font-size:12px;line-height:150%}.banner-subscription-article .mail-subscription{gap:20px}}@media(min-width: 786px)and (max-width: 1440px){.banner-subscription-article{gap:32px;padding:48px}.banner-subscription-article .headline{font-size:calc(24px + 4*(100vw - 768px)/672);line-height:125%}.banner-subscription-article .subtitle{font-size:16px;line-height:137.5%}.banner-subscription-article .text{gap:12px}.banner-subscription-article .text4{font-size:12px;line-height:150%}.banner-subscription-article .illustration{max-width:300px}.banner-subscription-article .inputs form{gap:12px}.banner-subscription-article .input-for-banners{min-width:unset}.banner-subscription-article .mail-subscription{gap:20px}}@media(min-width: 769px)and (max-width: 1366px){.banner-subscription-article{flex-wrap:wrap;gap:32px}.banner-subscription-article .headline{font-size:28px;line-height:107.143%;letter-spacing:-0.28px}.banner-subscription-article .subtitle{font-size:20px;line-height:140%}.banner-subscription-article .illustration{max-width:300px;flex:unset}.banner-subscription-article .input-for-banners{max-width:unset}.banner-subscription-article .mail-subscription{width:100%}.banner-subscription-article .mail-subscription.--laptop{display:flex}.banner-subscription-article .mail-subscription.--desk_mobile{display:none}.banner-subscription-article .input-wrap{flex:1}.banner-subscription-article .text4{font-size:14px;line-height:142.857%}}@media all and (max-width: 1024px){.banner-subscription-article{border-radius:24px;padding:40px 20px 24px 20px;display:flex;flex-direction:row;gap:20px 80px;align-items:flex-start;justify-content:center;flex-wrap:wrap;flex:1;position:relative;overflow:hidden}.banner-subscription-article .content{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-start;flex:1;min-width:280px;max-width:600px;position:relative}.banner-subscription-article .text{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.banner-subscription-article .headline{font-size:20px;line-height:110%;position:relative;align-self:stretch}.banner-subscription-article .mail-subscription{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:flex-end;align-self:stretch;flex-shrink:0;position:relative}.banner-subscription-article .inputs{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-end;align-self:stretch;flex-shrink:0;position:relative}.banner-subscription-article .inputs form{display:flex;gap:12px;align-items:flex-start;justify-content:flex-end;align-self:stretch;flex-shrink:0;position:relative}.banner-subscription-article .input-for-banners{border-radius:8px;padding:14px 16px 14px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative;min-width:100%}.banner-subscription-article .content2{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.banner-subscription-article .icons-mail{flex-shrink:0;width:24px;height:24px;position:relative;overflow:hidden}.banner-subscription-article .elements{position:absolute;left:2px;top:3.5px;overflow:visible}.banner-subscription-article .text2{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:center;flex-shrink:0;position:relative}.banner-subscription-article .placeholder{text-align:left;font:400 15px/20px "Mariupol",sans-serif;position:relative;display:flex;align-items:center;justify-content:flex-start}.banner-subscription-article .right-icons{display:flex;flex-direction:row;gap:0px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;width:24px;height:24px;position:relative}.banner-subscription-article .button{border-radius:8px;padding:8px 8px 8px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative;box-shadow:2px 2px 0px 0px #45494d}.banner-subscription-article .text3{text-align:left;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:120%;position:relative;display:flex;align-items:center;justify-content:flex-start}.banner-subscription-article .arrow-circle{border-radius:4px;flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden}.banner-subscription-article .icons-arrows{width:24px;height:24px;position:absolute;left:calc(50% - 12px);top:calc(50% - 12px);overflow:hidden}.banner-subscription-article .arrow{position:absolute;left:3px;top:5px;transform:translate(-0.75px, -0.75px);overflow:visible}.banner-subscription-article .icons-arrows2{opacity:0;width:24px;height:24px;position:absolute;left:calc(50% - 46px);top:calc(50% - 12px);overflow:hidden}.banner-subscription-article .arrow2{position:absolute;left:3px;top:5px;overflow:visible}.banner-subscription-article .text4{text-align:left;font:400 13px/18px "Mariupol",sans-serif;position:relative;align-self:stretch;height:54px;transform-origin:0 0;transform:rotate(0deg) scale(1, 1);display:flex;align-items:center;justify-content:flex-start}.banner-subscription-article .text-4-span{font:400 13px/18px "Mariupol",sans-serif}.banner-subscription-article .text-4-span2{font:400 13px/18px "Mariupol",sans-serif;text-decoration:underline}.banner-subscription-article .text-4-span3{font:400 13px/18px "Mariupol",sans-serif}.banner-subscription-article .text-4-span4{font:400 13px/18px "Mariupol",sans-serif;text-decoration:underline}.banner-subscription-article .text-4-span5{font:400 13px/18px "Mariupol",sans-serif}.banner-subscription-article .frame-11366{width:280px}.banner-subscription-article .big-llustration-1{width:280px}.banner-subscription-article .image{flex-shrink:0;width:280px;position:relative}.banner-subscription-article .wpcf7{width:100%}.banner-subscription-article .wpcf7-form-control-wrap{width:100%}.banner-subscription-article input{font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%}.banner-subscription-article .yellow-btn{gap:16px;height:52px;min-width:0;border-radius:8px;font-size:calc(15px + 1*(100vw - 360px)/664)}.banner-subscription-article .input-wrap{width:100%}.banner-subscription-article .input-for-banners{padding:14px 56px 14px 56px;max-width:100%;height:52px}.banner-subscription-article .icons-mail{flex-shrink:0;width:24px;height:24px;overflow:hidden;position:absolute;left:16px;top:14px}.banner-subscription-article .clear-icon{top:14px}}@media screen and (max-width: 768px){.banner-subscription-article{padding:32px 20px;flex-direction:column;align-items:center}.banner-subscription-article .subtitle{font-size:15px}.banner-subscription-article .content-banner{gap:16px}.banner-subscription-article .mail-subscription{max-width:100%;gap:16px}.banner-subscription-article .text{gap:12px}.banner-subscription-article .illustration{max-width:280px}.banner-subscription-article .yellow-btn{width:100%;justify-content:center;font-size:15px}.banner-subscription-article .yellow-btn:hover{background:#fff01f;box-shadow:1px 1px 0 0 #45494d}.banner-subscription-article .yellow-btn:active{background:#ff3;box-shadow:6px 6px 0px 0px #17181a}.banner-subscription-article .inputs form{flex-direction:column}.banner-subscription-article .input-for-banners{font-size:15px}.banner-subscription-article .input-for-banners::-webkit-input-placeholder{font-size:15px}.banner-subscription-article .input-for-banners::-moz-placeholder{font-size:15px}.banner-subscription-article .input-for-banners:-ms-input-placeholder{font-size:15px}.banner-subscription-article .input-for-banners:-moz-placeholder{font-size:15px}}/*# sourceMappingURL=banner-subscription-article.css.map */