.smf-ph-flag {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    background: url('../../images/flags.png') no-repeat -25px -25px;
}

.smf-ph-flag.smf-ph-flag-01,
.smf-ph-flag.smf-ph-flag-ap,
.smf-ph-flag.smf-ph-flag-bv,
.smf-ph-flag.smf-ph-flag-cs,
.smf-ph-flag.smf-ph-flag-cw,
.smf-ph-flag.smf-ph-flag-fx,
.smf-ph-flag.smf-ph-flag-gf,
.smf-ph-flag.smf-ph-flag-gp,
.smf-ph-flag.smf-ph-flag-hm,
.smf-ph-flag.smf-ph-flag-io,
.smf-ph-flag.smf-ph-flag-mq,
.smf-ph-flag.smf-ph-flag-pf,
.smf-ph-flag.smf-ph-flag-pm,
.smf-ph-flag.smf-ph-flag-re,
.smf-ph-flag.smf-ph-flag-sj,
.smf-ph-flag.smf-ph-flag-sx,
.smf-ph-flag.smf-ph-flag-tf,
.smf-ph-flag.smf-ph-flag-tk,
.smf-ph-flag.smf-ph-flag-tl,
.smf-ph-flag.smf-ph-flag-wf,
.smf-ph-flag.smf-ph-flag-zr {
    background-position: -750px -450px;
}

.smf-ph-flag.smf-ph-flag-ad {
    background-position: 0px 0px;
}

.smf-ph-flag.smf-ph-flag-ae {
    background-position: -50px 0px;
}

.smf-ph-flag.smf-ph-flag-af {
    background-position: 0px -50px;
}

.smf-ph-flag.smf-ph-flag-ag {
    background-position: -50px -50px;
}

.smf-ph-flag.smf-ph-flag-ai {
    background-position: -100px 0px;
}

.smf-ph-flag.smf-ph-flag-al {
    background-position: -100px -50px;
}

.smf-ph-flag.smf-ph-flag-am {
    background-position: 0px -100px;
}

.smf-ph-flag.smf-ph-flag-an {
    background-position: -50px -100px;
}

.smf-ph-flag.smf-ph-flag-ao {
    background-position: -100px -100px;
}

.smf-ph-flag.smf-ph-flag-aq {
    background-position: -150px 0px;
}

.smf-ph-flag.smf-ph-flag-ar {
    background-position: -150px -50px;
}

.smf-ph-flag.smf-ph-flag-as {
    background-position: -150px -100px;
}

.smf-ph-flag.smf-ph-flag-at {
    background-position: 0px -150px;
}

.smf-ph-flag.smf-ph-flag-au {
    background-position: -50px -150px;
}

.smf-ph-flag.smf-ph-flag-aw {
    background-position: -100px -150px;
}

.smf-ph-flag.smf-ph-flag-ax {
    background-position: -150px -150px;
}

.smf-ph-flag.smf-ph-flag-az {
    background-position: -200px 0px;
}

.smf-ph-flag.smf-ph-flag-ba {
    background-position: -200px -50px;
}

.smf-ph-flag.smf-ph-flag-bb {
    background-position: -200px -100px;
}

.smf-ph-flag.smf-ph-flag-bd {
    background-position: -200px -150px;
}

.smf-ph-flag.smf-ph-flag-be {
    background-position: 0px -200px;
}

.smf-ph-flag.smf-ph-flag-bf {
    background-position: -50px -200px;
}

.smf-ph-flag.smf-ph-flag-bg {
    background-position: -100px -200px;
}

.smf-ph-flag.smf-ph-flag-bh {
    background-position: -150px -200px;
}

.smf-ph-flag.smf-ph-flag-bi {
    background-position: -200px -200px;
}

.smf-ph-flag.smf-ph-flag-bj {
    background-position: -250px 0px;
}

.smf-ph-flag.smf-ph-flag-bl {
    background-position: -250px -50px;
}

.smf-ph-flag.smf-ph-flag-bm {
    background-position: -250px -100px;
}

.smf-ph-flag.smf-ph-flag-bn {
    background-position: -250px -150px;
}

.smf-ph-flag.smf-ph-flag-bo {
    background-position: -250px -200px;
}

.smf-ph-flag.smf-ph-flag-br {
    background-position: 0px -250px;
}

.smf-ph-flag.smf-ph-flag-bs {
    background-position: -50px -250px;
}

.smf-ph-flag.smf-ph-flag-bt {
    background-position: -100px -250px;
}

.smf-ph-flag.smf-ph-flag-bw {
    background-position: -150px -250px;
}

.smf-ph-flag.smf-ph-flag-by {
    background-position: -200px -250px;
}

.smf-ph-flag.smf-ph-flag-bz {
    background-position: -250px -250px;
}

.smf-ph-flag.smf-ph-flag-ca {
    background-position: -300px 0px;
}

.smf-ph-flag.smf-ph-flag-cc {
    background-position: -300px -50px;
}

.smf-ph-flag.smf-ph-flag-cd {
    background-position: -300px -100px;
}

.smf-ph-flag.smf-ph-flag-cf {
    background-position: -300px -150px;
}

.smf-ph-flag.smf-ph-flag-cg {
    background-position: -300px -200px;
}

.smf-ph-flag.smf-ph-flag-ch {
    background-position: -300px -250px;
}

.smf-ph-flag.smf-ph-flag-ci {
    background-position: 0px -300px;
}

.smf-ph-flag.smf-ph-flag-ck {
    background-position: -50px -300px;
}

.smf-ph-flag.smf-ph-flag-cl {
    background-position: -100px -300px;
}

.smf-ph-flag.smf-ph-flag-cm {
    background-position: -150px -300px;
}

.smf-ph-flag.smf-ph-flag-cn {
    background-position: -200px -300px;
}

.smf-ph-flag.smf-ph-flag-co {
    background-position: -250px -300px;
}

.smf-ph-flag.smf-ph-flag-cr {
    background-position: -300px -300px;
}

.smf-ph-flag.smf-ph-flag-cu {
    background-position: -350px 0px;
}

.smf-ph-flag.smf-ph-flag-cv {
    background-position: -350px -50px;
}

.smf-ph-flag.smf-ph-flag-cx {
    background-position: -350px -100px;
}

.smf-ph-flag.smf-ph-flag-cy {
    background-position: -350px -150px;
}

.smf-ph-flag.smf-ph-flag-cz {
    background-position: -350px -200px;
}

.smf-ph-flag.smf-ph-flag-de {
    background-position: -350px -250px;
}

.smf-ph-flag.smf-ph-flag-dj {
    background-position: -350px -300px;
}

.smf-ph-flag.smf-ph-flag-dk,
.smf-ph-flag.smf-ph-flag-da {
    background-position: 0px -350px;
}

.smf-ph-flag.smf-ph-flag-dm {
    background-position: -50px -350px;
}

.smf-ph-flag.smf-ph-flag-do {
    background-position: -100px -350px;
}

.smf-ph-flag.smf-ph-flag-dz {
    background-position: -150px -350px;
}

.smf-ph-flag.smf-ph-flag-ec {
    background-position: -200px -350px;
}

.smf-ph-flag.smf-ph-flag-ee {
    background-position: -250px -350px;
}

.smf-ph-flag.smf-ph-flag-eg {
    background-position: -300px -350px;
}

.smf-ph-flag.smf-ph-flag-eh {
    background-position: -350px -350px;
}

.smf-ph-flag.smf-ph-flag-er {
    background-position: -400px 0px;
}

.smf-ph-flag.smf-ph-flag-es {
    background-position: -400px -50px;
}

.smf-ph-flag.smf-ph-flag-et {
    background-position: -400px -100px;
}

.smf-ph-flag.smf-ph-flag-eu {
    background-position: -400px -150px;
}

.smf-ph-flag.smf-ph-flag-fi {
    background-position: -400px -200px;
}

.smf-ph-flag.smf-ph-flag-fj {
    background-position: -400px -250px;
}

.smf-ph-flag.smf-ph-flag-fk {
    background-position: -400px -300px;
}

.smf-ph-flag.smf-ph-flag-fm {
    background-position: -400px -350px;
}

.smf-ph-flag.smf-ph-flag-fo {
    background-position: 0px -400px;
}

.smf-ph-flag.smf-ph-flag-fr {
    background-position: -50px -400px;
}

.smf-ph-flag.smf-ph-flag-ga {
    background-position: -100px -400px;
}

.smf-ph-flag.smf-ph-flag-gb,
.smf-ph-flag.smf-ph-flag-en {
    background-position: -150px -400px;
}

.smf-ph-flag.smf-ph-flag-gd {
    background-position: -200px -400px;
}

.smf-ph-flag.smf-ph-flag-ge {
    background-position: -250px -400px;
}

.smf-ph-flag.smf-ph-flag-gg {
    background-position: -300px -400px;
}

.smf-ph-flag.smf-ph-flag-gh {
    background-position: -350px -400px;
}

.smf-ph-flag.smf-ph-flag-gi {
    background-position: -400px -400px;
}

.smf-ph-flag.smf-ph-flag-gl {
    background-position: -450px 0px;
}

.smf-ph-flag.smf-ph-flag-gm {
    background-position: -450px -50px;
}

.smf-ph-flag.smf-ph-flag-gn {
    background-position: -450px -100px;
}

.smf-ph-flag.smf-ph-flag-gq {
    background-position: -450px -150px;
}

.smf-ph-flag.smf-ph-flag-gr,
.smf-ph-flag.smf-ph-flag-el {
    background-position: -450px -200px;
}

.smf-ph-flag.smf-ph-flag-gs {
    background-position: -450px -250px;
}

.smf-ph-flag.smf-ph-flag-gt {
    background-position: -450px -300px;
}

.smf-ph-flag.smf-ph-flag-gu {
    background-position: -450px -350px;
}

.smf-ph-flag.smf-ph-flag-gw {
    background-position: -450px -400px;
}

.smf-ph-flag.smf-ph-flag-gy {
    background-position: 0px -450px;
}

.smf-ph-flag.smf-ph-flag-hk {
    background-position: -50px -450px;
}

.smf-ph-flag.smf-ph-flag-hn {
    background-position: -100px -450px;
}

.smf-ph-flag.smf-ph-flag-hr {
    background-position: -150px -450px;
}

.smf-ph-flag.smf-ph-flag-ht {
    background-position: -200px -450px;
}

.smf-ph-flag.smf-ph-flag-hu {
    background-position: -250px -450px;
}

.smf-ph-flag.smf-ph-flag-id {
    background-position: -300px -450px;
}

.smf-ph-flag.smf-ph-flag-ie {
    background-position: -350px -450px;
}

.smf-ph-flag.smf-ph-flag-il {
    background-position: -400px -450px;
}

.smf-ph-flag.smf-ph-flag-im {
    background-position: -450px -450px;
}

.smf-ph-flag.smf-ph-flag-in {
    background-position: -500px 0px;
}

.smf-ph-flag.smf-ph-flag-iq {
    background-position: -500px -50px;
}

.smf-ph-flag.smf-ph-flag-ir {
    background-position: -500px -100px;
}

.smf-ph-flag.smf-ph-flag-is {
    background-position: -500px -150px;
}

.smf-ph-flag.smf-ph-flag-it {
    background-position: -500px -200px;
}

.smf-ph-flag.smf-ph-flag-je {
    background-position: -500px -250px;
}

.smf-ph-flag.smf-ph-flag-jm {
    background-position: -500px -300px;
}

.smf-ph-flag.smf-ph-flag-jo {
    background-position: -500px -350px;
}

.smf-ph-flag.smf-ph-flag-jp {
    background-position: -500px -400px;
}

.smf-ph-flag.smf-ph-flag-ke {
    background-position: -500px -450px;
}

.smf-ph-flag.smf-ph-flag-kg {
    background-position: 0px -500px;
}

.smf-ph-flag.smf-ph-flag-kh {
    background-position: -50px -500px;
}

.smf-ph-flag.smf-ph-flag-ki {
    background-position: -100px -500px;
}

.smf-ph-flag.smf-ph-flag-km {
    background-position: -150px -500px;
}

.smf-ph-flag.smf-ph-flag-kn {
    background-position: -200px -500px;
}

.smf-ph-flag.smf-ph-flag-kp {
    background-position: -250px -500px;
}

.smf-ph-flag.smf-ph-flag-kr {
    background-position: -300px -500px;
}

.smf-ph-flag.smf-ph-flag-kv {
    background-position: -350px -500px;
}

.smf-ph-flag.smf-ph-flag-kw {
    background-position: -400px -500px;
}

.smf-ph-flag.smf-ph-flag-ky {
    background-position: -450px -500px;
}

.smf-ph-flag.smf-ph-flag-kz {
    background-position: -500px -500px;
}

.smf-ph-flag.smf-ph-flag-la {
    background-position: -550px 0px;
}

.smf-ph-flag.smf-ph-flag-lb {
    background-position: -550px -50px;
}

.smf-ph-flag.smf-ph-flag-lc {
    background-position: -550px -100px;
}

.smf-ph-flag.smf-ph-flag-li {
    background-position: -550px -150px;
}

.smf-ph-flag.smf-ph-flag-lk {
    background-position: -550px -200px;
}

.smf-ph-flag.smf-ph-flag-lr {
    background-position: -550px -250px;
}

.smf-ph-flag.smf-ph-flag-ls {
    background-position: -550px -300px;
}

.smf-ph-flag.smf-ph-flag-lt {
    background-position: -550px -350px;
}

.smf-ph-flag.smf-ph-flag-lu {
    background-position: -550px -400px;
}

.smf-ph-flag.smf-ph-flag-lv {
    background-position: -550px -450px;
}

.smf-ph-flag.smf-ph-flag-ly {
    background-position: -550px -500px;
}

.smf-ph-flag.smf-ph-flag-ma {
    background-position: 0px -550px;
}

.smf-ph-flag.smf-ph-flag-mc {
    background-position: -50px -550px;
}

.smf-ph-flag.smf-ph-flag-md {
    background-position: -100px -550px;
}

.smf-ph-flag.smf-ph-flag-me {
    background-position: -150px -550px;
}

.smf-ph-flag.smf-ph-flag-mg {
    background-position: -200px -550px;
}

.smf-ph-flag.smf-ph-flag-mh {
    background-position: -250px -550px;
}

.smf-ph-flag.smf-ph-flag-mk {
    background-position: -300px -550px;
}

.smf-ph-flag.smf-ph-flag-ml {
    background-position: -350px -550px;
}

.smf-ph-flag.smf-ph-flag-mm {
    background-position: -400px -550px;
}

.smf-ph-flag.smf-ph-flag-mn {
    background-position: -450px -550px;
}

.smf-ph-flag.smf-ph-flag-mo {
    background-position: -500px -550px;
}

.smf-ph-flag.smf-ph-flag-mp {
    background-position: -550px -550px;
}

.smf-ph-flag.smf-ph-flag-mr {
    background-position: -600px 0px;
}

.smf-ph-flag.smf-ph-flag-ms {
    background-position: -600px -50px;
}

.smf-ph-flag.smf-ph-flag-mt {
    background-position: -600px -100px;
}

.smf-ph-flag.smf-ph-flag-mu {
    background-position: -600px -150px;
}

.smf-ph-flag.smf-ph-flag-mv {
    background-position: -600px -200px;
}

.smf-ph-flag.smf-ph-flag-mw {
    background-position: -600px -250px;
}

.smf-ph-flag.smf-ph-flag-mx {
    background-position: -600px -300px;
}

.smf-ph-flag.smf-ph-flag-my {
    background-position: -600px -350px;
}

.smf-ph-flag.smf-ph-flag-mz {
    background-position: -600px -400px;
}

.smf-ph-flag.smf-ph-flag-na {
    background-position: -600px -450px;
}

.smf-ph-flag.smf-ph-flag-nc {
    background-position: -600px -500px;
}

.smf-ph-flag.smf-ph-flag-ne {
    background-position: -600px -550px;
}

.smf-ph-flag.smf-ph-flag-nf {
    background-position: 0px -600px;
}

.smf-ph-flag.smf-ph-flag-ng {
    background-position: -50px -600px;
}

.smf-ph-flag.smf-ph-flag-ni {
    background-position: -100px -600px;
}

.smf-ph-flag.smf-ph-flag-nl {
    background-position: -150px -600px;
}

.smf-ph-flag.smf-ph-flag-no {
    background-position: -200px -600px;
}

.smf-ph-flag.smf-ph-flag-np {
    background-position: -250px -600px;
}

.smf-ph-flag.smf-ph-flag-nr {
    background-position: -300px -600px;
}

.smf-ph-flag.smf-ph-flag-nu {
    background-position: -350px -600px;
}

.smf-ph-flag.smf-ph-flag-nz {
    background-position: -400px -600px;
}

.smf-ph-flag.smf-ph-flag-om {
    background-position: -450px -600px;
}

.smf-ph-flag.smf-ph-flag-pa {
    background-position: -500px -600px;
}

.smf-ph-flag.smf-ph-flag-pe {
    background-position: -550px -600px;
}

.smf-ph-flag.smf-ph-flag-pg {
    background-position: -600px -600px;
}

.smf-ph-flag.smf-ph-flag-ph {
    background-position: -650px 0px;
}

.smf-ph-flag.smf-ph-flag-pk {
    background-position: -650px -50px;
}

.smf-ph-flag.smf-ph-flag-pl {
    background-position: -650px -100px;
}

.smf-ph-flag.smf-ph-flag-pn {
    background-position: -650px -150px;
}

.smf-ph-flag.smf-ph-flag-pr {
    background-position: -650px -200px;
}

.smf-ph-flag.smf-ph-flag-ps {
    background-position: -650px -250px;
}

.smf-ph-flag.smf-ph-flag-pt {
    background-position: -650px -300px;
}

.smf-ph-flag.smf-ph-flag-pw {
    background-position: -650px -350px;
}

.smf-ph-flag.smf-ph-flag-py {
    background-position: -650px -400px;
}

.smf-ph-flag.smf-ph-flag-qa {
    background-position: -650px -450px;
}

.smf-ph-flag.smf-ph-flag-ro {
    background-position: -650px -500px;
}

.smf-ph-flag.smf-ph-flag-rs {
    background-position: -650px -550px;
}

.smf-ph-flag.smf-ph-flag-ru {
    background-position: -650px -600px;
}

.smf-ph-flag.smf-ph-flag-rw {
    background-position: 0px -650px;
}

.smf-ph-flag.smf-ph-flag-sa {
    background-position: -50px -650px;
}

.smf-ph-flag.smf-ph-flag-sb {
    background-position: -100px -650px;
}

.smf-ph-flag.smf-ph-flag-sc {
    background-position: -150px -650px;
}

.smf-ph-flag.smf-ph-flag-sd {
    background-position: -200px -650px;
}

.smf-ph-flag.smf-ph-flag-se {
    background-position: -250px -650px;
}

.smf-ph-flag.smf-ph-flag-sg {
    background-position: -300px -650px;
}

.smf-ph-flag.smf-ph-flag-sh {
    background-position: -350px -650px;
}

.smf-ph-flag.smf-ph-flag-si {
    background-position: -400px -650px;
}

.smf-ph-flag.smf-ph-flag-sk {
    background-position: -450px -650px;
}

.smf-ph-flag.smf-ph-flag-sl {
    background-position: -500px -650px;
}

.smf-ph-flag.smf-ph-flag-sm {
    background-position: -550px -650px;
}

.smf-ph-flag.smf-ph-flag-sn {
    background-position: -600px -650px;
}

.smf-ph-flag.smf-ph-flag-so {
    background-position: -650px -650px;
}

.smf-ph-flag.smf-ph-flag-sr {
    background-position: -700px 0px;
}

.smf-ph-flag.smf-ph-flag-ss {
    background-position: -700px -50px;
}

.smf-ph-flag.smf-ph-flag-st {
    background-position: -700px -100px;
}

.smf-ph-flag.smf-ph-flag-sv {
    background-position: -700px -150px;
}

.smf-ph-flag.smf-ph-flag-sy {
    background-position: -700px -200px;
}

.smf-ph-flag.smf-ph-flag-sz {
    background-position: -700px -250px;
}

.smf-ph-flag.smf-ph-flag-tc {
    background-position: -700px -300px;
}

.smf-ph-flag.smf-ph-flag-td {
    background-position: -700px -350px;
}

.smf-ph-flag.smf-ph-flag-tg {
    background-position: -700px -400px;
}

.smf-ph-flag.smf-ph-flag-th {
    background-position: -700px -450px;
}

.smf-ph-flag.smf-ph-flag-tj {
    background-position: -700px -500px;
}

.smf-ph-flag.smf-ph-flag-tm {
    background-position: -700px -550px;
}

.smf-ph-flag.smf-ph-flag-tn {
    background-position: -700px -600px;
}

.smf-ph-flag.smf-ph-flag-to {
    background-position: -700px -650px;
}

.smf-ph-flag.smf-ph-flag-tp {
    background-position: 0px -700px;
}

.smf-ph-flag.smf-ph-flag-tr {
    background-position: -50px -700px;
}

.smf-ph-flag.smf-ph-flag-tt {
    background-position: -100px -700px;
}

.smf-ph-flag.smf-ph-flag-tv {
    background-position: -150px -700px;
}

.smf-ph-flag.smf-ph-flag-tw {
    background-position: -200px -700px;
}

.smf-ph-flag.smf-ph-flag-tz {
    background-position: -250px -700px;
}

.smf-ph-flag.smf-ph-flag-ua {
    background-position: -300px -700px;
}

.smf-ph-flag.smf-ph-flag-ug {
    background-position: -350px -700px;
}

.smf-ph-flag.smf-ph-flag-us {
    background-position: -400px -700px;
}

.smf-ph-flag.smf-ph-flag-uy {
    background-position: -450px -700px;
}

.smf-ph-flag.smf-ph-flag-uz {
    background-position: -500px -700px;
}

.smf-ph-flag.smf-ph-flag-va {
    background-position: -550px -700px;
}

.smf-ph-flag.smf-ph-flag-vc {
    background-position: -600px -700px;
}

.smf-ph-flag.smf-ph-flag-ve {
    background-position: -650px -700px;
}

.smf-ph-flag.smf-ph-flag-vg {
    background-position: -700px -700px;
}

.smf-ph-flag.smf-ph-flag-vi {
    background-position: -750px 0px;
}

.smf-ph-flag.smf-ph-flag-vn {
    background-position: -750px -50px;
}

.smf-ph-flag.smf-ph-flag-vu {
    background-position: -750px -100px;
}

.smf-ph-flag.smf-ph-flag-ws {
    background-position: -750px -150px;
}

.smf-ph-flag.smf-ph-flag-ye {
    background-position: -750px -200px;
}

.smf-ph-flag.smf-ph-flag-yt {
    background-position: -750px -250px;
}

.smf-ph-flag.smf-ph-flag-za {
    background-position: -750px -300px;
}

.smf-ph-flag.smf-ph-flag-zh {
    background-position: -200px -300px;
}

.smf-ph-flag.smf-ph-flag-zm {
    background-position: -750px -350px;
}

.smf-ph-flag.smf-ph-flag-zw {
    background-position: -750px -400px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .smf-ph-flag {
        background-image: url('../../images/flags@2x.png?179154163');
        background-size: 800px 800px;
    }
}

.smf-form-fields__phone-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    height: 48px;
    margin: 7px 0;
    border-radius: 12px;
    border: 1px solid #e0e6ef;
}

.smf-form-fields__phone-number--input {
    width: 100%;
    border: none;
    padding: 0;
    border-radius: 12px;
    color: #1a2033;
    font-family: Gilroy;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    font-style: normal;
}

.smf-form-fields__phone-number--input::placeholder {
    color: #a0aec3;
}

.smf-form-fields__phone-number--input.js-smf-failed-field {
    border: unset;
    box-shadow: unset;
}

.smf-form-fields__phone-number--label {
    position: absolute;
    color: #a0aec3;
    font-family: Gilroy;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-decoration: none;
    font-style: normal;
    padding: 0 4px;
    left: 12px;
    top: -9px;
    margin-bottom: 0;
    pointer-events: none;
    background-color: #fff;
    cursor: default;
}

.smf-form-fields .smf-ph-flag-dropdown__flag-selector,
.smf-form-fields .smf-form-fields__flag-selector {
    width: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.smf-form-fields .smf-ph-flag-dropdown__flag-selector--arrow,
.smf-form-fields .smf-form-fields__flag-selector--arrow {
    height: 28px;
    padding-right: 8px;
    border-right: 1px solid #e0e6ef;
}

.smf-form-fields .smf-ph-flag-dropdown__flag-selector--arrow::before,
.smf-form-fields .smf-form-fields__flag-selector--arrow::before {
    content: '';
    display: inline-block;
    width: 3.5px;
    height: 3.5px;
    border-left: 1px solid #1a2033;
    border-bottom: 1px solid #1a2033;
    transform: rotate(315deg);
    vertical-align: middle;
}

.smf-form-fields .smf-ph-flag-dropdown__flag-selector + .smf-ph-select-block,
.smf-form-fields .smf-form-fields__flag-selector + .smf-ph-select-block {
    position: absolute;
    top: 64px;
    left: 0;
    z-index: 1022;
    width: fit-content;
    min-width: 50px;
    border: 1px solid rgba(145, 158, 171, 0.32);
    background-color: #fff;
}

.smf-form-fields .smf-ph-flag-dropdown__flag-selector + .smf-ph-select-block .smf-ph-select-block__list,
.smf-form-fields .smf-form-fields__flag-selector + .smf-ph-select-block .smf-ph-select-block__list {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 255px;
}

.smf-form-fields .smf-ph-flag-dropdown__flag-selector + .smf-ph-select-block .smf-ph-select-block__list-a,
.smf-form-fields .smf-form-fields__flag-selector + .smf-ph-select-block .smf-ph-select-block__list-a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Gilroy;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    font-style: normal;
    align-items: center;
    color: #1a2033;
    padding: 4px 8px;
    white-space: nowrap;
    cursor: pointer;
}

/* ----- */

.smf-aside-title .smf-highlighted {
    background-image: linear-gradient(143deg, #7381fd 0%, #76c7ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.smf-aside-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.smf-aside-content * {
    color: #1a2033;
    font-family:
        'Gilroy',
        Arial,
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        sans-serif;
    font-weight: 800;
    text-decoration: none;
}

.smf-aside-content *:hover {
    text-decoration: none;
}

.smf-aside-title {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.smf-aside-title p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.smf-aside-title h2 {
    font-size: 44px;
    line-height: 51px;
}

.smf-contacts {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.smf-contacts * {
    width: fit-content;
}

.smf-contacts h1 {
    font-size: 56px;
    color: #1d9ff8;
    line-height: 64px;
}

.smf-contacts h2 {
    font-size: 32px;
    line-height: 37px;
}

.smf-socials {
    display: flex;
    gap: 12px;
}

.smf-socials a {
    pointer-events: auto;
    transition: transform 0.3s;
}

.smf-socials a:hover {
    transform: scale(1.1);
}

.smf-form-fields {
    flex-direction: column;
}

.smf-form-fields .js-smf-mask-phone-group {
    position: relative;
}

.smf-form-fields.smf-form-fields .smf-form-fields__phone-number--input {
    border: none;
}

.smf-input-wrapper {
    position: relative;
}

.smf-input-wrapper input {
    height: 60px;
}

.smf-input-placeholder {
    position: absolute;
    top: 28px;
    left: 20px;
    font-size: 16px;
    color: #1a2033;
    opacity: 0.5;
    user-select: none;
    pointer-events: none;
    transition: all 0.3s;
}

.smf-input-wrapper .smf-input-field:focus ~ .smf-input-placeholder,
.smf-input-wrapper .smf-input-field:not(:placeholder-shown) ~ .smf-input-placeholder {
    top: 12px;
    font-size: 12px;
}

input[type='checkbox'] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.5em;
    height: 1.5em;
    border: 0.15em solid #e0e6ef;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

input[type='checkbox']::before {
    content: '';
    width: 0.8em;
    height: 0.8em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    opacity: 0;
    transform-origin: bottom left;
    transition: 0.2s opacity ease-in-out;
    box-shadow: inset 1em 1em #e0e6ef;
}

input[type='checkbox']:checked::before {
    opacity: 1;
}

.smf-form-wrapper {
    display: flex;
    gap: 60px;
    max-width: 1160px;
    margin: 0 auto;
    padding: 20px;
    font-family:
        'Gilroy',
        Arial,
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        sans-serif;
}

.smf-aside-content {
    flex: 1;
}

.smf-form-inner {
    flex: 0.9;
}

.smf-form-inner h3 {
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
}

.smf-form-inner input[type='text'],
.smf-form-inner input[type='email'],
.smf-form-inner input[type='tel'],
.smf-form-inner select,
.smf-form-inner textarea {
    width: 100%;
    padding: 26px 20px 10px;
    margin: 7px 0;
    color: #1a2033;
    border: 1px solid #e0e6ef;
    background-color: #f6fafd;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
}

.smf-form-inner select,
.smf-form-fields__phone-number {
    background-color: #f6fafd;
    height: 60px;
}

.smf-form-inner select,
.smf-form-inner input[type='tel'] {
    padding: 12px;
}

.smf-form-inner textarea {
    min-height: 120px;
    margin-bottom: 0;
    resize: vertical;
}

.smf-form-inner .checkbox-group label {
    display: flex;
    align-items: center;
    margin: 8px 0;
    font-size: 14px;
    line-height: 1.4;
}

.smf-form-inner .checkbox-group input[type='checkbox'] {
    margin-right: 8px;
    flex-shrink: 0;
}

.smf-form-inner button {
    height: 48px;
    width: 100%;
    max-width: 280px;
    padding: 14px 24px;
    border: none;
    color: #fff;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    font-family: Gilroy, Arial, sans-serif;
    cursor: pointer;
    background-color: #1e9ff8;
    transition: 0.3s ease all;
}

.smf-form-inner button:hover {
    background: #0285ff;
}

.smf-global-flash {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999999;
    max-width: 90%;
    padding: 14px 20px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    animation: smfFadeIn 0.4s ease-out;
}

.smf-global-flash.success {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 400px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    color: #155724;
    border: 1px solid #c3e6cb;
    z-index: 100001;
}

.smf-global-flash.success strong {
    font-size: 22px;
    line-height: 34px;
}

.smf-global-flash.success p {
    font-size: 18px;
    line-height: 28px;
}

.smf-flash-background {
    display: block;
    opacity: 1;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100000;
    overflow-y: auto;
    cursor: pointer;
}

.smf-global-flash.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.smf-flash-img--done {
    display: block;
    height: 50px;
    width: 50px;
    margin-bottom: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='%2362C584'%3E%3Cpath d='M25.1 49.28A24.64 24.64 0 0 1 .5 24.68 24.64 24.64 0 0 1 25.1.07a24.64 24.64 0 0 1 24.6 24.6 24.64 24.64 0 0 1-24.6 24.61zm0-47.45A22.87 22.87 0 0 0 2.26 24.68 22.87 22.87 0 0 0 25.1 47.52a22.87 22.87 0 0 0 22.84-22.84A22.87 22.87 0 0 0 25.1 1.83z'%3E%3C/path%3E%3Cpath d='M22.84 30.53l-4.44-4.45a.88.88 0 1 1 1.24-1.24l3.2 3.2 8.89-8.9a.88.88 0 1 1 1.25 1.26L22.84 30.53z'%3E%3C/path%3E%3C/svg%3E");
}

.smf-flash-img--close {
    position: absolute;
    right: 0;
    top: 0;
    margin: 16px;
    cursor: pointer;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url("data:image/svg+xml,%3Csvg class='t-form-success-popup__close-icon' xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 23 23'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M0 1.41L1.4 0l21.22 21.21-1.41 1.42z'%3E%3C/path%3E%3Cpath d='M21.21 0l1.42 1.4L1.4 22.63 0 21.21z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.smf-flash-img--vk,
.smf-flash-img--rutube,
.smf-flash-img--telegram {
    display: block;
    height: 60px;
    width: 90px;
}

.smf-flash-img--vk {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='60' viewBox='0 0 90 60' fill='none'%3E%3Crect width='90' height='60' rx='16' fill='%23EEF4FC'/%3E%3Cpath d='M46.8757 44C32.5259 44 24.341 33.8649 24 17H31.188C31.4241 29.3784 36.7233 34.6216 40.9207 35.7027V17H47.6889V27.6757C51.8339 27.2162 56.1886 22.3514 57.6577 17H64.426C63.8724 19.7754 62.7689 22.4032 61.1845 24.7191C59.6001 27.035 57.5689 28.9892 55.218 30.4595C57.8422 31.8029 60.1601 33.7043 62.0186 36.0384C63.8772 38.3724 65.2341 41.086 66 44H58.5497C57.8622 41.469 56.4648 39.2033 54.5328 37.4869C52.6008 35.7705 50.2201 34.6797 47.6889 34.3514V44H46.8757Z' fill='%230277FF'/%3E%3C/svg%3E");
}

.smf-flash-img--rutube {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='60' viewBox='0 0 90 60' fill='none'%3E%3Cg clip-path='url(%23clip0_8969_70672)'%3E%3Cpath d='M74 0H16C7.16344 0 0 7.16344 0 16V44C0 52.8366 7.16344 60 16 60H74C82.8366 60 90 52.8366 90 44V16C90 7.16344 82.8366 0 74 0Z' fill='%23EEF4FC'/%3E%3Cg clip-path='url(%23clip1_8969_70672)'%3E%3Cpath d='M50.074 29.1639H35.2758V23.235H50.074C50.9384 23.235 51.5394 23.3875 51.841 23.6539C52.1426 23.9203 52.3295 24.4144 52.3295 25.1361V27.265C52.3295 28.0255 52.1426 28.5195 51.841 28.7859C51.5394 29.0523 50.9384 29.1661 50.074 29.1661V29.1639ZM51.0892 17.6454H29V43.0002H35.2758V34.7512H46.8415L52.3295 43.0002H59.3571L53.3064 34.7125C55.5372 34.3778 56.5389 33.6857 57.365 32.545C58.1911 31.4043 58.6053 29.5805 58.6053 27.1466V25.2454C58.6053 23.8019 58.4545 22.6612 58.1911 21.7869C57.9278 20.9126 57.4775 20.1521 56.8382 19.4691C56.163 18.8225 55.4111 18.3671 54.5085 18.062C53.6058 17.7956 52.478 17.6431 51.0892 17.6431V17.6454Z' fill='%23100943'/%3E%3Cpath d='M64.1789 17.6429C66.8417 17.6429 69.0003 15.4842 69.0003 12.8214C69.0003 10.1586 66.8417 8 64.1789 8C61.5161 8 59.3574 10.1586 59.3574 12.8214C59.3574 15.4842 61.5161 17.6429 64.1789 17.6429Z' fill='%23ED143B'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8969_70672'%3E%3Crect width='90' height='60' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_8969_70672'%3E%3Crect width='40' height='35' fill='white' transform='translate(29 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.smf-flash-img--telegram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='60' viewBox='0 0 90 60' fill='none'%3E%3Crect width='90' height='60' rx='16' fill='%23EEF4FC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M65 30C65 41.0457 56.0457 50 45 50C33.9543 50 25 41.0457 25 30C25 18.9543 33.9543 10 45 10C56.0457 10 65 18.9543 65 30ZM46.9166 23.8631C43.4807 25.3472 33.5737 29.5619 33.5737 29.5619C31.2258 30.5118 32.6001 31.4022 32.6001 31.4022C32.6001 31.4022 34.6044 32.1146 36.3224 32.6488C38.0404 33.1831 38.9566 32.5895 38.9566 32.5895C38.9566 32.5895 42.9653 29.8588 47.0311 26.9499C49.8944 24.9316 49.2072 26.5938 48.52 27.3062C47.0311 28.8496 44.5687 31.2835 42.5071 33.2425C41.5909 34.0736 42.049 34.786 42.4499 35.1421C43.6157 36.1647 46.3616 38.0246 47.6082 38.8689C47.9537 39.1029 48.184 39.2589 48.2337 39.2975C48.52 39.5351 50.1235 40.6035 51.097 40.3661C52.0705 40.1287 52.185 38.7633 52.185 38.7633C52.185 38.7633 52.9295 33.8955 53.6167 29.4432C53.744 28.5691 53.8712 27.7132 53.9899 26.9152C54.2984 24.841 54.5488 23.1573 54.5902 22.5571C54.762 20.5387 52.7004 21.3698 52.7004 21.3698C52.7004 21.3698 48.2337 23.2695 46.9166 23.8631Z' fill='%2334AADF'/%3E%3C/svg%3E");
}

@keyframes smfFadeIn {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.smf-captcha-hint {
    margin: 8px 0 15px;
    font-size: 13px;
    color: #666;
    font-style: italic;
}

button[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}

@media screen and (max-width: 1200px) {
    .smf-aside-title h2,
    .smf-contacts h1 {
        font-size: 36px;
        line-height: 41px;
    }
    .smf-contacts h2 {
        font-size: 28px;
        line-height: 32px;
    }
}

@media screen and (max-width: 960px) {
    .smf-form-wrapper {
        flex-direction: column;
        max-width: 620px;
    }
}

@media screen and (max-width: 760px) {
    .smf-form-wrapper {
        max-width: 460px;
        gap: 40px;
    }

    .smf-aside-content {
        gap: 32px;
    }

    .smf-aside-title h2,
    .smf-contacts h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .smf-contacts h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .smf-flash-img--vk,
    .smf-flash-img--rutube,
    .smf-flash-img--telegram {
        height: 40px;
        width: 60px;
        background-size: 60px;
    }
}

@media screen and (max-width: 480px) {
    .smf-form-inner button {
        max-width: 100%;
    }
}