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

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

.hover-link {
  position: relative;
}

.hover-link::after {
  content: '';
  transition: linear width 0.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: 0.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: 0.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: 0.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, 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, 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, 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, 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, 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, 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, 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: 0.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: -0.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, 0.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, 0.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, 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, 0.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, 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, 0.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, 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, 0.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, 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: 0.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: 0.0999038666px;
  left: 0.0623254515px;
  width: 68px;
  height: 65px;
}

.frame-vector07 {
  top: 0.0999038666px;
  left: 0.0613299012px;
  width: 68px;
  height: 65px;
}

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

.frame-vector09 {
  top: 0.9172514081px;
  left: 0.0001035003px;
  width: 27px;
  height: 46px;
}

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

.frame-vector11 {
  top: 0.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: 0.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: -0.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, 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, 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, 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, 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, 0.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, 0.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, 0.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 {
    width: 100%;
    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 0.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 0.5s;
  }

  .overlay {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: #abaaaa2e;
    left: -130%;
    transition: linear left 0.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;
}