.frame-frame3095, button {
    cursor: pointer !important
}

.hover-link:hover::after {
    width: 100%
}

.hover-link {
    position: relative
}

.hover-link::after {
    content: "";
    transition: linear width .3s;
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #fff
}


.burger, .burger-menu {
    display: none
}





.background-right-bottom {
    background: #17233e;
    background: radial-gradient(circle at bottom right, #34567f 0, #121527 70%)
}

.connection {
    display: flex;
    justify-content: space-between;
    gap: 15%
}

.regular-text {
    font-size: 18px !important
}

.big-text {
    font-size: 28px !important
}

.header {
    font-size: 42px !important
}

.answer-line, .button-text, .question {
    font-size: 22px !important
}

.flex-sb {
    display: flex;
    justify-content: space-between
}

.flex-jsc {
    display: flex;
    justify-content: center
}

.flex-aic {
    display: flex;
    align-items: center
}

.dot-list {
    list-style: circle;
    list-style-type: disc
}

.w-100 {
    width: 100%
}

.w-50 {
    width: 50%
}



#form {
    position: relative
}



.top-inner {
    display: flex;
    gap: 20px;
    flex-direction: column;
    width: 100px;
    justify-content: center
}



.button {
    color: var(--dl-color-gray-black);
    display: inline-block;
    padding: .5rem 1rem;
    border-color: var(--dl-color-gray-black);
    border-width: 1px;
    border-radius: 4px;
    background-color: var(--dl-color-gray-white)
}

.input {
    color: var(--dl-color-gray-black);
    cursor: auto;
    padding: .5rem 1rem;
    border-color: var(--dl-color-gray-black);
    border-width: 1px;
    border-radius: 4px;
    background-color: var(--dl-color-gray-white)
}

.textarea {
    color: var(--dl-color-gray-black);
    cursor: auto;
    padding: .5rem;
    border-color: var(--dl-color-gray-black);
    border-width: 1px;
    border-radius: 4px;
    background-color: var(--dl-color-gray-white)
}

.list {
    width: 100%;
    margin: 1em 0 1em 0;
    display: block;
    padding: 0 0 0 1.5rem;
    list-style-type: none;
    list-style-position: outside
}

.list-item {
    display: list-item;
    margin-bottom: 5px
}

.teleport-show {
    display: flex !important;
    transform: none !important
}

.Content {
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 1.15;
    text-transform: none;
    text-decoration: none
}

.Heading {
    font-size: 32px;
    font-family: Inter;
    font-weight: 700;
    line-height: 1.15;
    text-transform: none;
    text-decoration: none
}

.cont {
    width: 1160px;
    padding: 0 20px;
    display: flex;
    overflow: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.more {
    margin-top: 70px
}

.frame-frame {
    width: 100%;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0
}

.frame-group312491 {
    top: 0;
    left: -1px;
    width: 100%;
    height: 7625px
}

.clients {
    width: 100%;
    display: flex;
    gap: 60px;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column
}

.frame-text {
    color: #fff;
    height: auto;
    font-size: 41px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame31418 {
    width: 100%;
    padding: 60px 50px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 25px
}

.frame-frame31403 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.frame-frame31246 {
    width: 100%;
    gap: 10px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between
}

.frame-frame31247 {
    width: 100%;
    gap: 10px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between
}

.frame-frame31281 {
    gap: 76px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.steps {
    gap: 60px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-text002 {
    color: #fff;
    height: auto;
    font-size: 41px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame31259 {
    gap: 20px;
    width: 100%
}

.frame-frame31258 {
    gap: 20px;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:280px 280px 350px;
    align-items: stretch
}

.frame-frame9 {
    gap: 20px;
    display: flex;
    padding: 30px 35px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 30px;
    flex-direction: column;
    justify-content: space-around;
    background-color: #111527;
    grid-column: 1/2;
    grid-row: 1/3
}

.frame-frame5 {
    gap: 20px;
    display: flex;
    padding: 30px 35px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 30px;
    flex-direction: column;
    justify-content: center;
    background-color: #111527;
    grid-column: 2/3;
    grid-row: 1/2
}

.frame-frame12 {
    gap: 20px;
    display: flex;
    padding: 30px 35px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 30px;
    flex-direction: column;
    justify-content: center;
    background-color: #111527;
    grid-column: 3/3;
    grid-row: 1/2
}

.frame-frame132 {
    gap: 29px;
    display: flex;
    padding: 30px 35px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 30px;
    flex-direction: column;
    justify-content: center;
    background-color: #111527;
    grid-column: 2/3;
    grid-row: 2/3
}

.frame-frame14 {
    gap: 30px;
    display: flex;
    padding: 30px 35px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 30px;
    flex-direction: column;
    justify-content: center;
    background-color: #111527;
    grid-column: 3/3;
    grid-row: 2/3
}

.frame-frame16 {
    gap: 21px;
    display: flex;
    padding: 30px 35px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 30px;
    background-color: #111527;
    grid-column: 1/3;
    grid-row: 3/4
}

.frame-frame15 {
    gap: 23px;
    display: flex;
    padding: 30px 35px 85px 35px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 30px;
    flex-direction: column;
    background-color: #111527;
    grid-column: 3/4;
    grid-row: 3/4
}

.frame-frame1 {
    gap: 15px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-text004 {
    color: #fff;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text006 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame3114 {
    width: 356px;
    height: 306px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0
}

.frame-ellipse157 {
    top: 45px;
    left: 40px;
    width: 124px;
    height: 135px
}

.frame-ellipse159 {
    top: 72px;
    left: 60px;
    width: 118px;
    height: 101px
}

.frame-ellipse160 {
    top: 119px;
    left: 184px;
    width: 135px;
    height: 122px
}

.frame-ellipse158 {
    top: 87px;
    left: 72px;
    width: 254px;
    height: 188px
}

.frame-ellipse161 {
    top: 140px;
    left: 141px;
    width: 156px;
    height: 114px
}

.frame-image15 {
    top: 32px;
    left: 29px;
    width: 297px;
    height: 243px
}

.frame-frame31257 {
    gap: 17px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-frame31256 {
    gap: 20px;
    display: flex;
    align-items: flex-start
}

.frame-frame13 {
    gap: 19px;
    display: flex;
    align-items: flex-start
}

.frame-text013 {
    color: #fff;
    height: auto;
    font-size: 81px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame3099 {
    width: 185px;
    height: 148px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0
}

.frame-group3091 {
    top: 7.1705312729px;
    left: .8950195313px;
    width: 184.1049804688px;
    height: 129.1589355469px;
    display: flex;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-ellipse156 {
    top: 22.3295898438px;
    left: 28.1049804688px;
    width: 91px;
    height: 73px
}

.frame-ellipse1581 {
    top: 51.3295898438px;
    left: 89.1049804688px;
    width: 69px;
    height: 55px
}

.frame-ellipse1571 {
    top: 35.3295898438px;
    left: 150.1049804688px;
    width: 7px;
    height: 21px
}

.frame-image14 {
    top: 0;
    left: 0;
    width: 184px;
    height: 129px
}

.frame-text014 {
    color: #fff;
    width: 240px;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame131 {
    gap: 19px;
    display: flex;
    align-items: flex-start
}

.frame-text016 {
    color: #fff;
    height: auto;
    font-size: 81px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame30991 {
    width: 185px;
    height: 148px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0
}

.frame-group30911 {
    top: 19px;
    left: 25px;
    width: 133px;
    height: 103px;
    display: flex;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-ellipse1561 {
    top: 26px;
    left: 31px;
    width: 87px;
    height: 77px
}

.frame-ellipse162 {
    top: 22px;
    left: 58px;
    width: 75px;
    height: 54px
}

.frame-ellipse163 {
    top: 3px;
    left: 91px;
    width: 42px;
    height: 34px
}

.frame-ellipse1611 {
    top: 3px;
    left: 8px;
    width: 32px;
    height: 41px
}

.frame-ellipse1582 {
    top: 0;
    left: 0;
    width: 70px;
    height: 58px
}

.frame-ellipse1601 {
    top: 49px;
    left: 0;
    width: 67px;
    height: 53px
}

.frame-image125 {
    top: 3px;
    left: 20px;
    width: 136px;
    height: 141px
}

.frame-text017 {
    color: #fff;
    width: 251px;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame31255 {
    gap: 20px;
    display: flex;
    align-items: flex-start
}

.frame-frame133 {
    gap: 19px;
    display: flex;
    align-items: flex-start
}

.frame-text019 {
    color: #fff;
    height: auto;
    font-size: 81px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame3106 {
    width: 185px;
    height: 148px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0
}

.frame-image1 {
    top: 12px;
    left: 28px;
    width: 129px;
    height: 123px
}

.frame-text020 {
    color: #fff;
    width: 240px;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame134 {
    gap: 19px;
    display: flex;
    align-items: flex-start
}

.frame-text022 {
    color: #fff;
    height: auto;
    font-size: 81px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame30992 {
    width: 185px;
    height: 157px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0
}

.frame-group30912 {
    top: 37.826171875px;
    left: 33px;
    width: 115px;
    height: 86px;
    display: flex;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-ellipse1562 {
    top: 0;
    left: 53px;
    width: 62px;
    height: 59px
}

.frame-ellipse1621 {
    top: 0;
    left: 6px;
    width: 62px;
    height: 59px
}

.frame-ellipse1583 {
    top: 28px;
    left: 0;
    width: 61px;
    height: 58px
}

.frame-ellipse1602 {
    top: 29.173828125px;
    left: 49px;
    width: 63px;
    height: 54px
}

.frame-image126 {
    top: 21px;
    left: 29px;
    width: 119px;
    height: 115px
}

.frame-text023 {
    color: #fff;
    width: 240px;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame31254 {
    gap: 20px;
    display: flex;
    align-items: flex-end
}

.frame-text025 {
    color: #fff;
    height: auto;
    font-size: 81px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame17 {
    gap: 15px;
    width: 206px;
    height: 249px;
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column
}

.frame-text026 {
    margin-top: 60px;
    color: #fff;
    width: 356px;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text028 {
    color: #fff;
    width: 206px;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame3103 {
    width: 408px;
    height: 266px;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
    background-color: #121527
}

.frame-ellipse1572 {
    top: 57px;
    left: 129px;
    width: 177px;
    height: 135px
}

.frame-ellipse1612 {
    top: 166px;
    left: 107px;
    width: 52px;
    height: 43px
}

.frame-ellipse1584 {
    top: 125px;
    left: 59px;
    width: 62px;
    height: 59px
}

.frame-ellipse1591 {
    top: 166px;
    left: 155px;
    width: 42px;
    height: 39px
}

.frame-ellipse1603 {
    top: 44px;
    left: 237px;
    width: 84px;
    height: 70px
}

.frame-image11 {
    top: 48px;
    left: 33px;
    width: 112px;
    height: 92px;
    border-radius: 7px
}

.frame-renderwhitewebsiteonlinestore70df7e74155a4bf7944b6 {
    top: 105.3801269531px;
    left: 70.1499633789px;
    width: 115px;
    height: 82px;
    border-radius: 7px
}

.frame-image12 {
    top: 161.7458496094px;
    left: 40.6862182617px;
    width: 113px;
    height: 74px;
    border-radius: 7px
}

.frame-image11 {
    top: 44px;
    left: 182px;
    width: 184px;
    height: 184px
}

.frame-frame135 {
    gap: 80px;
    height: 112px;
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    justify-content: center
}

.frame-text035 {
    color: #fff;
    height: auto;
    font-size: 81px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame312541 {
    width: 185px;
    height: 128px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0
}

.frame-group30913 {
    top: 72px;
    left: 44px;
    width: 97px;
    height: 32px;
    display: flex;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-ellipse1604 {
    top: 0;
    left: 0;
    width: 97px;
    height: 32px
}

.frame-ellipse1622 {
    top: 38px;
    left: 48px;
    width: 56px;
    height: 43px
}

.frame-ellipse1564 {
    top: 35px;
    left: 83px;
    width: 56px;
    height: 43px
}

.frame-image127 {
    top: 5px;
    left: 6px;
    width: 141px;
    height: 117px
}

.frame-image128 {
    top: -.173828125px;
    left: 43px;
    width: 94px;
    height: 128px
}

.frame-frame3093 {
    gap: 15px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-text036 {
    color: #fff;
    width: 240px;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none;
    white-space: break-spaces
}

.frame-text038 {
    color: #fff;
    width: 225px;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame3096 {
    gap: 10px;
    height: 62px;
    display: flex;
    padding: 30px;
    overflow: hidden;
    box-shadow: 0 0 15px -1px rgba(84, 255, 255, .3799999952);
    align-items: center;
    flex-shrink: 0;
    border-radius: 30px;
    justify-content: center;
    background-color: #3c6fab
}

.frame-text045 {
    color: #fff;
    height: auto;
    font-size: 22px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.questions {
    gap: 60px;
    top: 5450px;
    left: 165px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-text047 {
    color: #fff;
    height: auto;
    font-size: 41px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame31280 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-group31300 {
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-frame31276 {
    gap: 10px;
    top: 47px;
    left: 264px;
    display: flex;
    padding: 65px 67px 40px 67px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(255, 255, 255, .1400000006);
    align-items: flex-start;
    border-radius: 30px;
    background-color: #3c6fab
}

.answer-line {
    color: #fff;
    height: auto;
    font-size: 16px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none;
    width: 77%;
    align-self: flex-end;
    padding: 65px 67px 40px 67px;
    background-color: #3c70ab;
    border-radius: 30px;
    border-top-left-radius: 0;
    position: relative;
    margin-top: -50px;
    z-index: 2
}

.question {
    gap: 374px;
    top: 0;
    left: 0;
    width: 77%;
    display: flex;
    padding: 30px 35px;
    overflow: hidden;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: center;
    flex-shrink: 0;
    border-radius: 30px 30px 0;
    background-color: #121527;
    position: relative;
    z-index: 3
}

.frame-text054 {
    color: #fff;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-group31299 {
    width: 1091px;
    height: 196px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-frame31277 {
    gap: 10px;
    top: 47px;
    left: 265px;
    display: flex;
    padding: 65px 40px 40px 40px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(255, 255, 255, .1400000006);
    align-items: flex-start;
    border-radius: 30px;
    background-color: #3c6fab
}

.frame-text056 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame28 {
    gap: 365px;
    top: 0;
    left: 0;
    width: 846px;
    display: flex;
    padding: 30px 35px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: center;
    flex-shrink: 0;
    border-radius: 30px 30px 0;
    background-color: #121527
}

.frame-text061 {
    color: #fff;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-group31298 {
    width: 1092px;
    height: 169px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-frame31278 {
    gap: 10px;
    top: 42px;
    left: 264px;
    display: flex;
    padding: 65px 40px 40px 40px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(255, 255, 255, .1400000006);
    align-items: flex-start;
    border-radius: 30px;
    background-color: #3c6fab
}

.frame-text063 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: right;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame29 {
    gap: 267px;
    top: 0;
    left: 0;
    width: 846px;
    display: flex;
    padding: 30px 35px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: center;
    flex-shrink: 0;
    border-radius: 30px 30px 0;
    background-color: #121527
}

.frame-text065 {
    color: #fff;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-group31297 {
    width: 1091px;
    height: 196px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-frame31279 {
    gap: 10px;
    top: 47px;
    left: 265px;
    display: flex;
    padding: 65px 77px 40px 77px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(255, 255, 255, .1400000006);
    align-items: flex-start;
    border-radius: 30px;
    background-color: #3c6fab
}

.frame-text067 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame30 {
    gap: 228px;
    top: 0;
    left: 0;
    width: 846px;
    display: flex;
    padding: 30px 35px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: center;
    flex-shrink: 0;
    border-radius: 30px 30px 0;
    background-color: #121527
}

.frame-text072 {
    color: #fff;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.stack {
    gap: 60px;
    top: 4972px;
    left: 174px;
    width: 1100px;
    display: flex;
    width: 100%;
    align-items: flex-start;
    flex-direction: column
}

.frame-text074 {
    color: #fff;
    height: auto;
    font-size: 41px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-group3087 {
    width: 100%;
    position: relative;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-frame31248 {
    gap: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.frame-group31247 {
    width: 221px;
    height: 68.7555541992px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-vector {
    top: 0;
    left: 0;
    width: 50px;
    height: 44px
}

.frame-vector01 {
    top: 13.3301591873px;
    left: 76.4730148315px;
    width: 145px;
    height: 36px;
    opacity: .7
}

.frame-vector02 {
    top: 35.0793647766px;
    left: 14.0317459106px;
    width: 20px;
    height: 19px
}

.frame-vector03 {
    top: 44.2000007629px;
    left: 28.7650794983px;
    width: 41px;
    height: 25px
}

.frame-rectangle26 {
    width: 75px;
    height: 75px;
    border-radius: 11px
}

.frame-rectangle25 {
    width: 82px;
    height: 82px;
    border-radius: 11px
}

.frame-ts {
    width: 76px;
    height: 74.8685150146px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-vector04 {
    top: 0;
    left: 0;
    width: 76px;
    height: 75px
}

.frame-vector05 {
    top: 34.8825721741px;
    left: 15.5620584488px;
    width: 52px;
    height: 34px
}

.frame-group67 {
    width: 68px;
    height: 65.5826034546px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-vector06 {
    top: .0999038666px;
    left: .0623254515px;
    width: 68px;
    height: 65px
}

.frame-vector07 {
    top: .0999038666px;
    left: .0613299012px;
    width: 68px;
    height: 65px
}

.frame-vector08 {
    top: 42.9922332764px;
    left: 33.8030509949px;
    width: 19px;
    height: 23px
}

.frame-vector09 {
    top: .9172514081px;
    left: .0001035003px;
    width: 27px;
    height: 46px
}

.frame-vector10 {
    top: -.0001490277px;
    left: 41.4916915894px;
    width: 26px;
    height: 39px
}

.frame-vector11 {
    top: .7594565749px;
    left: 19.4467029572px;
    width: 48px;
    height: 45px
}

.frame-vector12 {
    top: 40.1544151306px;
    left: 20.26902771px;
    width: 14px;
    height: 8px
}

.frame-vector13 {
    top: 16.9431362152px;
    left: 19.1609802246px;
    width: 14px;
    height: 24px
}

.frame-vector14 {
    top: 19.3852233887px;
    left: 26.4255180359px;
    width: 3px;
    height: 2px
}

.frame-vector15 {
    top: 18.7192001343px;
    left: 50.578086853px;
    width: 3px;
    height: 2px
}

.frame-vector16 {
    top: 16.8764343262px;
    left: 55.1436843872px;
    width: 2px;
    height: 20px
}

.frame-group65 {
    width: 104px;
    height: 75.1216201782px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-svgid1 {
    top: 0;
    left: 0;
    width: 104px;
    height: 75px
}

.frame-rectangle28 {
    width: 116px;
    height: 62px;
    border-radius: 11px
}

.frame-image13 {
    width: 75px;
    height: 75px
}

.frame-rectangle30 {
    width: 75px;
    height: 75px;
    border-radius: 21px
}

.frame-frame312481 {
    margin-top: 15px;
    top: 69.3557128906px;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.frame-image68747470733a2f2f692e696d6775722e636f6d2f4c424 {
    width: 330px;
    height: 80px
}

.frame-sequelize11 {
    width: 180px;
    height: 180px
}

.frame-untitled32 {
    width: 263px;
    height: 156px
}

.frame-group {
    width: 144px;
    height: 71.2058029175px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-vector17 {
    top: 0;
    left: 0;
    width: 71px;
    height: 71px
}

.frame-group1 {
    top: 26.8603439331px;
    left: 79.1589202881px;
    width: 64.7784194946px;
    height: 19.1830120087px;
    display: flex;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-vector18 {
    top: 2.1409258842px;
    left: .0002273062px;
    width: 20px;
    height: 17px
}

.frame-vector19 {
    top: 2.9921221733px;
    left: 21.3976097107px;
    width: 15px;
    height: 16px
}

.frame-vector20 {
    top: 3.0274643898px;
    left: 39.3862228394px;
    width: 12px;
    height: 16px
}

.frame-vector21 {
    top: -.0000069079px;
    left: 54.4464263916px;
    width: 10px;
    height: 19px
}

.frame-image1180px-nodejslogo2 {
    width: 124px;
    height: 77px
}

.form {
    gap: 60px;
    top: 6615px;
    left: 165px;
    width: 1110px;
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: center
}

.frame-frame31250 {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-shrink: 0;
    gap: 20px
}

.frame-text076 {
    color: #fff;
    height: auto;
    font-size: 41px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.682%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame3089 {
    gap: 15px;
    display: flex;
    align-items: center
}

.frame-vector22 {
    width: 33px;
    height: 33px
}

.frame-image94 {
    width: 34px;
    height: 34px
}

.frame-text077 {
    color: #fff;
    height: auto;
    font-size: 26px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.682%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame31251 {
    gap: 85px;
    display: flex;
    align-items: flex-start
}

.frame-frame312482 {
    gap: 42px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-frame312483 {
    gap: 21px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-frame3094 {
    gap: 10px;
    height: 62px;
    display: flex;
    padding: 30px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: center;
    flex-shrink: 0;
    border-radius: 30px;
    background-color: #121527
}

.frame-text078 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

#input-wrap {
    gap: 10px;
    height: 62px;
    display: flex;
    padding: 30px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: center;
    flex-shrink: 0;
    border-radius: 30px;
    background-color: #121527;
    width: 100%
}

.number-input {
    position: relative
}

.frame-group3089 {
    width: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 1;
    background-color: #e53e3e;
    position: absolute;
    top: 21px;
    left: 30px
}

.frame-rectangle810 {
    top: 0;
    left: 0;
    width: 31px;
    height: 7px
}

.frame-rectangle811 {
    top: 7px;
    left: 0;
    width: 31px;
    height: 7px
}

.frame-text080 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame3092 {
    gap: 10px;
    height: 62px;
    display: flex;
    padding: 30px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: center;
    flex-shrink: 0;
    border-radius: 30px;
    background-color: #121527
}

.frame-text082 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame30931 {
    gap: 10px;
    display: flex;
    padding: 30px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25);
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 30px;
    background-color: #121527
}

.frame-text084 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame3095 {
    gap: 10px;
    width: 173px;
    height: 62px;
    display: flex;
    padding: 30px;
    overflow: hidden;
    box-shadow: 0 0 15px -1px rgba(84, 255, 255, .3799999952);
    align-items: center;
    flex-shrink: 0;
    border-radius: 30px;
    justify-content: center;
    background-color: #3c6fab;
    margin-top: 20px
}

.frame-text086 {
    color: #fff;
    font-size: 22px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text088 {
    color: #fff;
    width: 446px;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text089 {
    -webkit-text-decoration: NONE;
    text-decoration: NONE
}

.frame-g81 {
    width: 460px;
    height: 378px
}

.projects {
    gap: 60px;
    top: 888px;
    left: 165px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-text091 {
    color: #fff;
    height: auto;
    font-size: 41px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame31221 {
    width: 100%
}

.apps {
    gap: 59px;
    display: grid;
    grid-template-columns:1fr 1fr
}

.frame-frame3118 {
    gap: 40px;
    display: flex;
    align-items: flex-start
}

.app-wrap {
    gap: 19px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-rectangle2 {
    width: 535px;
    height: 404px;
    border-radius: 30px
}

.frame-frame3117 {
    gap: 40px;
    display: flex;
    align-items: flex-start
}

.frame-frame3 {
    gap: 19px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.app-name {
    color: #fff;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.app-description {
    color: #bed5ff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame24 {
    gap: 19px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.frame-rectangle21 {
    width: 535px;
    height: 404px;
    border-radius: 30px
}

.frame-frame22 {
    gap: 19px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-text097 {
    color: #fff;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text099 {
    color: #bed5ff;
    width: 467px;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame31222 {
    gap: 40px;
    display: flex;
    align-items: flex-start
}

.frame-frame231 {
    gap: 19px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-rectangle22 {
    width: 535px;
    height: 404px;
    border-radius: 30px
}

.frame-frame31171 {
    gap: 40px;
    display: flex;
    align-items: flex-start
}

.frame-frame31 {
    gap: 19px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-text101 {
    color: #fff;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text103 {
    color: #bed5ff;
    width: 535px;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame241 {
    gap: 19px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.frame-rectangle23 {
    width: 535px;
    height: 404px;
    border-radius: 30px
}

.frame-frame221 {
    gap: 19px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-text105 {
    color: #fff;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text107 {
    color: #bed5ff;
    width: 467px;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame31231 {
    gap: 40px;
    display: flex;
    align-items: flex-start
}

.frame-frame232 {
    gap: 19px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-rectangle24 {
    width: 535px;
    height: 404px;
    border-radius: 30px
}

.frame-frame31172 {
    gap: 40px;
    display: flex;
    align-items: flex-start
}

.frame-frame32 {
    gap: 19px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-text109 {
    color: #fff;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text111 {
    color: #bed5ff;
    width: 535px;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame242 {
    gap: 19px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.frame-rectangle25 {
    width: 535px;
    height: 404px;
    border-radius: 30px
}

.frame-frame222 {
    gap: 19px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-text113 {
    color: #fff;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text115 {
    color: #bed5ff;
    width: 467px;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame3111 {
    gap: 455px;
    display: flex;
    align-items: center;
    justify-content: center
}

.frame-frame30961 {
    gap: 10px;
    width: 308px;
    height: 62px;
    display: flex;
    padding: 30px;
    overflow: hidden;
    box-shadow: 0 0 15px -1px rgba(84, 255, 255, .3799999952);
    align-items: center;
    flex-shrink: 0;
    border-radius: 30px;
    justify-content: center;
    background-color: #3c6fab
}

.frame-text120 {
    color: #fff;
    height: auto;
    font-size: 22px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame3110 {
    gap: 19px;
    display: flex;
    align-items: center;
    justify-content: center
}

.frame-text122 {
    color: #fff;
    height: auto;
    font-size: 28px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-union {
    width: 131px;
    height: 63px
}

.development {
    width: 100%;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-group312411 {
    top: 0;
    left: 412.0001831055px;
    width: 861px;
    height: 685px
}

.frame-frame31262 {
    width: 50%;
    gap: 86px;
    top: 140px;
    left: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.frame-frame3116 {
    gap: 60px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-frame3115 {
    gap: 17px;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.frame-text124 {
    color: #fff;
    height: auto;
    font-size: 39px;
    font-style: Bold;
    text-align: left;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 120.1816320419%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text129 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.1816320419%;
    font-stretch: normal;
    text-decoration: none;
    max-width: 80%
}

.frame-frame3097 {
    gap: 10px;
    display: flex;
    padding: 20px 30px;
    overflow: hidden;
    box-shadow: 0 0 15px -1px rgba(84, 255, 255, .38);
    align-items: center;
    flex-shrink: 0;
    border-radius: 30px;
    justify-content: center;
    background-color: #3c6fab
}

.frame-text131 {
    color: #fff;
    height: auto;
    font-size: 22px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 120.0000047684%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame31261 {
    gap: 47px;
    display: flex;
    align-items: center
}

.frame-frame3107 {
    gap: 11px;
    display: flex;
    align-items: center
}

.frame-group3096 {
    width: 28px;
    height: 31px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 1
}

.frame-vector23 {
    top: 14.4007043839px;
    left: 10.8828992844px;
    width: 6px;
    height: 6px
}

.frame-vector24 {
    top: 0;
    left: 0;
    width: 28px;
    height: 31px
}

.frame-text133 {
    color: #94b8ff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame3109 {
    gap: 11px;
    display: flex;
    align-items: center
}

.frame-vector25 {
    width: 22px;
    height: 26px
}

.frame-text135 {
    color: #94b8ff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame3108 {
    gap: 11px;
    display: flex;
    align-items: center
}

.frame-group30971 {
    width: 28px;
    height: 29px
}

.frame-text137 {
    color: #94b8ff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame31422 {
    gap: 158px;
    top: 7450px;
    left: 169px;
    width: 1103px;
    display: flex;
    align-items: center;
    justify-content: center
}

.frame-text139 {
    color: #b3b3b3;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text146 {
    color: #b3b3b3;
    width: 481px;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: right;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.navbar {
    display: grid;
    grid-template-columns:repeat(7, auto);
    grid-template-rows:1fr;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative
}

#navbar {
    padding-bottom: 0
}

.frame-g811 {
    width: 60px;
    height: 47px
}

.frame-text151 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text153 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text155 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text157 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-text159 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.frame-frame3090 {
    gap: 9px;
    display: flex;
    align-items: center;
    justify-content: center
}

.frame-vector26 {
    width: 18px;
    height: 18px
}

.frame-image941 {
    width: 34px;
    height: 34px
}

.frame-text161 {
    color: #fff;
    height: auto;
    font-size: 18px;
    font-style: Regular;
    text-align: left;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 116.6816353798%;
    font-stretch: normal;
    text-decoration: none
}

.flag {
    width: 30px;
    height: 7px
}

.white {
    background-color: #fff
}

.blue {
    background-color: #483cd4
}

.red {
    background-color: #e53f3f
}

input, textarea {
    resize: vertical !important;
    color: #fff;
    width: 545px
}

textarea {
    display: inline-table !important
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ffffff6e
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ffffff6e
}

input::placeholder, textarea::placeholder {
    color: #ffffff6e
}

@media (max-width: 1200px) {
    .clients, .form, .projects, .questions, .stack, .steps {
        gap: 40px
    }


    .cont {
        width: 930px
    }

    .frame-frame31261 {
        margin-top: 30px
    }

    .regular-text {
        font-size: 14px !important
    }

    .big-text {
        font-size: 22px !important
    }

    .header {
        font-size: 32px !important
    }

    .answer-line, .button-text, .question {
        font-size: 18px !important
    }

    .frame-frame135 {
        gap: unset
    }

    .connection {
        gap: 0
    }

    .computer {
        width: 100%;
        scale: 1.4
    }

    input, textarea {
        width: 100%
    }

    .frame-frame31251 {
        flex-direction: column;
        width: 100%;
        align-items: center
    }

    .frame-frame312482 {
        width: 100%
    }

    .frame-frame312483 {
        width: 100%
    }

    .form {
        width: 100%
    }

    .number-input {
        width: 100%
    }

    .frame-frame3095 {
        width: 100%;
        justify-content: center
    }

    .frame-frame31248 {
        flex-wrap: wrap;
        -moz-column-gap: 90px;
        column-gap: 90px;
        row-gap: 15px
    }

    .frame-frame312481 {
        flex-wrap: wrap-reverse;
        -moz-column-gap: 60px;
        column-gap: 60px;
        row-gap: 15px
    }

    .frame-image94, .frame-vector22 {
        width: 20px;
        height: 20px
    }

    .frame-g81 {
        width: 350px
    }

    .frame-frame31251 {
        gap: 0
    }

    footer {
        padding-top: 0
    }
}

@media (max-width: 991px) {
    .cont {
        width: 730px
    }

    .regular-text {
        font-size: 12px !important
    }

    .big-text {
        font-size: 18px !important
    }

    .header {
        font-size: 26px !important
    }

    .answer-line, .button-text, .question {
        font-size: 14px !important
    }

    .big-number {
        font-size: 50px
    }

    .frame-text151, .frame-text153, .frame-text155, .frame-text157, .frame-text159 {
        text-align: center;
        padding: 10px
    }

    .frame-frame3090 {
        width: 150px;
        margin-left: 15px
    }

    .more {
        margin-top: 35px
    }

    .frame-frame31403 img {
        width: 150px
    }

    .frame-frame31418 {
        padding: 30px
    }

    .frame-frame31258 {
        grid-template-columns:1fr 1fr;
        grid-template-rows:350px
    }

    .frame-frame9 {
        grid-column: 1/3;
        grid-row: 1/2;
        flex-direction: row
    }

    .circle {
        width: 45%
    }

    .frame-frame5 {
        grid-column: 1/2;
        grid-row: 2/3
    }

    .frame-frame12 {
        grid-column: 2/3;
        grid-row: 2/3
    }

    .frame-frame132 {
        grid-column: 1/2;
        grid-row: 3/4
    }

    .frame-frame14 {
        grid-column: 2/3;
        grid-row: 3/4
    }

    .frame-frame16 {
        grid-column: 1/3;
        grid-row: 4/5
    }

    .frame-frame15 {
        grid-column: 1/3;
        grid-row: 5/6
    }

    .frame-frame135 {
        width: 100%;
        justify-content: space-between
    }

    .frame-frame312541 {
        height: 275px;
        width: 350px
    }

    .computer {
        scale: unset
    }

    .frame-frame31248 {
        -moz-column-gap: 110px;
        column-gap: 110px;
        justify-content: space-around;
        row-gap: 25px
    }

    .questions {
        width: 100%
    }

    .frame-frame30931 {
        overflow-y: scroll
    }

    .top-inner {
        width: 70px
    }

    .top-text {
        font-size: 19px
    }
}

@media (max-width: 768px) {
    .cont {
        width: 400px
    }

    .top {
        display: none
    }

    .navbar {
        grid-template-columns:repeat(3, 33%);
        row-gap: 20px
    }

    .frame-g811 {
        grid-column: 1/4;
        grid-row: 1/2;
        width: 100%;
        height: 200px;
        margin-bottom: 10px
    }

    .frame-text157 {
        margin-left: 85px
    }

    .frame-text159 {
        margin-left: 85px;
        white-space: nowrap
    }

    .frame-frame3090 {
        grid-column: 1/4;
        grid-row: 2/3;
        width: 100%
    }

    .animation {
        flex-direction: column-reverse;
        align-items: center;
        gap: 30px
    }

    .frame-frame3116, .frame-frame31262, .main-comp {
        width: 100%
    }

    .frame-frame3097 {
        width: 100%
    }

    .frame-frame31261 {
        flex-direction: column;
        margin-top: 45px;
        gap: 25px
    }

    .connection {
        gap: 15%
    }

    .apps {
        grid-template-columns:1fr
    }

    .more {
        flex-direction: column-reverse;
        gap: 30px;
        margin-top: 25px
    }

    .frame-frame30961, .frame-frame31403 {
        width: 100%
    }

    .frame-frame31246, .frame-frame31247, .frame-frame31281 {
        flex-wrap: wrap;
        -moz-column-gap: 10px;
        column-gap: 10px;
        row-gap: 0;
        justify-content: space-between;
        width: 100%
    }

    .frame-frame31418 {
        padding: 13px
    }

    .frame-frame31258 {
        grid-template-columns:1fr;
        grid-template-rows:430px
    }

    .frame-frame9 {
        grid-column: 1/2;
        grid-row: 1/2;
        flex-direction: column;
        align-items: center
    }

    .frame-frame5 {
        grid-column: 1/2;
        grid-row: 2/3
    }

    .frame-frame12 {
        grid-column: 1/2;
        grid-row: 3/4
    }

    .frame-frame132 {
        grid-column: 1/2;
        grid-row: 4/5
    }

    .frame-frame14 {
        grid-column: 1/2;
        grid-row: 5/6
    }

    .frame-frame16 {
        grid-column: 1/2;
        grid-row: 6/7
    }

    .frame-frame15 {
        grid-column: 1/2;
        grid-row: 7/8
    }

    .frame-frame16 {
        flex-direction: column
    }

    .frame-frame17 {
        height: unset
    }

    .frame-frame312541 {
        width: unset
    }

    .frame-frame312481 {
        justify-content: center
    }

    .frame-frame31250 {
        align-items: center;
        gap: 20px
    }
}

@media (max-width: 424px) {
    .cont {
        width: 320px
    }

    .frame-g811 {
        height: 150px
    }

    .navbar {
        grid-template-columns:30% 30% 40%
    }

    .frame-text157, .frame-text159 {
        margin-left: 60px
    }

    .frame-frame3116 {
        gap: 30px
    }

    .frame-union {
        height: unset;
        width: 80px
    }

    .clients, .form, .projects, .questions, .stack, .steps {
        gap: 30px
    }

    .frame-frame31246, .frame-frame31247, .frame-frame31281 {
        gap: 15px;
        justify-content: center;
        margin-bottom: 15px
    }

    .apps {
        gap: 40px
    }

    .app-wrap {
        gap: 12px
    }

    .frame-frame3096, .telegraf {
        width: 100%;
        filter: grayscale(1)
    }

    .answer-line, .question {
        padding: 16px 35px
    }

    .answer-line {
        margin-top: -10px
    }

    .frame-g81 {
        width: 250px;
        height: auto;
        margin-top: 50px
    }

    .connection {
        flex-direction: column;
        justify-content: center;
        gap: 20px
    }

    .frame-text139, .frame-text146 {
        text-align: center;
        width: 100%
    }

    .frame-text088, .frame-text089 {
        width: 100%;
    }

    .navbar > a {
        display: none
    }

    .burger {
        position: fixed;
        z-index: 999;
        top: 0;
        right: 0;
        display: flex;
        padding: 15px;
        flex-direction: column;
        justify-content: space-between;
        width: 70px;
        height: 51px
    }

    .burger > div {
        width: 38px;
        height: 18px;
        position: relative
    }

    .burger-line {
        transition: linear all .5s;
        position: absolute;
        width: 100%
    }

    ._1 {
        top: 0
    }

    ._2 {
        top: 9px;
        right: 0
    }

    ._3 {
        top: 18px
    }

    .burger.open .burger-line._1 {
        transform: rotate(45deg);
        top: 9px
    }

    .burger.open .burger-line._2 {
        right: -200px
    }

    .burger.open .burger-line._3 {
        transform: rotate(-45deg);
        top: 9px
    }

    .burger-line {
        width: 100%;
        height: 15%;
        background-color: #fff
    }

    .burger-menu {
        z-index: 999;
        display: inline-block;
        width: 80%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: -100%;
        background-color: #34567f;
        transition: linear left .5s
    }

    .overlay {
        position: fixed;
        height: 100vh;
        width: 100vw;
        background-color: #abaaaa2e;
        left: -130%;
        transition: linear left .5s
    }

    .overlay.open {
        left: 0
    }

    .burger-menu.open {
        left: 0
    }

    .menu-wrap {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding: 20% 0;
        align-self: center
    }

    .menu-wrap span {
        font-size: 20px !important
    }

    .frame-frame3090, .frame-text157, .frame-text159 {
        margin: 0
    }

    .frame-text129 {
        max-width: 100%
    }

    .top {
        justify-content: center
    }

    .top-inner {
        width: 50px
    }

    .top-text {
        font-size: 15px
    }
}

.phonemask_option:hover {
    background-color: #c5c5c5
}

.phonemask_option {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    color: #000
}

.flag_code {
    display: flex
}

.flag_icon {
    background-image: url(../../../img/playground_assets/flags.webp);
    width: 18px;
    height: 13px;
    background-repeat: no-repeat;
    margin-left: 8px
}

.flag_icon[data-flag=al] {
    background-position: -117px -5px
}

.flag_icon[data-flag=dz] {
    background-position: -61px -97px
}

.flag_icon[data-flag=af] {
    background-position: -61px -5px
}

.flag_icon[data-flag=ad] {
    background-position: -5px -5px
}

.flag_icon[data-flag=ao] {
    background-position: -173px -5px
}

.flag_icon[data-flag=am] {
    background-position: -145px -5px
}

.flag_icon[data-flag=ag] {
    background-position: -89px -5px
}

.flag_icon[data-flag=ar] {
    background-position: -201px -5px
}

.flag_icon[data-flag=au] {
    background-position: -257px -5px
}

.flag_icon[data-flag=at] {
    background-position: -229px -5px
}

.flag_icon[data-flag=az] {
    background-position: -285px -5px
}

.flag_icon[data-flag=bs] {
    background-position: -5px -51px
}

.flag_icon[data-flag=bh] {
    background-position: -145px -28px
}

.flag_icon[data-flag=bd] {
    background-position: -33px -28px
}

.flag_icon[data-flag=bb] {
    background-position: -5px -28px
}

.flag_icon[data-flag=by] {
    background-position: -89px -51px
}

.flag_icon[data-flag=be] {
    background-position: -61px -28px
}

.flag_icon[data-flag=bz] {
    background-position: -117px -51px
}

.flag_icon[data-flag=bj] {
    background-position: -201px -28px
}

.flag_icon[data-flag=bt] {
    background-position: -33px -51px
}

.flag_icon[data-flag=bo] {
    background-position: -285px -28px
}

.flag_icon[data-flag=ba] {
    background-position: -313px -5px
}

.flag_icon[data-flag=bw] {
    background-position: -61px -51px
}

.flag_icon[data-flag=br] {
    background-position: -313px -28px
}

.flag_icon[data-flag=bm] {
    background-position: -229px -28px
}

.flag_icon[data-flag=bn] {
    background-position: -257px -28px
}

.flag_icon[data-flag=bg] {
    background-position: -117px -28px
}

.flag_icon[data-flag=bf] {
    background-position: -89px -28px
}

.flag_icon[data-flag=bi] {
    background-position: -173px -28px
}

.flag_icon[data-flag=kh] {
    background-position: -229px -166px
}

.flag_icon[data-flag=cm] {
    background-position: -33px -74px
}

.flag_icon[data-flag=ca] {
    background-position: -145px -51px
}

.flag_icon[data-flag=cv] {
    background-position: -173px -74px
}

.flag_icon[data-flag=cf] {
    background-position: -201px -51px
}

.flag_icon[data-flag=td] {
    background-position: -173px -327px
}

.flag_icon[data-flag=cl] {
    background-position: -5px -74px
}

.flag_icon[data-flag=cn] {
    background-position: -61px -74px
}

.flag_icon[data-flag=co] {
    background-position: -89px -74px
}

.flag_icon[data-flag=km] {
    background-position: -285px -166px
}

.flag_icon[data-flag=cd] {
    background-position: -173px -51px
}

.flag_icon[data-flag=cg] {
    background-position: -229px -51px
}

.flag_icon[data-flag=ck] {
    background-position: -313px -51px
}

.flag_icon[data-flag=cr] {
    background-position: -117px -74px
}

.flag_icon[data-flag=ci] {
    background-position: -285px -51px
}

.flag_icon[data-flag=hr] {
    background-position: -117px -143px
}

.flag_icon[data-flag=cu] {
    background-position: -145px -74px
}

.flag_icon[data-flag=cy] {
    background-position: -201px -74px
}

.flag_icon[data-flag=cz] {
    background-position: -229px -74px
}

.flag_icon[data-flag=dk] {
    background-position: -313px -74px
}

.flag_icon[data-flag=dj] {
    background-position: -285px -74px
}

.flag_icon[data-flag=dm] {
    background-position: -5px -97px
}

.flag_icon[data-flag=do] {
    background-position: -33px -97px
}

.flag_icon[data-flag=ec] {
    background-position: -89px -97px
}

.flag_icon[data-flag=eg] {
    background-position: -145px -97px
}

.flag_icon[data-flag=sv] {
    background-position: -89px -327px
}

.flag_icon[data-flag=gq] {
    background-position: -257px -120px
}

.flag_icon[data-flag=er] {
    background-position: -201px -97px
}

.flag_icon[data-flag=ee] {
    background-position: -117px -97px
}

.flag_icon[data-flag=et] {
    background-position: -257px -97px
}

.flag_icon[data-flag=fj] {
    background-position: -313px -97px
}

.flag_icon[data-flag=fi] {
    background-position: -285px -97px
}

.flag_icon[data-flag=fr] {
    background-position: -33px -120px
}

.flag_icon[data-flag=ga] {
    background-position: -61px -120px
}

.flag_icon[data-flag=gm] {
    background-position: -201px -120px
}

.flag_icon[data-flag=ge] {
    background-position: -145px -120px
}

.flag_icon[data-flag=de] {
    background-position: -257px -74px
}

.flag_icon[data-flag=gh] {
    background-position: -173px -120px
}

.flag_icon[data-flag=gr] {
    background-position: -285px -120px
}

.flag_icon[data-flag=gd] {
    background-position: -117px -120px
}

.flag_icon[data-flag=gt] {
    background-position: -313px -120px
}

.flag_icon[data-flag=gn] {
    background-position: -229px -120px
}

.flag_icon[data-flag=gw] {
    background-position: -5px -143px
}

.flag_icon[data-flag=gy] {
    background-position: -33px -143px
}

.flag_icon[data-flag=ht] {
    background-position: -145px -143px
}

.flag_icon[data-flag=hn] {
    background-position: -89px -143px
}

.flag_icon[data-flag=hk] {
    background-position: -61px -143px
}

.flag_icon[data-flag=hu] {
    background-position: -173px -143px
}

.flag_icon[data-flag=is] {
    background-position: -33px -166px
}

.flag_icon[data-flag=in] {
    background-position: -285px -143px
}

.flag_icon[data-flag=id] {
    background-position: -201px -143px
}

.flag_icon[data-flag=ir] {
    background-position: -5px -166px
}

.flag_icon[data-flag=iq] {
    background-position: -313px -143px
}

.flag_icon[data-flag=ie] {
    background-position: -229px -143px
}

.flag_icon[data-flag=il] {
    background-position: -257px -143px
}

.flag_icon[data-flag=it] {
    background-position: -61px -166px
}

.flag_icon[data-flag=im] {
    background-position: -89px -166px
}

.flag_icon[data-flag=jp] {
    background-position: -145px -166px
}

.flag_icon[data-flag=jo] {
    background-position: -117px -166px
}

.flag_icon[data-flag=kz] {
    background-position: -117px -189px
}

.flag_icon[data-flag=ke] {
    background-position: -173px -166px
}

.flag_icon[data-flag=ki] {
    background-position: -257px -166px
}

.flag_icon[data-flag=kw] {
    background-position: -89px -189px
}

.flag_icon[data-flag=kg] {
    background-position: -201px -166px
}

.flag_icon[data-flag=la] {
    background-position: -145px -189px
}

.flag_icon[data-flag=lv] {
    background-position: -61px -212px
}

.flag_icon[data-flag=lb] {
    background-position: -173px -189px
}

.flag_icon[data-flag=ls] {
    background-position: -313px -189px
}

.flag_icon[data-flag=lr] {
    background-position: -285px -189px
}

.flag_icon[data-flag=ly] {
    background-position: -89px -212px
}

.flag_icon[data-flag=li] {
    background-position: -229px -189px
}

.flag_icon[data-flag=lt] {
    background-position: -5px -212px
}

.flag_icon[data-flag=lu] {
    background-position: -33px -212px
}

.flag_icon[data-flag=mo] {
    background-position: -61px -235px
}

.flag_icon[data-flag=mk] {
    background-position: -285px -212px
}

.flag_icon[data-flag=mg] {
    background-position: -229px -212px
}

.flag_icon[data-flag=mw] {
    background-position: -201px -235px
}

.flag_icon[data-flag=my] {
    background-position: -257px -235px
}

.flag_icon[data-flag=mv] {
    background-position: -173px -235px
}

.flag_icon[data-flag=ml] {
    background-position: -313px -212px
}

.flag_icon[data-flag=mt] {
    background-position: -117px -235px
}

.flag_icon[data-flag=mh] {
    background-position: -257px -212px
}

.flag_icon[data-flag=mr] {
    background-position: -89px -235px
}

.flag_icon[data-flag=mu] {
    background-position: -145px -235px
}

.flag_icon[data-flag=mx] {
    background-position: -229px -235px
}

.flag_icon[data-flag=mb] {
    background-position: -229px -235px
}

.flag_icon[data-flag=fm] {
    background-position: -5px -120px
}

.flag_icon[data-flag=md] {
    background-position: -173px -212px
}

.flag_icon[data-flag=mc] {
    background-position: -145px -212px
}

.flag_icon[data-flag=mn] {
    background-position: -33px -235px
}

.flag_icon[data-flag=me] {
    background-position: -201px -212px
}

.flag_icon[data-flag=ma] {
    background-position: -117px -212px
}

.flag_icon[data-flag=mz] {
    background-position: -285px -235px
}

.flag_icon[data-flag=mm] {
    background-position: -5px -235px
}

.flag_icon[data-flag=na] {
    background-position: -313px -235px
}

.flag_icon[data-flag=nr] {
    background-position: -145px -258px
}

.flag_icon[data-flag=np] {
    background-position: -341px -5px
}

.flag_icon[data-flag=nl] {
    background-position: -89px -258px
}

.flag_icon[data-flag=nz] {
    background-position: -201px -258px
}

.flag_icon[data-flag=ni] {
    background-position: -61px -258px
}

.flag_icon[data-flag=ne] {
    background-position: -5px -258px
}

.flag_icon[data-flag=ng] {
    background-position: -33px -258px
}

.flag_icon[data-flag=nu] {
    background-position: -173px -258px
}

.flag_icon[data-flag=kp] {
    background-position: -5px -189px
}

.flag_icon[data-flag=no] {
    background-position: -117px -258px
}

.flag_icon[data-flag=om] {
    background-position: -229px -258px
}

.flag_icon[data-flag=pa] {
    background-position: -257px -258px
}

.flag_icon[data-flag=pk] {
    background-position: -33px -281px
}

.flag_icon[data-flag=pw] {
    background-position: -145px -281px
}

.flag_icon[data-flag=ps] {
    background-position: -89px -281px
}

.flag_icon[data-flag=pg] {
    background-position: -313px -258px
}

.flag_icon[data-flag=py] {
    background-position: -173px -281px
}

.flag_icon[data-flag=pe] {
    background-position: -285px -258px
}

.flag_icon[data-flag=ph] {
    background-position: -5px -281px
}

.flag_icon[data-flag=pl] {
    background-position: -61px -281px
}

.flag_icon[data-flag=pt] {
    background-position: -117px -281px
}

.flag_icon[data-flag=qa] {
    background-position: -201px -281px
}

.flag_icon[data-flag=ro] {
    background-position: -229px -281px
}

.flag_icon[data-flag=ru] {
    background-position: -285px -281px
}

.flag_icon[data-flag=rw] {
    background-position: -313px -281px
}

.flag_icon[data-flag=kn] {
    background-position: -313px -166px
}

.flag_icon[data-flag=lc] {
    background-position: -201px -189px
}

.flag_icon[data-flag=vc] {
    background-position: -341px -304px
}

.flag_icon[data-flag=ws] {
    background-position: -61px -350px
}

.flag_icon[data-flag=sm] {
    background-position: -257px -304px
}

.flag_icon[data-flag=st] {
    background-position: -61px -327px
}

.flag_icon[data-flag=sa] {
    background-position: -5px -304px
}

.flag_icon[data-flag=sn] {
    background-position: -285px -304px
}

.flag_icon[data-flag=rs] {
    background-position: -257px -281px
}

.flag_icon[data-flag=sc] {
    background-position: -61px -304px
}

.flag_icon[data-flag=sl] {
    background-position: -229px -304px
}

.flag_icon[data-flag=sg] {
    background-position: -145px -304px
}

.flag_icon[data-flag=sk] {
    background-position: -201px -304px
}

.flag_icon[data-flag=si] {
    background-position: -173px -304px
}

.flag_icon[data-flag=sb] {
    background-position: -33px -304px
}

.flag_icon[data-flag=so] {
    background-position: -313px -304px
}

.flag_icon[data-flag=za] {
    background-position: -117px -350px
}

.flag_icon[data-flag=kr] {
    background-position: -33px -189px
}

.flag_icon[data-flag=ss] {
    background-position: -33px -327px
}

.flag_icon[data-flag=es] {
    background-position: -229px -97px
}

.flag_icon[data-flag=lk] {
    background-position: -257px -189px
}

.flag_icon[data-flag=sd] {
    background-position: -89px -304px
}

.flag_icon[data-flag=sr] {
    background-position: -5px -327px
}

.flag_icon[data-flag=sz] {
    background-position: -145px -327px
}

.flag_icon[data-flag=se] {
    background-position: -117px -304px
}

.flag_icon[data-flag=ch] {
    background-position: -257px -51px
}

.flag_icon[data-flag=sy] {
    background-position: -117px -327px
}

.flag_icon[data-flag=tw] {
    background-position: -341px -120px
}

.flag_icon[data-flag=tj] {
    background-position: -257px -327px
}

.flag_icon[data-flag=tz] {
    background-position: -341px -143px
}

.flag_icon[data-flag=th] {
    background-position: -229px -327px
}

.flag_icon[data-flag=tg] {
    background-position: -201px -327px
}

.flag_icon[data-flag=to] {
    background-position: -341px -28px
}

.flag_icon[data-flag=tt] {
    background-position: -341px -74px
}

.flag_icon[data-flag=tn] {
    background-position: -367px -5px
}

.flag_icon[data-flag=tr] {
    background-position: -341px -51px
}

.flag_icon[data-flag=tm] {
    background-position: -313px -327px
}

.flag_icon[data-flag=tv] {
    background-position: -341px -97px
}

.flag_icon[data-flag=ug] {
    background-position: -341px -189px
}

.flag_icon[data-flag=ua] {
    background-position: -341px -166px
}

.flag_icon[data-flag=ae] {
    background-position: -33px -5px
}

.flag_icon[data-flag=gb] {
    background-position: -89px -120px
}

.flag_icon[data-flag=us] {
    background-position: -341px -212px
}

.flag_icon[data-flag=uy] {
    background-position: -341px -235px
}

.flag_icon[data-flag=uz] {
    background-position: -341px -258px
}

.flag_icon[data-flag=vu] {
    background-position: -33px -350px
}

.flag_icon[data-flag=va] {
    background-position: -341px -281px
}

.flag_icon[data-flag=ve] {
    background-position: -341px -327px
}

.flag_icon[data-flag=vn] {
    background-position: -5px -350px
}

.flag_icon[data-flag=ye] {
    background-position: -89px -350px
}

.flag_icon[data-flag=zm] {
    background-position: -145px -350px
}

.flag_icon[data-flag=zw] {
    background-position: -173px -350px
}

#phone_input {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0
}

#phone_input:focus-visible {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-color: rgba(0, 0, 0, 0);
    outline: 0
}