/* screen - index */

.index {
  align-items: center;
  background-color: var(--gallery);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  width: 1280px;
  width: 100%;
}

.x1-top {
  align-items: center;
  background-color: var(--hunter-green);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 880px;
  width: 1440px;
  background: url('../img/imgbg-1.png');
  width:100%;
  background-size: cover;
}

.x1-top .content-x{
  width: 1280px;
  display: flex;
  justify-content: space-between;
  margin-top:250px;
}

.x1-top .header {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  height: 80px;
  mix-blend-mode: normal;
  padding: 21px 0;
  width: 1280px;
  justify-content: space-between;
}

.x1-top  .logo {
  height: 27px;
  width: 180px;
}

.x1-top .menu {
  align-items: center;
  display: flex;
  gap: 36px;
  justify-content: center;
  position: relative;
  width: fit-content;
}

.x1-top .frame-100000359 {
  align-items: flex-start;
  display: flex;
  gap: 4px;
  position: relative;
  width: fit-content;
}

.x1-top .en {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1-top .x-1 {
  height: 15.7px;
  min-width: 6.52px;
  position: relative;

}

.x1-top .ru {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1px;
  opacity: 0.5;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1-top .faq {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1-top .x1-top .text {
  letter-spacing: 0;
  position: relative;
}

.x1-top .text-2 {
  line-height: 18px;
  margin-top: -1px;
  white-space: nowrap;
  width: fit-content;
}

.x1-top .text-4 {
  line-height: 18px;
  margin-top: -1px;
  white-space: nowrap;
  width: fit-content;
}

.x1-top .frame-1000003810 {
  height: 1px;
  min-width: 1px;
  position: relative;
}

.x1-top .frame-1000003606 {
  align-items: center;
  display: flex;
  gap: 4px;
  position: relative;
  width: fit-content;
}

.x1-top .frame-1000003185 {
  height: 8px;
  min-width: 10px;
  position: relative;

}

.x1-top .text-3 {
  line-height: 18px;
  margin-top: -1px;
  white-space: nowrap;
  width: fit-content;
}

.x1-top .phonelink {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: fit-content;
}

.x1-top .text-5 {
  line-height: 10px;

  white-space: nowrap;
  width: 154px;
}

.x1-top .phone {
  height: 22px;
  min-width: 22px;
  position: relative;

}

.x1-top .section-title {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-s);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
  color:#000;
}

.x1-top .overlap-group1 {
  height: 800px;
  position: relative;
  width: 1440px;
}

.x1-top .content {
  align-items: flex-end;
  display: flex;
  gap: 20px;
  justify-content: center;
  left: 190px;
  position: absolute;
  top: 82px;

  width: fit-content;
}

.x1-top .content-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 35px;
  position: relative;
  width: 520px;
}

.x1-top .frame-1000003803 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 25px;
  position: relative;
  width: fit-content;
}

.x1-top .text_label {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 27px;
  position: relative;
  width: 520px;
}

.x1-top .x {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: 48px;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 56px;
  margin-top: -1px;
  position: relative;
  width: 520px;
}

.x1-top .button {
  align-items: center;
  background-color: 
#D64356;
  border-radius: 2px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 18px 24px;
  position: relative;
  width: 250px;
}

.x1-top .valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.index .x1-top .text-1 {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.x1-top .slider {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: flex-end;
  position: relative;
  width: fit-content;
}

.x1-top .timer {
  height: 14px;
  min-width: 14px;
  position: relative;
}

.x1-top .overlap-group {
  height: 14px;
  position: relative;
  width: 14px;
}

.x1-top .subtract {
  height: 14px;
  left: 0;
  position: absolute;
  top: 0;
  width: 14px;
}

.x1-top .ellipse {
  border: 2px solid;
  border-color: var(--black);
  border-radius: 7px;
  height: 14px;
  left: 0;
  opacity: 0.2;
  position: absolute;
  top: 0;
  width: 14px;
}

.x1-top .nav {
  height: 4px;
  min-width: 520px;
  position: relative;
}

.x1-top .imgbg {
  height: 800px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.index .x2-video {
  background-color: var(--hunter-green);
  background: #fff;
  height: 1200px;
  padding: 80px 0;
  width: 1280px;
  width: 100%;
  height: 600px;
  background-image: url(../img/wrld.png);
}

.index .overlap-group5 {
  height: 1018px;
  position: relative;
  width: 1280px;
  width: 100%;
}

.index .world-1-1 {
  align-items: flex-start;
  display: flex;
  gap: 1px;
  height: 950px;
  left: 0;
  overflow: hidden;
  padding: 0.4px 0;
  position: absolute;
  top: 0;
  width: 1280px;
  width:100%;
  justify-content: center;
}

.index .overlap-group4 {
  height: 949px;
  position: relative;
  width: 1439px;
}

.index .overlap-group {
  height: 930px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1438px;
}

.index .ad {
  height: 1px;
  left: 682px;
  position: absolute;
  top: 472px;
  width: 1px;
}

.index .ae {
  height: 15px;
  left: 883px;
  position: absolute;
  top: 553px;
  width: 19px;
}

.index .af {
  height: 44px;
  left: 919px;
  position: absolute;
  top: 494px;
  width: 58px;
}

.index .al {
  height: 16px;
  left: 754px;
  position: absolute;
  top: 472px;
  width: 7px;
}

.index .am {
  height: 13px;
  left: 851px;
  position: absolute;
  top: 479px;
  width: 13px;
}

.index .ao {
  height: 55px;
  left: 724px;
  position: absolute;
  top: 678px;
  width: 49px;
}

.index .ar {
  height: 175px;
  left: 382px;
  position: absolute;
  top: 749px;
  width: 80px;
}

.index .at {
  height: 15px;
  left: 715px;
  position: absolute;
  top: 435px;
  width: 31px;
}

.index .au {
  height: 222px;
  left: 1129px;
  position: absolute;
  top: 700px;
  width: 184px;
}

.index .aw {
  height: 1px;
  left: 396px;
  position: absolute;
  top: 609px;
  width: 1px;
}

.index .ax {
  height: 3px;
  left: 755px;
  position: absolute;
  top: 356px;
  width: 4px;
}

.index .az {
  height: 18px;
  left: 856px;
  position: absolute;
  top: 476px;
  width: 22px;
}

.index .ba {
  height: 15px;
  left: 740px;
  position: absolute;
  top: 457px;
  width: 15px;
}

.index .bd {
  height: 25px;
  left: 1029px;
  position: absolute;
  top: 550px;
  width: 18px;
}

.index .be {
  height: 12px;
  left: 687px;
  position: absolute;
  top: 420px;
  width: 15px;
}

.index .bf {
  height: 23px;
  left: 655px;
  position: absolute;
  top: 599px;
  width: 32px;
}

.index .bg {
  height: 16px;
  left: 766px;
  position: absolute;
  top: 463px;
  width: 25px;
}

.index .bh {
  height: 2px;
  left: 879px;
  position: absolute;
  top: 552px;
  width: 1px;
}

.index .bi {
  height: 9px;
  left: 793px;
  position: absolute;
  top: 669px;
  width: 7px;
}

.index .bj {
  height: 25px;
  left: 680px;
  position: absolute;
  top: 610px;
  width: 12px;
}

.index .bn {
  height: 4px;
  left: 1133px;
  position: absolute;
  top: 640px;
  width: 5px;
}

.index .bo {
  height: 55px;
  left: 398px;
  position: absolute;
  top: 699px;
  width: 49px;
}

.index .bq {
  height: 23px;
  left: 403px;
  position: absolute;
  top: 589px;
  width: 22px;
}

.index .br {
  height: 164px;
  left: 381px;
  position: absolute;
  top: 639px;
  width: 157px;
}

.index .bs {
  height: 26px;
  left: 361px;
  position: absolute;
  top: 549px;
  width: 25px;
}

.index .bt {
  height: 7px;
  left: 1032px;
  position: absolute;
  top: 542px;
  width: 13px;
}

.index .bw {
  height: 39px;
  left: 757px;
  position: absolute;
  top: 732px;
  width: 38px;
}

.index .by {
  height: 33px;
  left: 770px;
  position: absolute;
  top: 388px;
  width: 38px;
}

.index .bz {
  height: 11px;
  left: 320px;
  position: absolute;
  top: 585px;
  width: 6px;
}

.index .ca {
  height: 460px;
  left: 112px;
  position: absolute;
  top: 17px;
  width: 354px;
}

.index .cd {
  height: 75px;
  left: 726px;
  position: absolute;
  top: 639px;
  width: 76px;
}

.index .cf {
  height: 35px;
  left: 735px;
  position: absolute;
  top: 616px;
  width: 52px;
}

.index .cg {
  height: 35px;
  left: 721px;
  position: absolute;
  top: 645px;
  width: 30px;
}

.index .ch {
  height: 11px;
  left: 701px;
  position: absolute;
  top: 443px;
  width: 18px;
}

.index .ci {
  height: 26px;
  left: 642px;
  position: absolute;
  top: 617px;
  width: 24px;
}

.index .cl {
  height: 199px;
  left: 239px;
  position: absolute;
  top: 731px;
  width: 172px;
}

.index .cm {
  height: 46px;
  left: 711px;
  position: absolute;
  top: 608px;
  width: 31px;
}

.index .cn {
  height: 180px;
  left: 971px;
  position: absolute;
  top: 406px;
  width: 245px;
}

.index .co {
  height: 67px;
  left: 361px;
  position: absolute;
  top: 610px;
  width: 49px;
}

.index .cr {
  height: 13px;
  left: 333px;
  position: absolute;
  top: 615px;
  width: 13px;
}

.index .cu {
  height: 14px;
  left: 337px;
  position: absolute;
  top: 565px;
  width: 43px;
}

.index .cw {
  height: 1px;
  left: 400px;
  position: absolute;
  top: 610px;
  width: 2px;
}

.index .cx {
  height: 1px;
  left: 1099px;
  position: absolute;
  top: 702px;
  width: 1px;
}

.index .cz {
  height: 15px;
  left: 725px;
  position: absolute;
  top: 423px;
  width: 27px;
}

.index .de {
  height: 50px;
  left: 700px;
  position: absolute;
  top: 396px;
  width: 37px;
}

.index .dj {
  height: 7px;
  left: 844px;
  position: absolute;
  top: 609px;
  width: 7px;
}

.index .dk {
  height: 22px;
  left: 709px;
  position: absolute;
  top: 377px;
  width: 28px;
}

.index .do {
  height: 10px;
  left: 389px;
  position: absolute;
  top: 579px;
  width: 15px;
}

.index .dz {
  height: 82px;
  left: 642px;
  position: absolute;
  top: 501px;
  width: 83px;
}

.index .ec {
  height: 26px;
  left: 310px;
  position: absolute;
  top: 654px;
  width: 66px;
}

.index .eg {
  height: 43px;
  left: 776px;
  position: absolute;
  top: 527px;
  width: 49px;
}

.index .ee {
  height: 16px;
  left: 764px;
  position: absolute;
  top: 362px;
  width: 25px;
}

.index .eh {
  height: 30px;
  left: 608px;
  position: absolute;
  top: 545px;
  width: 34px;
}

.index .er {
  height: 23px;
  left: 823px;
  position: absolute;
  top: 587px;
  width: 27px;
}

.index .es {
  height: 80px;
  left: 604px;
  position: absolute;
  top: 466px;
  width: 90px;
}

.index .et {
  height: 46px;
  left: 809px;
  position: absolute;
  top: 600px;
  width: 60px;
}

.index .fi {
  height: 98px;
  left: 759px;
  position: absolute;
  top: 263px;
  width: 44px;
}

.index .fk {
  height: 7px;
  left: 432px;
  position: absolute;
  top: 899px;
  width: 13px;
}

.index .fm {
  height: 17px;
  left: 1229px;
  position: absolute;
  top: 622px;
  width: 100px;
}

.index .fr {
  height: 56px;
  left: 658px;
  position: absolute;
  top: 422px;
  width: 57px;
}

.index .ga {
  height: 25px;
  left: 712px;
  position: absolute;
  top: 651px;
  width: 23px;
}

.index .gb {
  height: 77px;
  left: 644px;
  position: absolute;
  top: 353px;
  width: 40px;
}

.index .ge {
  height: 13px;
  left: 837px;
  position: absolute;
  top: 467px;
  width: 27px;
}

.index .gd {
  height: 1px;
  left: 430px;
  position: absolute;
  top: 611px;
  width: 1px;
}

.index .gf {
  height: 15px;
  left: 458px;
  position: absolute;
  top: 637px;
  width: 12px;
}

.index .gg {
  height: 1px;
  left: 666px;
  position: absolute;
  top: 432px;
  width: 1px;
}

.index .gh {
  height: 26px;
  left: 664px;
  position: absolute;
  top: 615px;
  width: 18px;
}

.index .gi {
  height: 1px;
  left: 655px;
  position: absolute;
  top: 505px;
  width: 1px;
}

.index .gl {
  height: 361px;
  left: 385px;
  position: absolute;
  top: 0;
  width: 246px;
}

.index .gm {
  height: 3px;
  left: 609px;
  position: absolute;
  top: 605px;
  width: 12px;
}

.index .gn {
  height: 22px;
  left: 617px;
  position: absolute;
  top: 609px;
  width: 30px;
}

.index .gq {
  height: 11px;
  left: 711px;
  position: absolute;
  top: 645px;
  width: 12px;
}

.index .gr {
  height: 35px;
  left: 755px;
  position: absolute;
  top: 477px;
  width: 34px;
}

.index .gt {
  height: 17px;
  left: 308px;
  position: absolute;
  top: 588px;
  width: 16px;
}

.index .gw {
  height: 7px;
  left: 610px;
  position: absolute;
  top: 609px;
  width: 12px;
}

.index .gy {
  height: 29px;
  left: 431px;
  position: absolute;
  top: 626px;
  width: 20px;
}

.index .hk {
  height: 2px;
  left: 1132px;
  position: absolute;
  top: 568px;
  width: 2px;
}

.index .hn {
  height: 15px;
  left: 319px;
  position: absolute;
  top: 593px;
  width: 25px;
}

.index .hr {
  height: 23px;
  left: 731px;
  position: absolute;
  top: 450px;
  width: 24px;
}

.index .ht {
  height: 9px;
  left: 379px;
  position: absolute;
  top: 578px;
  width: 11px;
}

.index .hu {
  height: 16px;
  left: 741px;
  position: absolute;
  top: 438px;
  width: 27px;
}

.index .id {
  height: 67px;
  left: 1058px;
  position: absolute;
  top: 636px;
  width: 183px;
}

.index .ie {
  height: 26px;
  left: 635px;
  position: absolute;
  top: 394px;
  width: 17px;
}

.index .il {
  height: 18px;
  left: 814px;
  position: absolute;
  top: 519px;
  width: 7px;
}

.index .im {
  height: 2px;
  left: 658px;
  position: absolute;
  top: 401px;
  width: 2px;
}

.index .in {
  height: 124px;
  left: 950px;
  position: absolute;
  top: 509px;
  width: 117px;
}

.index .io {
  height: 1px;
  left: 966px;
  position: absolute;
  top: 689px;
  width: 1px;
}

.index .iq {
  height: 40px;
  left: 832px;
  position: absolute;
  top: 499px;
  width: 39px;
}

.index .ir {
  height: 70px;
  left: 853px;
  position: absolute;
  top: 487px;
  width: 77px;
}

.index .is {
  height: 30px;
  left: 579px;
  position: absolute;
  top: 301px;
  width: 44px;
}

.index .it {
  height: 56px;
  left: 703px;
  position: absolute;
  top: 447px;
  width: 47px;
}

.index .je {
  height: 1px;
  left: 668px;
  position: absolute;
  top: 434px;
  width: 1px;
}

.index .jo {
  height: 20px;
  left: 817px;
  position: absolute;
  top: 519px;
  width: 17px;
}

.index .jp {
  height: 104px;
  left: 1172px;
  position: absolute;
  top: 456px;
  width: 89px;
}

.index .ke {
  height: 41px;
  left: 812px;
  position: absolute;
  top: 638px;
  width: 32px;
}

.index .kg {
  height: 21px;
  left: 954px;
  position: absolute;
  top: 469px;
  width: 44px;
}

.index .kh {
  height: 18px;
  left: 1086px;
  position: absolute;
  top: 601px;
  width: 21px;
}

.index .ki {
  height: 61px;
  left: 39px;
  position: absolute;
  top: 644px;
  width: 1394px;
}

.index .km {
  height: 4px;
  left: 850px;
  position: absolute;
  top: 706px;
  width: 5px;
}

.index .kp {
  height: 28px;
  left: 1175px;
  position: absolute;
  top: 470px;
  width: 25px;
}

.index .kr {
  height: 27px;
  left: 1181px;
  position: absolute;
  top: 493px;
  width: 20px;
}

.index .xk {
  height: 8px;
  left: 757px;
  position: absolute;
  top: 469px;
  width: 7px;
}

.index .kw {
  height: 7px;
  left: 863px;
  position: absolute;
  top: 534px;
  width: 8px;
}

.index .ky {
  height: 2px;
  left: 351px;
  position: absolute;
  top: 580px;
  width: 7px;
}

.index .kz {
  height: 89px;
  left: 863px;
  position: absolute;
  top: 394px;
  width: 163px;
}

.index .la {
  height: 36px;
  left: 1078px;
  position: absolute;
  top: 568px;
  width: 30px;
}

.index .lb {
  height: 8px;
  left: 817px;
  position: absolute;
  top: 513px;
  width: 6px;
}

.index .li {
  height: 1px;
  left: 715px;
  position: absolute;
  top: 446px;
  width: 1px;
}

.index .lk {
  height: 16px;
  left: 996px;
  position: absolute;
  top: 621px;
  width: 9px;
}

.index .lr {
  height: 17px;
  left: 631px;
  position: absolute;
  top: 626px;
  width: 16px;
}

.index .ls {
  height: 9px;
  left: 785px;
  position: absolute;
  top: 779px;
  width: 9px;
}

.index .lt {
  height: 18px;
  left: 760px;
  position: absolute;
  top: 386px;
  width: 24px;
}

.index .lu {
  height: 4px;
  left: 700px;
  position: absolute;
  top: 428px;
  width: 3px;
}

.index .lv {
  height: 18px;
  left: 761px;
  position: absolute;
  top: 374px;
  width: 29px;
}

.index .ly {
  height: 61px;
  left: 714px;
  position: absolute;
  top: 520px;
  width: 63px;
}

.index .ma {
  height: 39px;
  left: 624px;
  position: absolute;
  top: 507px;
  width: 48px;
}

.index .mc {
  height: 1px;
  left: 706px;
  position: absolute;
  top: 466px;
  width: 1px;
}

.index .md {
  height: 18px;
  left: 783px;
  position: absolute;
  top: 439px;
  width: 14px;
}

.index .mg {
  height: 57px;
  left: 850px;
  position: absolute;
  top: 708px;
  width: 29px;
}

.index .me {
  height: 9px;
  left: 751px;
  position: absolute;
  top: 467px;
  width: 8px;
}

.index .mk {
  height: 8px;
  left: 759px;
  position: absolute;
  top: 473px;
  width: 10px;
}

.index .ml {
  height: 62px;
  left: 628px;
  position: absolute;
  top: 557px;
  width: 66px;
}

.index .mo {
  height: 1px;
  left: 1131px;
  position: absolute;
  top: 569px;
  width: 1px;
}

.index .mm {
  height: 79px;
  left: 1046px;
  position: absolute;
  top: 542px;
  width: 36px;
}

.index .mn {
  height: 62px;
  left: 1028px;
  position: absolute;
  top: 416px;
  width: 129px;
}

.index .mr {
  height: 54px;
  left: 609px;
  position: absolute;
  top: 547px;
  width: 49px;
}

.index .mv {
  height: 4px;
  left: 971px;
  position: absolute;
  top: 643px;
  width: 1px;
}

.index .mw {
  height: 32px;
  left: 808px;
  position: absolute;
  top: 698px;
  width: 13px;
}

.index .mx {
  height: 79px;
  left: 203px;
  position: absolute;
  top: 522px;
  width: 127px;
}

.index .my {
  height: 26px;
  left: 1076px;
  position: absolute;
  top: 631px;
  width: 79px;
}

.index .mz {
  height: 69px;
  left: 798px;
  position: absolute;
  top: 702px;
  width: 43px;
}

.index .na {
  height: 52px;
  left: 724px;
  position: absolute;
  top: 728px;
  width: 54px;
}

.index .ne {
  height: 49px;
  left: 677px;
  position: absolute;
  top: 564px;
  width: 63px;
}

.index .ng {
  height: 39px;
  left: 688px;
  position: absolute;
  top: 604px;
  width: 48px;
}

.index .ni {
  height: 17px;
  left: 326px;
  position: absolute;
  top: 600px;
  width: 18px;
}

.index .nl {
  height: 19px;
  left: 690px;
  position: absolute;
  top: 406px;
  width: 15px;
}

.index .no {
  height: 125px;
  left: 696px;
  position: absolute;
  top: 250px;
  width: 105px;
}

.index .np {
  height: 18px;
  left: 997px;
  position: absolute;
  top: 533px;
  width: 32px;
}

.index .nr {
  height: 1px;
  left: 1345px;
  position: absolute;
  top: 662px;
  width: 1px;
}

.index .om {
  height: 42px;
  left: 885px;
  position: absolute;
  top: 551px;
  width: 31px;
}

.index .pa {
  height: 10px;
  left: 344px;
  position: absolute;
  top: 622px;
  width: 23px;
}

.index .pe {
  height: 74px;
  left: 351px;
  position: absolute;
  top: 660px;
  width: 51px;
}

.index .pf {
  height: 50px;
  left: 70px;
  position: absolute;
  top: 695px;
  width: 61px;
}

.index .pg {
  height: 41px;
  left: 1241px;
  position: absolute;
  top: 665px;
  width: 60px;
}

.index .ph {
  height: 65px;
  left: 1145px;
  position: absolute;
  top: 575px;
  width: 39px;
}

.index .pk {
  height: 62px;
  left: 920px;
  position: absolute;
  top: 501px;
  width: 68px;
}

.index .pl {
  height: 38px;
  left: 733px;
  position: absolute;
  top: 398px;
  width: 40px;
}

.index .pm {
  height: 2px;
  left: 451px;
  position: absolute;
  top: 447px;
  width: 1px;
}

.index .ps {
  height: 6px;
  left: 814px;
  position: absolute;
  top: 523px;
  width: 5px;
}

.index .pt {
  height: 48px;
  left: 552px;
  position: absolute;
  top: 475px;
  width: 100px;
}

.index .pw {
  height: 19px;
  left: 1202px;
  position: absolute;
  top: 629px;
  width: 14px;
}

.index .py {
  height: 36px;
  left: 426px;
  position: absolute;
  top: 738px;
  width: 34px;
}

.index .qa {
  height: 7px;
  left: 880px;
  position: absolute;
  top: 552px;
  width: 3px;
}

.index .ro {
  height: 26px;
  left: 758px;
  position: absolute;
  top: 440px;
  width: 38px;
}

.index .rs {
  height: 22px;
  left: 752px;
  position: absolute;
  top: 452px;
  width: 17px;
}

.index .ru {
  /* height: 424px;
  left: 755px;
  position: absolute;
  top: 55px;
  width: 683px; */
}

.index .rw {
  height: 7px;
  left: 792px;
  position: absolute;
  top: 664px;
  width: 8px;
}

.index .sa {
  height: 69px;
  left: 815px;
  position: absolute;
  top: 525px;
  width: 84px;
}

.index .sb {
  height: 21px;
  left: 1300px;
  position: absolute;
  top: 686px;
  width: 45px;
}

.index .sc {
  height: 1px;
  left: 898px;
  position: absolute;
  top: 678px;
  width: 1px;
}

.index .sd {
  height: 56px;
  left: 764px;
  position: absolute;
  top: 569px;
  width: 67px;
}

.index .se {
  height: 120px;
  left: 721px;
  position: absolute;
  top: 274px;
  width: 52px;
}

.index .sg {
  height: 1px;
  left: 1092px;
  position: absolute;
  top: 654px;
  width: 1px;
}

.index .sh {
  height: 33px;
  left: 619px;
  position: absolute;
  top: 691px;
  width: 35px;
}

.index .si {
  height: 8px;
  left: 730px;
  position: absolute;
  top: 448px;
  width: 13px;
}

.index .sj {
  height: 162px;
  left: 640px;
  position: absolute;
  top: 91px;
  width: 171px;
}

.index .sk {
  height: 11px;
  left: 744px;
  position: absolute;
  top: 432px;
  width: 23px;
}

.index .sl {
  height: 12px;
  left: 624px;
  position: absolute;
  top: 620px;
  width: 12px;
}

.index .sm {
  height: 1px;
  left: 726px;
  position: absolute;
  top: 465px;
  width: 1px;
}

.index .sn {
  height: 18px;
  left: 607px;
  position: absolute;
  top: 593px;
  width: 25px;
}

.index .so {
  height: 55px;
  left: 841px;
  position: absolute;
  top: 612px;
  width: 42px;
}

.index .sr {
  height: 17px;
  left: 444px;
  position: absolute;
  top: 636px;
  width: 16px;
}

.index .ss {
  height: 35px;
  left: 773px;
  position: absolute;
  top: 611px;
  width: 45px;
}

.index .st {
  height: 7px;
  left: 703px;
  position: absolute;
  top: 653px;
  width: 4px;
}

.index .sv {
  height: 5px;
  left: 316px;
  position: absolute;
  top: 602px;
  width: 10px;
}

.index .sy {
  height: 24px;
  left: 820px;
  position: absolute;
  top: 500px;
  width: 26px;
}

.index .sz {
  height: 7px;
  left: 800px;
  position: absolute;
  top: 766px;
  width: 5px;
}

.index .tc {
  height: 1px;
  left: 387px;
  position: absolute;
  top: 570px;
  width: 3px;
}

.index .td {
  height: 66px;
  left: 731px;
  position: absolute;
  top: 564px;
  width: 42px;
}

.index .tg {
  height: 20px;
  left: 676px;
  position: absolute;
  top: 616px;
  width: 7px;
}

.index .th {
  height: 61px;
  left: 1067px;
  position: absolute;
  top: 577px;
  width: 33px;
}

.index .tj {
  height: 22px;
  left: 946px;
  position: absolute;
  top: 481px;
  width: 31px;
}

.index .tk {
  height: 3px;
  left: 1427px;
  position: absolute;
  top: 694px;
  width: 5px;
}

.index .tl {
  height: 6px;
  left: 1173px;
  position: absolute;
  top: 692px;
  width: 13px;
}

.index .tm {
  height: 39px;
  left: 887px;
  position: absolute;
  top: 471px;
  width: 57px;
}

.index .tn {
  height: 34px;
  left: 707px;
  position: absolute;
  top: 500px;
  width: 16px;
}

.index .tr {
  height: 32px;
  left: 780px;
  position: absolute;
  top: 475px;
  width: 77px;
}

.index .tt {
  height: 5px;
  left: 429px;
  position: absolute;
  top: 615px;
  width: 6px;
}

.index .tv {
  height: 10px;
  left: 1382px;
  position: absolute;
  top: 684px;
  width: 12px;
}

.index .tw {
  height: 15px;
  left: 1150px;
  position: absolute;
  top: 556px;
  width: 15px;
}

.index .tz {
  height: 43px;
  left: 794px;
  position: absolute;
  top: 664px;
  width: 45px;
}

.index .ua {
  height: 48px;
  left: 765px;
  position: absolute;
  top: 414px;
  width: 72px;
}

.index .ug {
  height: 23px;
  left: 795px;
  position: absolute;
  top: 643px;
  width: 22px;
}

.index .um-fq {
  left: 1411px;
  position: absolute;
  top: 659px;
}

.index .um-hq {
  left: 1411px;
  position: absolute;
  top: 657px;
}

.index .us {
  height: 337px;
  left: 0;
  position: absolute;
  top: 246px;
  width: 409px;
}

.index .uy {
  height: 23px;
  left: 443px;
  position: absolute;
  top: 786px;
  width: 21px;
}

.index .uz {
  height: 45px;
  left: 901px;
  position: absolute;
  top: 456px;
  width: 69px;
}

.index .va {
  height: 1px;
  left: 727px;
  position: absolute;
  top: 476px;
  width: 1px;
}

.index .ve {
  height: 46px;
  left: 383px;
  position: absolute;
  top: 611px;
  width: 54px;
}

.index .vn {
  height: 61px;
  left: 1086px;
  position: absolute;
  top: 564px;
  width: 29px;
}

.index .ye {
  height: 28px;
  left: 847px;
  position: absolute;
  top: 583px;
  width: 48px;
}

.index .yt {
  height: 1px;
  left: 857px;
  position: absolute;
  top: 711px;
  width: 1px;
}

.index .za {
  height: 122px;
  left: 743px;
  position: absolute;
  top: 750px;
  width: 86px;
}

.index .zm {
  height: 40px;
  left: 765px;
  position: absolute;
  top: 693px;
  width: 47px;
}

.index .zw {
  height: 28px;
  left: 778px;
  position: absolute;
  top: 723px;
  width: 31px;
}

.index .ellips {
  align-items: flex-start;
  display: flex;
  height: 250px;
  left: 909px;
  padding: 0 0.3px;
  position: absolute;
  top: 234px;
  width: 340px;
}

.index .overlap-group1 {
  background-image: url(../img/ellipse-8.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 237px;
  margin-left: 2px;
  position: relative;
  width: 337px;
}

.index .ellipse-1329 {
  background-color: var(--alto);
  border-radius: 4px;
  height: 8px;
  left: 259px;
  position: absolute;
  top: 171px;
  width: 8px;
}

.index .vector-161 {
  height: 6px;
  left: 256px;
  position: absolute;
  top: 173px;
  width: 7px;
}

.index .ag {
  height: 3px;
  left: 429px;
  position: absolute;
  top: 588px;
  width: 1px;
}

.index .overlap-group2 {
  height: 2px;
  left: 424px;
  position: absolute;
  top: 586px;
  width: 1px;
}

.index .ai {
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.index .overlap-group2-item {
  height: 1px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 1px;
}

.index .as {
  height: 1px;
  left: 1434px;
  position: absolute;
  top: 717px;
  width: 1px;
}

.index .bb {
  height: 1px;
  left: 438px;
  position: absolute;
  top: 607px;
  width: 1px;
}

.index .bl {
  height: 1px;
  left: 425px;
  position: absolute;
  top: 588px;
  width: 1px;
}

.index .bm {
  height: 1px;
  left: 417px;
  position: absolute;
  top: 524px;
  width: 1px;
}

.index .bv {
  height: 1px;
  left: 690px;
  position: absolute;
  top: 919px;
  width: 1px;
}

.index .cc {
  height: 1px;
  left: 1064px;
  position: absolute;
  top: 709px;
  width: 1px;
}

.index .ck {
  height: 1px;
  left: 37px;
  position: absolute;
  top: 746px;
  width: 1px;
}

.index .cv {
  height: 10px;
  left: 575px;
  position: absolute;
  top: 591px;
  width: 11px;
}

.index .cy {
  height: 5px;
  left: 806px;
  position: absolute;
  top: 508px;
  width: 9px;
}

.index .dm {
  height: 2px;
  left: 431px;
  position: absolute;
  top: 597px;
  width: 1px;
}

.index .fj {
  height: 38px;
  left: 1376px;
  position: absolute;
  top: 710px;
  width: 29px;
}

.index .fo {
  height: 8px;
  left: 647px;
  position: absolute;
  top: 340px;
  width: 4px;
}

.index .go {
  height: 1px;
  left: 866px;
  position: absolute;
  top: 706px;
  width: 1px;
}

.index .gp {
  height: 3px;
  left: 429px;
  position: absolute;
  top: 593px;
  width: 2px;
}

.index .gs {
  height: 32px;
  left: 525px;
  position: absolute;
  top: 917px;
  width: 47px;
}

.index .gu {
  height: 1px;
  left: 1256px;
  position: absolute;
  top: 605px;
  width: 1px;
}

.index .hm {
  height: 1px;
  left: 970px;
  position: absolute;
  top: 910px;
  width: 2px;
}

.index .jm {
  height: 3px;
  left: 363px;
  position: absolute;
  top: 585px;
  width: 9px;
}

.index .ju {
  height: 1px;
  left: 848px;
  position: absolute;
  top: 729px;
  width: 1px;
}

.index .kn {
  height: 1px;
  left: 425px;
  position: absolute;
  top: 590px;
  width: 1px;
}

.index .lc {
  height: 2px;
  left: 432px;
  position: absolute;
  top: 603px;
  width: 1px;
}

.index .mh {
  height: 22px;
  left: 1345px;
  position: absolute;
  top: 615px;
  width: 20px;
}

.index .mp {
  height: 19px;
  left: 1258px;
  position: absolute;
  top: 584px;
  width: 3px;
}

.index .mq {
  height: 2px;
  left: 432px;
  position: absolute;
  top: 600px;
  width: 2px;
}

.index .ms {
  height: 1px;
  left: 428px;
  position: absolute;
  top: 592px;
  width: 1px;
}

.index .mt {
  height: 1px;
  left: 734px;
  position: absolute;
  top: 506px;
  width: 2px;
}

.index .mu {
  height: 2px;
  left: 906px;
  position: absolute;
  top: 741px;
  width: 2px;
}

.index .overlap-group3 {
  height: 38px;
  left: 1317px;
  position: absolute;
  top: 715px;
  width: 40px;
}

.index .nc {
  height: 15px;
  left: 0;
  position: absolute;
  top: 22px;
  width: 33px;
}

.index .vu {
  height: 27px;
  left: 26px;
  position: absolute;
  top: 0;
  width: 13px;
}

.index .nf {
  height: 1px;
  left: 1349px;
  position: absolute;
  top: 781px;
  width: 1px;
}

.index .nu {
  height: 1px;
  left: 1438px;
  position: absolute;
  top: 737px;
  width: 1px;
}

.index .nz {
  height: 101px;
  left: 1341px;
  position: absolute;
  top: 806px;
  width: 72px;
}

.index .pn {
  height: 1px;
  left: 163px;
  position: absolute;
  top: 760px;
  width: 1px;
}

.index .pr {
  height: 2px;
  left: 405px;
  position: absolute;
  top: 585px;
  width: 11px;
}

.index .re {
  height: 2px;
  left: 898px;
  position: absolute;
  top: 745px;
  width: 2px;
}

.index .tf {
  height: 20px;
  left: 884px;
  position: absolute;
  top: 869px;
  width: 76px;
}

.index .to {
  height: 12px;
  left: 1416px;
  position: absolute;
  top: 735px;
  width: 6px;
}

.index .um-dq {
  left: 36px;
  position: absolute;
  top: 661px;
}

.index .um-mq {
  left: 1408px;
  position: absolute;
  top: 543px;
}

.index .um-wq {
  left: 1344px;
  position: absolute;
  top: 582px;
}

.index .vc {
  height: 3px;
  left: 431px;
  position: absolute;
  top: 606px;
  width: 1px;
}

.index .vg {
  height: 1px;
  left: 418px;
  position: absolute;
  top: 584px;
  width: 2px;
}

.index .vi {
  height: 3px;
  left: 417px;
  position: absolute;
  top: 586px;
  width: 2px;
}

.index .wf {
  height: 5px;
  left: 1404px;
  position: absolute;
  top: 713px;
  width: 8px;
}

.index .ws {
  height: 2px;
  left: 1426px;
  position: absolute;
  top: 714px;
  width: 5px;
}

.index .um-jq {
  align-self: center;
  margin-top: 236.7px;
}

.index .text-1-1 {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-xxl);
  color:#000;
  font-weight: 400;
  left: 190px;
  letter-spacing: 0;
  line-height: 41.9px;
  position: absolute;
  top: 223px;
  max-width: 850px;
}

.index .frame-1000003809 {
  align-items: flex-start;
  display: flex;
  left: 190px;
  position: absolute;
  top: 0;
  max-width: 1280px;
  width:100%;
}

.index .x3 {
  -webkit-backdrop-filter: blur(56px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(56px) brightness(100%);
  background-color: var(--hunter-green-2);
  border: 2px solid;
  border-color: var(--mine-shaft);
  display: flex;
  /* flex: 1; */
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  position: relative;
  width: 33.33%;
}

.index .frame-1000003871 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 16px;
  position: relative;
}

.index .number {
  flex: 1;
  line-height: 64px;
}

.index .frame-100000387 {
  height: 64px;
  min-width: 64px;
  position: relative;
}

.index .text {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  color:#000;
}

.index .frame-1000003809-item {
  /* -webkit-backdrop-filter: blur(56px) brightness(100%); */
  align-items: flex-start;
  /* backdrop-filter: blur(56px) brightness(100%); */
  background-color: var(--hunter-green-2);
  border: 2px solid;
  border-color: var(--mine-shaft);
  display: flex;
  /* flex: 1; */
  width:33.33%;
  flex-direction: column;
  gap: 16px;
  margin-left: -2px;
  padding: 32px;
  position: relative;
}

.index .video {
  align-items: flex-end;
  background-image: url(../img/bg-2.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 8px;
  display: flex;
  height: 440px;
  left: 0;
  right:0;
  margin: auto;
  overflow: hidden;
  padding: 25px 29px;
  position: absolute;
  top: 578px;
  width: 880px;
}

.index .sorp-logistics {
  letter-spacing: 0;
  line-height: 27.0px;
  margin-left: 1px;
  min-width: 229px;
  white-space: nowrap;
}

.index .play {
  align-self: center;
  background-image: url(../img/subtract.svg);
  background-size: 100% 100%;
  height: 64px;
  margin-left: 149px;
  width: 64px;
}

.index .text-5-1 {
  letter-spacing: 0;
  line-height: 27.0px;
  margin-left: 328px;
  min-width: 51px;
  white-space: nowrap;
}

.index .overlap-group12 {
  height: 1582px;
  position: relative;
  width: 1280px;
  /* height: 1900px; */
}

.index .bg-1 {
  height: 840px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1280px;
}

.index .x3-services {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 80px;
  position: absolute;
  top: 80px;
  width: fit-content;
}

.index .title-1 {
  align-self: stretch;
  position: relative;
}

.index .text-6-1 {
  letter-spacing: 0;
  line-height: 64px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .text-7-2 {
  line-height: 28px;
  width: 700px;
}

.index .frame-100000387-1 {
  gap: 30px;
  width: fit-content;
}

.index .text-1 {
  color: var(--black);
  font-family: var(--font-family-jost);
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 1280px;
}

.index .service-cards {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  position: relative;
  width: fit-content;
}

.index .avia-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 33.33%;
}

.index .frame-1000003521 {
  background-color: var(--hunter-green);
  background: #fff;
  height: 210px;
  min-width: 340px;
  position: relative;
  width: 100%;
}

.index .frame-container {
  height: 221px;
  position: relative;
  width: 340px;
  width: 100%;
}

.index .frame-1000003204 {
  align-items: flex-start;
  display: flex;
  height: 210px;
  left: 0;
  position: absolute;
  top: 0;
  width: 340px;
  width: 100%;
}

.index .pngegg-1 {
  height: 210px;
  margin-left: 22px;
  object-fit: cover;
  width: 318px;
  width: 100%;
}

.index .frame-1000003873 {
  height: 64px;
  left: 24px;
  position: absolute;
  top: 157px;
  width: 64px;
}

.index .frame-1000003873-1 {
  gap: 12px;
}

.index .text-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  color:#000;
}

.index .text-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}

.index .service-cards-item {
  background-color: var(--white);
  flex-direction: column;
  gap: 8px;
  width: fit-content;
  width:33.33%;
}

.index .pnghut_water-transpo {
  height: 210px;
  margin-left: 47px;
  object-fit: cover;
  width: 293px;
  width:100%;
}

.index .frame-container-1 {
  height: 220px;
  position: relative;
  width: 340px;
  width:100%;
}

.index .frame-1000003204-1 {
  align-items: flex-end;
  display: flex;
  height: 210px;
  left: 0;
  position: absolute;
  top: 0;
  width: 340px;
  width:100%;
}

.index .truck-on-a-white-bac {
  height: 207px;
  margin-left: 75px;
  width: 265px;
  width:100%;
  object-fit: cover;
}

.index .frame-1000003870 {
  background-color: var(--thunder);
  border-radius: 16px;
  height: 64px;
  left: 24px;
  overflow: hidden;
  position: absolute;
  top: 156px;
  width: 64px;
}

.index .image {
  height: 27px;
  left: 9px;
  position: absolute;
  top: 18px;
  width: 44px;
}

.index .service-cards-1 {
  gap: 20px;
}

.index .avia {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}

.index .frame-1000003873-2 {
  gap: 24px;
}

.index .frame-1000003876 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.index .text-4 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 292px;
}

.index .text-17 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  width: 292px;
}

.index .avia-2 {
  align-self: stretch;
  /* background-color: var(--hunter-green); */
  flex: 1;
  height: 304px;
  min-width: 340px;
  position: relative;
}

.index .overlap-group-1 {
  /* background-image: url(../img/bg-hover.svg); */
  background-size: cover;
  height: 312px;
  position: relative;
  width: 100%;
}

.index .content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  left: 0;
  padding: 24px;
  position: absolute;
  top: 0;
  width: 340px;
}

.index .frame-1000003877 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.index .text-18 {
  color: var(--white);
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  width: 292px;
}

.index .text-19 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  width: 292px;
}

.index .hand-pointing {
  height: 20px;
  left: 299px;
  position: absolute;
  top: 195px;
  width: 19px;
}

.index .frame-1000003878 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.index .address {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  width: 292px;
}

.index .service-cards-2 {
  gap: 20px;
}

.index .frame-100000387-2 {
  align-self: stretch;
  gap: 12px;
}

.index .x3-pl {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 292px;
}

.index .x4-pl {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 292px;
}

.index .x4-garanties {
  align-items: center;
  background-color: var(--hunter-green);
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-right: 2.0px;
  margin-top: 80px;
  min-height: 940px;
  padding: 80px 190.7px;
  width: 1442px;
  width:100%;
}

.index .overlap-group6 {
  height: 574px;
  position: relative;
  width: 1280px;
}

.index .title-2 {
  left: 0;
  position: absolute;
  top: 0;
  width: 1280px;
}

.index .text-23 {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  color:#000;
}

.index .text-5 {
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  width: 670px;
  color:#000;
}

.index .image-1 {
  /* height: 240px; */
  right: 0;
  position: absolute;
  top: 0;
  /* width: 250px; */
}

.index .tails {
  height: 394px;
  left: 0;
  top: 180px;
  width: 1280px;
}

.index .x1 {
  align-items: flex-start;
  align-self: stretch;
  border: 2px solid;
  border-color: var(--heavy-metal);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  margin-top: -1.00px;
  padding: 28px;
  position: relative;
}

.index .number-1 {
  line-height: 32px;
  width: fit-content;
}

.index .text-6 {
  align-self: stretch;
  letter-spacing: -0.56px;
  line-height: 30px;
  position: relative;
  color: #000;
}

.index .text-7 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 22px;
  position: relative;
  color: #000;
}

.index .x2 {
  align-self: stretch;
  border: 2px solid;
  border-color: var(--mine-shaft);
  flex: 1;
  flex-direction: column;
  gap: 16px;
  margin-bottom: -1.00px;
  margin-top: -1.00px;
  padding: 28px;
  position: relative;
}

.index .x3-1 {
  /* -webkit-backdrop-filter: blur(24px) brightness(100%); */
  align-items: flex-start;
  align-self: stretch;
  /* backdrop-filter: blur(24px) brightness(100%); */
  background-color: var(--hunter-green-3);
  border: 2px solid;
  border-color: var(--mine-shaft);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  margin-bottom: -1.00px;
  margin-right: -1.00px;
  margin-top: -1.00px;
  padding: 28px;
  position: relative;
  background: #fff;
}

.index .frame-1000003907 {
  align-items: flex-end;
  align-self: center;
  display: flex;
  gap: 20px;
  position: relative;
  width: fit-content;
  width:100%;
  justify-content: space-between;
}

.index .x3-2 {
  -webkit-backdrop-filter: blur(56px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(56px) brightness(100%);
  background-color: var(--hunter-green-2);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 700px;
}

.index .frame-1000003888 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  gap: 16px;
  position: relative;
}

.index .address-1 {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: 128px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 100px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  color:#000;
}

.index .text-31 {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: 60px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 50px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  color:#000;
}

.index .text-32 {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  color:#000;
}

.index .button {
  background-color: var(--pizazz);
  width: 340px;
}

.index .text-8 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.index .x5-preimuchsestva {
  align-items: center;
  display: flex;
  flex-direction: column;
  /* min-height: 1336px; */
  padding: 80px 190px;
  width: 1442px;
  width:100%;
}

.index .title {
  position: relative;
  width: 1280px;
}

.index .text-34 {
  letter-spacing: 0;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-1000003895 {
  align-items: flex-start;
  display: flex;
  gap: 76px;
  margin-top: 88px;
  position: relative;
  width: 1280px;
}

.index .frame-1000003895-item {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: fit-content;
  width:50%;
}

.index .text-3-1 {
  letter-spacing: -0.56px;
  line-height: 30px;
  position: relative;
  width: 284px;
  width:100%;
}

.index .text-9 {
  letter-spacing: 0;
  line-height: 22px;
  position: relative;
  width: 284px;
  width:100%;
}

.index .x3-3 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 50%;
}

.index .frame-container-2 {
  height: 650px;
  margin-top: 60px;
  position: relative;
  width: 1280px;
}

.index .frame-1000003206 {
  display: flex;
  flex-direction: column;
  gap: 60px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1280px;
  align-items: center;
}

.index .text-42 {
  color: var(--black);
  font-family: var(--font-family-jost);
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  width: 700px;
  align-self: left;
}

.index .frame-1000003206-1 {
  height: 251px;
  /* min-width: 1280px; */
  object-fit: cover;
  position: relative;
}

.index .frame-1000003598 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 24px;
  left: 0;
  right:0;
  margin: auto;
  padding: 24px;
  position: absolute;
  top: 252px;
  width: 880px;
}

.index .text-43 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
}

.index .frame-1000003893 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 20px;
  position: relative;
}

.index .frame-100000360 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.index .frame-100000360-1 {
  align-items: center;
  align-self: stretch;
  border: 1px solid;
  border-color: var(--tiara);
  border-radius: 2px;
  display: flex;
  gap: 10px;
  padding: 16px 12px;
  position: relative;
}

.index .text-10 {
  flex: 1;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
}

.index .vector-145 {
  height: 9px;
  min-width: 13.5px;
  position: relative;
}

.index .frame-1000003602 {
  align-self: stretch;
  border: 1px solid;
  border-color: var(--pizazz);
  border-radius: 2px;
  height: 48px;
  min-width: 406px;
  position: relative;
}

.index .text-11 {
  color: var(--black);
  font-family: var(--font-family-jost);
  font-size: 10px;
  font-weight: 400;
  left: 12px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  top: 3px;
  white-space: nowrap;
  width: 382px;
}

.index .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 1px;
  height: 17px;
  left: 12px;
  min-width: 25px;
  position: absolute;
  top: 23px;
}

.index .text-49 {
  letter-spacing: 0;
  line-height: 16px;
  min-width: 23px;
  white-space: nowrap;
}

.index .rectangle-4709 {
  align-self: flex-end;
  background-color: var(--black);
  height: 16px;
  width: 1px;
}

.index .frame-1000003604 {
  align-self: stretch;
  border: 1px solid;
  border-color: var(--submarine);
  border-radius: 2px;
  height: 48px;
  min-width: 406px;
  position: relative;
}

.index .address-2 {
  left: 12px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  top: 23px;
  white-space: nowrap;
}

.index .frame-1000003592 {
  align-items: center;
  align-self: stretch;
  background-color: var(--pizazz);
  border-radius: 2px;
  display: flex;
  gap: 10px;
  height: 56px;
  justify-content: center;
  padding: 8px 24px;
  position: relative;
}

.index .text-53 {
  letter-spacing: 0;
  line-height: 14px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .x6-faq {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 978px;
  margin-right: 1.0px;
  width: 1441px;
}

.index .rectangle-4707 {
  background-color: var(--alto);
  height: 1px;
  min-width: 1280px;
  position: relative;
}

.index .rectangle-4708 {
  background-color: var(--white);
  height: 1px;
  min-width: 1280px;
  position: relative;
}

.index .overlap-group8 {
  align-items: flex-start;
  /* background-image: url(../img/bg-3.svg); */
  background-size: 100% 100%;
  display: flex;
  height: 956px;
  margin-left: 1px;
  min-width: 1280px;
  padding: 78px 189px;
}

.index .frame-1000003896 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
  width: fit-content;
}

.index .text-12 {
  letter-spacing: 0;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  width: 520px;
}

.index .text-55 {
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  white-space: nowrap;
  width: 670px;
}

.index .questions {
  flex-direction: column;
  width: fit-content;
}

.index .questions-1 {
  height: 200px;
  width: 100%;
}

.index .x1-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  position: relative;
  width: 340px;
  width:33.33%;
}

.index .frame-1000003871-1 {
  background-color: var(--thunder);
  border-radius: 16px;
  height: 64px;
  min-width: 64px;
  overflow: hidden;
  position: relative;
}

.index .line-doc-2 {
  height: 52px;
  left: 9px;
  position: absolute;
  top: 6px;
  width: 52px;
}

.index .x2-1 {
  align-self: stretch;
  background-color: var(--white);
  border-radius: 8px;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  position: relative;
  width: 340px;
  width:33.33%;
}

.index .file-minus {
  height: 40px;
  left: 12px;
  position: absolute;
  top: 12px;
  width: 40px;
}

.index .gtd {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  white-space: nowrap;
}

.index .x3-4 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  position: relative;
  width: 340px;
  width: 33.33%;
}

.index .questions-2 {
  height: 176px;
  width: fit-content;
}

.index .x1-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  position: relative;
  width: 340px;
  width: 33.33%;
}

.index .icon_form-doc {
  height: 44px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 44px;
}

.index .x2-2 {
  align-self: stretch;
  background-color: var(--white);
  border-radius: 8px;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  position: relative;
  width: 340px;
  width: 33.33%;
}

.index .outline-flag-1 {
  height: 40px;
  left: 12px;
  position: absolute;
  top: 12px;
  width: 40px;
}

.index .x3-5 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  position: relative;
  width: 340px;
  width: 33.33%;
}

.index .questions-3 {
  align-self: stretch;
  height: 176px;
}

.index .questions-3-item {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 8px;
  display: flex;
  /* flex: 1; */
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  width:33.33%;
  position: relative;
}

.index .outline-money {
  height: 43px;
  left: 11px;
  position: absolute;
  top: 10px;
  width: 43px;
}

.index .x3-6 {
  align-self: stretch;
  background-color: var(--white);
  border-radius: 8px;
  /* flex: 1; */
  height: 176px;
  /* min-width: 340px; */
  width:33.33%;
  overflow: hidden;
  position: relative;
}

.index .overlap-group1-1 {
  height: 176px;
  left: 24px;
  position: relative;
  width: 312px;
}

.index .overlap-group-2 {
  height: 176px;
  left: 0;
  position: absolute;
  top: 0;
  width: 312px;
}

.index .text-63 {
  color: #242424;
  font-family: var(--font-family-jost);
  font-size: var(--font-size-l);
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 103px;
  white-space: nowrap;
  width: 292px;
}

.index .frame-1000003894 {
  height: 176px;
  left: 208px;
  position: absolute;
  top: 0;
  width: 104px;
}

.index .frame-1000003870-1 {
  height: 64px;
  left: 0;
  position: absolute;
  top: 24px;
  width: 64px;
}

.index .line-1 {
  margin-top: 18px;
}

.index .overlap-group11 {
  height: 399px;
  margin-top: 80px;
  position: relative;
  width: 1280px;
}

.index .frame-1000003906 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: fit-content;
}

.index .text_label {
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  width: 610px;
}

.index .frame-1000003905 {
  align-items: flex-end;
  display: flex;
  gap: 181px;
  position: relative;
  width: fit-content;
  width:100%;
  justify-content: space-between;
}

.index .badges-1 {
  flex-direction: column;
}

.index .x1-3 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 32px;
  display: flex;
  gap: 10px;
  padding: 10px 16px;
  position: relative;
  width: fit-content;
}

.index .text-13 {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .vector-1562 {
  height: 10px;
  left: 4px;
  position: absolute;
  top: 7px;
  width: 13px;
}

.index .x2-3 {
  background-color: var(--white);
  border-radius: 32px;
  gap: 10px;
  padding: 10px 16px;
  position: relative;
  width: fit-content;
}

.index .x3-7 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 32px;
  display: flex;
  gap: 10px;
  padding: 10px 16px;
  position: relative;
  width: fit-content;
}

.index .x1-4 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 32px;
  display: flex;
  gap: 10px;
  padding: 10px 16px;
  position: relative;
  width: fit-content;
}

.index .x2-4 {
  background-color: var(--white);
  border-radius: 32px;
  gap: 10px;
  padding: 10px 16px;
  position: relative;
  width: fit-content;
}

.index .x3-8 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 32px;
  display: flex;
  gap: 10px;
  padding: 10px 16px;
  position: relative;
  width: fit-content;
}

.index .button-1 {
  background-color: var(--pizazz);
  width: 250px;
}

.index .overlap-group10 {
  height: 281px;
  right: 0;
  position: absolute;
  top: 21px;
  width: 430px;
}

.index .x9111267_shield_ok_icon-1 {
  height: 250px;
  left: 90px;
  position: absolute;
  top: 0;
  width: 250px;
}

.index .ship {
  height: 108px;
  left: 0;
  position: absolute;
  top: 160px;
  width: 430px;
}

.index .x7-footer {
  background-color: var(--hunter-green);
  height: 825px;
  margin-top: 80px;
  position: relative;
  width: 1442px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.index .overlap-group9 {
  height: 737px;
  /* left: 0; */
  position: absolute;
  top: -7px;
  width: 1442px;
  width:1280px;
}

.index .ae-1 {
  height: 695px;
  left: 370px;
  position: absolute;
  top: 0;
  width: 880px;
}

.index .tails-1 {
  -webkit-backdrop-filter: blur(24px) brightness(100%);
  backdrop-filter: blur(24px) brightness(100%);
  background-color: var(--hunter-green-2);
  /* height: 422px; */
  /* left: 191px; */
  top: 185px;
  width: 340px;
}

.index .x1-5 {
  align-items: flex-start;
  align-self: stretch;
  border: 2px solid;
  border-color: var(--heavy-metal);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 28px;
  position: relative;
  width: 340px;
}

.index .frame-100000389 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: fit-content;
}

.index .text-7-1 {
  line-height: 22px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: 284px;
}

.index .phone {
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .infosorplogisticsae {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .tameem-house-buildin {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
}

.index .barsha-heights-tecom-dubai-uae {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-s);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  white-space: nowrap;
}

.index .button-2 {
  align-self: stretch;
  border: 1px solid;
  border-color: var(--pizazz);
}

.index .bottom {
  align-items: flex-start;
  
  display: flex;
  gap: 110px;
  height: 50px;

  /* padding: 14px 190px; */
  /* position: absolute; */
  /* top: 687px; */
  align-items: center;
  bottom:0;
  width: 1442px;
  width:1280px;
  justify-content: space-between;
}

.index .copyright {
  align-self: center;
  color: var(--gunsmoke);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-xxs);
  font-weight: 500;
  height: 17px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 1.0px;
  width: 340px;
}

.index .text-77 {
  color: transparent;
  font-family: var(--font-family-jost);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: 20px;
  letter-spacing: 0;
  line-height: normal;
  text-align: right;
  width: 610px;
}

.index .span1 {
  color: #373737;
}

.index .frame-1000003904 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  /* left: 640px; */
  right:0;
  position: absolute;
  top: 185px;
  width: fit-content;
}

.index .text-78 {
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  width: 520px;
}

.index .frame-1000003903 {
  align-items: flex-start;
  display: flex;
  gap: 60px;
  position: relative;
  width: 610px;
}

.index .frame-1000003902 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.index .text-80 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .faq {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .text-81 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .frame-1000003901 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.index .frame-1000003900 {
  align-items: flex-start;
  display: flex;
  gap: 40px;
  position: relative;
  width: fit-content;
}

.index .x1-6 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.index .text-84 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .text-85 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .x3-pl-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .x2-5 {
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.index .text-87 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .text-88 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .x4-pl-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .rectangle-4710 {
  background: linear-gradient(180deg, rgba(44, 44, 44, 0) 0%, rgb(44, 44, 44) 50.52%, rgba(44, 44, 44, 0) 100%);
  height: 1px;
  left: 640px;
  position: absolute;
  top: 389px;
  width: 610px;
}

.index .text-72 {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: 48px;
  font-weight: 600;
  left: 191px;
  letter-spacing: 0;
  line-height: 48px;
  position: absolute;
  top: 79px;
  white-space: nowrap;
}

.index .badges-2 {
  align-items: flex-start;
  display: flex;
  gap: 15px;
  position: relative;
  width: fit-content;
}

.index .button-3 {
  align-items: center;
  border-radius: 2px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 18px 24px;
  position: relative;

}

.index .frame-100000387-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}

.index .frame-1000003873-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: 24px;
  position: relative;
}

.index .line-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: fit-content;
}

.index .number-2 {
  letter-spacing: 0;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  color:#000;
}

.index .ok-6 {
  background-color: var(--pizazz);
  border-radius: 11px;
  height: 22px;
  min-width: 22px;
  overflow: hidden;
  position: relative;
}

.index .questions-4 {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  position: relative;
}

.index .service-cards-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  position: relative;
}

.index .tails-2 {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  position: absolute;
}

.index .text-7-3 {
  letter-spacing: 0;
  position: relative;
}

.index .title-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.index .um {
  height: 1px;
  width: 1px;
}

.index .x2-6 {
  align-items: flex-start;
  display: flex;
}
/* screen - mobile */

.mobile {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  /* height: 8662px; */
  width: 375px;
  width: 100%;
  align-items: center;
}

.mobile .header {
  align-items: flex-end;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  height: 76px;
  justify-content: flex-start;
  overflow: hidden;
  width: 375px;
  width: 100%;
}

.mobile .overlap-group-5 {
  align-items: flex-start;
  background-color: var(--black);
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: -375px;
  /* margin-left: -127px; */
  min-height: 426px;
  /* padding: 25px 127px; */
  /* width: 764px; */
  /* padding: 0; */
  /* box-sizing: border-box; */
  width: 100%;
  padding-right: -127px;
}

.mobile .frame-1000003911 {
  align-items: center;
  display: flex;
  /* gap: 103px; */
  /* margin-left: 22px; */
  position: relative;
  width: fit-content;
  width: 100%;
  padding: 0 22px;
  justify-content: space-between;
}

.mobile .logo {
  height: 22px;
  min-width: 148.29px;
  position: relative;
}

.mobile .frame-1000003910 {
  align-items: center;
  display: flex;
  gap: 39px;
  position: relative;
  width: fit-content;
}

.mobile .frame-1000003909 {
  align-items: center;
  display: flex;
  gap: 14px;
  position: relative;
  width: fit-content;
}

.mobile .frame-1000003908 {
  /* border: 1px solid;
  border-color: var(--white); */
  border-radius: 2px;
  height: 26px;
  min-width: 26px;
  position: relative;
}

.mobile .phone-call {
  /* height: 16px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 16px; */
  width:100%;height:100%;
}

.mobile .burger {
  height: 20px;
  min-width: 40px;
  position: relative;
}

.mobile .flex-col-1 {
  align-items: flex-start;
  gap: 7px;
  min-height: 20px;
  width: 40px;
}

.mobile .rectangle-3 {
  background-color: var(--white);
  border-radius: 1px;
  height: 2px;
  width: 40px;
}

.mobile .razdelitel {
  background-color: #ffffff33;
  height: 1px;
  width: 375px;
}

.mobile .frame-1000003912 {
  align-items: center;
  background-image: url(../img/imgbg.png);
  background-size: 100% 100%;
  display: flex;
  height: 530px;
  padding: 0 22px;
  width: 100%;
}

.mobile .frame-100000 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
  width: fit-content;
}

.mobile .frame-1000003915 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: relative;
  width: fit-content;
}

.mobile .x {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 38px;
  margin-top: -1.00px;
  position: relative;
  width: 325px;
}

.mobile .text_label-2 {
  line-height: 24.3px;
  width: 316px;
}

.mobile .group-1000002714 {
  height: 3px;
  min-width: 148px;
  position: relative;
  display: none;
}

.mobile .frame-1000003914 {
  align-items: flex-end;
  display: flex;
  gap: 25px;
  position: relative;
  width: 331px;
}

.mobile .frame-1000003913 {
  background-color: var(--pizazz);
  border-radius: 2px;
  height: 43px;
  min-width: 331px;
  overflow: hidden;
  position: relative;
}

.mobile .text-89 {
  height: 100%;
  /* left: 106px; */
  letter-spacing: 0;
  line-height: normal;
  /* position: absolute;
  top: 12px; */
  width:100%;
  text-align: center;

}

.mobile .frame-1000003917 {
  align-items: flex-end;
  background-color: var(--hunter-green);
  display: flex;
  height:640px;
  overflow: hidden;
  width: 375px;
  background: #fff;
}

.mobile .overlap-group13 {
  height: 600px;
  margin-left: -299px;
  position: relative;
  width: 876px;
}

.mobile .world-1-1-1 {
  align-items: flex-end;
  display: flex;
  gap: 345px;
  height: 579px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 263px;
  width: 876px;
}

.mobile .overlap-group9-1 {
  height: 556px;
  margin-bottom: -3302.9px;
  margin-left: -332px;
  position: relative;
  width: 286px;
}

.mobile .ag-1 {
  height: 2px;
  left: 261px;
  position: absolute;
  top: 348px;
  width: 1px;
}

.mobile .overlap-group3-1 {
  height: 2px;
  left: 258px;
  position: absolute;
  top: 347px;
  width: 2px;
}

.mobile .overlap-group3-item {
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.mobile .bl-1 {
  height: 1px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 1px;
}

.mobile .sx {
  height: 1px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 1px;
}

.mobile .overlap-group5-1 {
  height: 556px;
  left: 0;
  position: absolute;
  top: 0;
  width: 286px;
}

.mobile .ar-1 {
  height: 107px;
  left: 233px;
  position: absolute;
  top: 446px;
  width: 48px;
}

.mobile .aw-1 {
  height: 1px;
  left: 241px;
  position: absolute;
  top: 361px;
  width: 1px;
}

.mobile .bo-1 {
  height: 33px;
  left: 242px;
  position: absolute;
  top: 416px;
  width: 30px;
}

.mobile .bq-1 {
  height: 14px;
  left: 245px;
  position: absolute;
  top: 349px;
  width: 13px;
}

.mobile .bs-1 {
  height: 16px;
  left: 219px;
  position: absolute;
  top: 324px;
  width: 15px;
}

.mobile .bz-1 {
  height: 7px;
  left: 194px;
  position: absolute;
  top: 346px;
  width: 4px;
}

.mobile .ca-1 {
  height: 280px;
  left: 68px;
  position: absolute;
  top: 0;
  width: 215px;
}

.mobile .cl-1 {
  height: 121px;
  left: 145px;
  position: absolute;
  top: 435px;
  width: 105px;
}

.mobile .co-1 {
  height: 41px;
  left: 219px;
  position: absolute;
  top: 362px;
  width: 30px;
}

.mobile .cr-1 {
  height: 8px;
  left: 203px;
  position: absolute;
  top: 365px;
  width: 8px;
}

.mobile .cu-1 {
  height: 9px;
  left: 205px;
  position: absolute;
  top: 334px;
  width: 26px;
}

.mobile .cw-1 {
  height: 1px;
  left: 243px;
  position: absolute;
  top: 362px;
  width: 1px;
}

.mobile .do-1 {
  height: 6px;
  left: 236px;
  position: absolute;
  top: 343px;
  width: 9px;
}

.mobile .ec-1 {
  height: 16px;
  left: 189px;
  position: absolute;
  top: 389px;
  width: 40px;
}

.mobile .fk-1 {
  height: 4px;
  left: 263px;
  position: absolute;
  top: 538px;
  width: 8px;
}

.mobile .gd-1 {
  height: 1px;
  left: 261px;
  position: absolute;
  top: 362px;
  width: 1px;
}

.mobile .gf-1 {
  height: 9px;
  left: 279px;
  position: absolute;
  top: 378px;
  width: 7px;
}

.mobile .gt-1 {
  height: 10px;
  left: 187px;
  position: absolute;
  top: 348px;
  width: 10px;
}

.mobile .gy-1 {
  height: 18px;
  left: 262px;
  position: absolute;
  top: 371px;
  width: 12px;
}

.mobile .hn-1 {
  height: 9px;
  left: 194px;
  position: absolute;
  top: 351px;
  width: 15px;
}

.mobile .ht-1 {
  height: 5px;
  left: 230px;
  position: absolute;
  top: 342px;
  width: 7px;
}

.mobile .ky-1 {
  height: 1px;
  left: 213px;
  position: absolute;
  top: 343px;
  width: 4px;
}

.mobile .mx-1 {
  height: 48px;
  left: 123px;
  position: absolute;
  top: 308px;
  width: 77px;
}

.mobile .ni-1 {
  height: 11px;
  left: 198px;
  position: absolute;
  top: 355px;
  width: 11px;
}

.mobile .pa-1 {
  height: 6px;
  left: 210px;
  position: absolute;
  top: 369px;
  width: 14px;
}

.mobile .pe-1 {
  height: 45px;
  left: 214px;
  position: absolute;
  top: 392px;
  width: 31px;
}

.mobile .pm-1 {
  height: 1px;
  left: 274px;
  position: absolute;
  top: 262px;
  width: 1px;
}

.mobile .py-1 {
  height: 22px;
  left: 259px;
  position: absolute;
  top: 440px;
  width: 20px;
}

.mobile .sr-1 {
  height: 10px;
  left: 270px;
  position: absolute;
  top: 378px;
  width: 10px;
}

.mobile .sv-1 {
  height: 3px;
  left: 192px;
  position: absolute;
  top: 357px;
  width: 6px;
}

.mobile .tc-1 {
  height: 1px;
  left: 236px;
  position: absolute;
  top: 337px;
  width: 2px;
}

.mobile .tt-1 {
  height: 3px;
  left: 261px;
  position: absolute;
  top: 364px;
  width: 3px;
}

.mobile .us-1 {
  height: 205px;
  left: 0;
  position: absolute;
  top: 140px;
  width: 249px;
}

.mobile .uy-1 {
  height: 14px;
  left: 269px;
  position: absolute;
  top: 469px;
  width: 13px;
}

.mobile .ve-1 {
  height: 28px;
  left: 233px;
  position: absolute;
  top: 362px;
  width: 33px;
}

.mobile .bb-1 {
  height: 1px;
  left: 266px;
  position: absolute;
  top: 359px;
  width: 1px;
}

.mobile .bm-1 {
  height: 1px;
  left: 254px;
  position: absolute;
  top: 309px;
  width: 1px;
}

.mobile .ck-1 {
  height: 1px;
  left: 23px;
  position: absolute;
  top: 445px;
  width: 1px;
}

.mobile .dm-1 {
  height: 1px;
  left: 262px;
  position: absolute;
  top: 354px;
  width: 1px;
}

.mobile .gp-1 {
  height: 2px;
  left: 261px;
  position: absolute;
  top: 351px;
  width: 2px;
}

.mobile .jm-1 {
  height: 2px;
  left: 221px;
  position: absolute;
  top: 346px;
  width: 5px;
}

.mobile .kn-1 {
  height: 1px;
  left: 259px;
  position: absolute;
  top: 349px;
  width: 1px;
}

.mobile .lc-1 {
  height: 1px;
  left: 263px;
  position: absolute;
  top: 358px;
  width: 1px;
}

.mobile .mq-1 {
  height: 1px;
  left: 263px;
  position: absolute;
  top: 356px;
  width: 1px;
}

.mobile .ms-1 {
  height: 1px;
  left: 260px;
  position: absolute;
  top: 351px;
  width: 1px;
}

.mobile .pf-1 {
  height: 30px;
  left: 43px;
  position: absolute;
  top: 413px;
  width: 37px;
}

.mobile .pn-1 {
  height: 1px;
  left: 99px;
  position: absolute;
  top: 453px;
  width: 1px;
}

.mobile .pr-1 {
  height: 1px;
  left: 246px;
  position: absolute;
  top: 346px;
  width: 6px;
}

.mobile .um-dq-1 {
  height: 1px;
  left: 22px;
  position: absolute;
  top: 393px;
  width: 1px;
}

.mobile .vc-1 {
  height: 2px;
  left: 262px;
  position: absolute;
  top: 359px;
  width: 1px;
}

.mobile .overlap-group2-1 {
  height: 3px;
  left: 253px;
  position: absolute;
  top: 346px;
  width: 2px;
}

.mobile .vg-1 {
  height: 1px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 1px;
}

.mobile .vi-1 {
  height: 2px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 1px;
}

.mobile .flex-col-2 {
  align-items: flex-start;
  margin-bottom: -3298.01px;
  min-height: 3877px;
  width: 950px;
}

.mobile .flex-row-1 {
  align-items: flex-start;
  display: flex;
  gap: 235px;
  height: 3663px;
  min-width: 950px;
}

.mobile .flex-col-3 {
  align-items: flex-start;
  min-height: 3663px;
  width: 375px;
}

.mobile .overlap-group10-1 {
  height: 542px;
  position: relative;
  width: 375px;
}

.mobile .overlap-group-6 {
  height: 498px;
  left: 0;
  position: absolute;
  top: 34px;
  width: 375px;
}

.mobile .ad-1 {
  height: 1px;
  left: 116px;
  position: absolute;
  top: 254px;
  width: 1px;
}

.mobile .ae-2 {
  height: 9px;
  left: 239px;
  position: absolute;
  top: 303px;
  width: 12px;
}

.mobile .af-1 {
  height: 27px;
  left: 260px;
  position: absolute;
  top: 267px;
  width: 35px;
}

.mobile .al-1 {
  height: 10px;
  left: 160px;
  position: absolute;
  top: 254px;
  width: 4px;
}

.mobile .am-1 {
  height: 8px;
  left: 219px;
  position: absolute;
  top: 258px;
  width: 8px;
}

.mobile .ao-1 {
  height: 34px;
  left: 142px;
  position: absolute;
  top: 379px;
  width: 30px;
}

.mobile .at-1 {
  height: 9px;
  left: 136px;
  position: absolute;
  top: 232px;
  width: 19px;
}

.mobile .ax-1 {
  height: 2px;
  left: 161px;
  position: absolute;
  top: 183px;
  width: 3px;
}

.mobile .az-1 {
  height: 11px;
  left: 222px;
  position: absolute;
  top: 256px;
  width: 14px;
}

.mobile .ba-1 {
  height: 9px;
  left: 151px;
  position: absolute;
  top: 245px;
  width: 9px;
}

.mobile .bd-1 {
  height: 15px;
  left: 327px;
  position: absolute;
  top: 302px;
  width: 11px;
}

.mobile .be-1 {
  height: 8px;
  left: 119px;
  position: absolute;
  top: 222px;
  width: 9px;
}

.mobile .bf-1 {
  height: 14px;
  left: 100px;
  position: absolute;
  top: 331px;
  width: 19px;
}

.mobile .bg-2 {
  height: 10px;
  left: 167px;
  position: absolute;
  top: 249px;
  width: 15px;
}

.mobile .bh-1 {
  height: 1px;
  left: 236px;
  position: absolute;
  top: 302px;
  width: 1px;
}

.mobile .bi-1 {
  height: 5px;
  left: 184px;
  position: absolute;
  top: 374px;
  width: 4px;
}

.mobile .bj-1 {
  height: 15px;
  left: 115px;
  position: absolute;
  top: 338px;
  width: 7px;
}

.mobile .br-1 {
  height: 100px;
  left: 0;
  position: absolute;
  top: 356px;
  width: 28px;
}

.mobile .bt-1 {
  height: 4px;
  left: 329px;
  position: absolute;
  top: 297px;
  width: 8px;
}

.mobile .bw-1 {
  height: 24px;
  left: 162px;
  position: absolute;
  top: 412px;
  width: 23px;
}

.mobile .by-1 {
  height: 20px;
  left: 169px;
  position: absolute;
  top: 203px;
  width: 23px;
}

.mobile .cd-1 {
  height: 46px;
  left: 143px;
  position: absolute;
  top: 356px;
  width: 46px;
}

.mobile .cf-1 {
  height: 21px;
  left: 148px;
  position: absolute;
  top: 342px;
  width: 32px;
}

.mobile .cg-1 {
  height: 21px;
  left: 140px;
  position: absolute;
  top: 360px;
  width: 18px;
}

.mobile .ch-1 {
  height: 7px;
  left: 128px;
  position: absolute;
  top: 236px;
  width: 11px;
}

.mobile .ci-1 {
  height: 16px;
  left: 92px;
  position: absolute;
  top: 342px;
  width: 15px;
}

.mobile .cm-1 {
  height: 28px;
  left: 134px;
  position: absolute;
  top: 336px;
  width: 19px;
}

.mobile .cn-1 {
  height: 110px;
  left: 292px;
  position: absolute;
  top: 214px;
  width: 83px;
}

.mobile .cx-1 {
  height: 1px;
  left: 370px;
  position: absolute;
  top: 394px;
  width: 1px;
}

.mobile .cz-1 {
  height: 9px;
  left: 142px;
  position: absolute;
  top: 224px;
  width: 16px;
}

.mobile .de-1 {
  height: 30px;
  left: 127px;
  position: absolute;
  top: 208px;
  width: 22px;
}

.mobile .dj-1 {
  height: 4px;
  left: 215px;
  position: absolute;
  top: 337px;
  width: 4px;
}

.mobile .dk-1 {
  height: 14px;
  left: 133px;
  position: absolute;
  top: 196px;
  width: 17px;
}

.mobile .dz-1 {
  height: 50px;
  left: 92px;
  position: absolute;
  top: 271px;
  width: 50px;
}

.mobile .eg-1 {
  height: 26px;
  left: 173px;
  position: absolute;
  top: 287px;
  width: 30px;
}

.mobile .ee-1 {
  height: 10px;
  left: 166px;
  position: absolute;
  top: 187px;
  width: 15px;
}

.mobile .eh-1 {
  height: 18px;
  left: 71px;
  position: absolute;
  top: 299px;
  width: 20px;
}

.mobile .er-1 {
  height: 14px;
  left: 202px;
  position: absolute;
  top: 324px;
  width: 16px;
}

.mobile .es-1 {
  height: 49px;
  left: 69px;
  position: absolute;
  top: 250px;
  width: 55px;
}

.mobile .et-1 {
  height: 28px;
  left: 193px;
  position: absolute;
  top: 332px;
  width: 36px;
}

.mobile .fi-1 {
  height: 60px;
  left: 163px;
  position: absolute;
  top: 126px;
  width: 27px;
}

.mobile .fr-1 {
  height: 34px;
  left: 101px;
  position: absolute;
  top: 224px;
  width: 35px;
}

.mobile .ga-1 {
  height: 15px;
  left: 134px;
  position: absolute;
  top: 363px;
  width: 14px;
}

.mobile .gb-1 {
  height: 47px;
  left: 93px;
  position: absolute;
  top: 181px;
  width: 24px;
}

.mobile .ge-1 {
  height: 8px;
  left: 210px;
  position: absolute;
  top: 251px;
  width: 16px;
}

.mobile .gg-1 {
  height: 1px;
  left: 107px;
  position: absolute;
  top: 230px;
  width: 1px;
}

.mobile .gh-1 {
  height: 16px;
  left: 105px;
  position: absolute;
  top: 341px;
  width: 11px;
}

.mobile .gi-1 {
  height: 1px;
  left: 100px;
  position: absolute;
  top: 274px;
  width: 1px;
}

.mobile .gm-1 {
  height: 2px;
  left: 72px;
  position: absolute;
  top: 335px;
  width: 7px;
}

.mobile .gn-1 {
  height: 13px;
  left: 76px;
  position: absolute;
  top: 337px;
  width: 18px;
}

.mobile .gq-1 {
  height: 7px;
  left: 134px;
  position: absolute;
  top: 359px;
  width: 7px;
}

.mobile .gr-1 {
  height: 21px;
  left: 161px;
  position: absolute;
  top: 257px;
  width: 21px;
}

.mobile .gw-1 {
  height: 4px;
  left: 72px;
  position: absolute;
  top: 337px;
  width: 7px;
}

.mobile .hr-1 {
  height: 14px;
  left: 146px;
  position: absolute;
  top: 241px;
  width: 14px;
}

.mobile .hu-1 {
  height: 10px;
  left: 152px;
  position: absolute;
  top: 233px;
  width: 17px;
}

.mobile .id-1 {
  height: 41px;
  left: 345px;
  position: absolute;
  top: 354px;
  width: 30px;
}

.mobile .ie-1 {
  height: 16px;
  left: 88px;
  position: absolute;
  top: 206px;
  width: 11px;
}

.mobile .il-1 {
  height: 11px;
  left: 196px;
  position: absolute;
  top: 282px;
  width: 4px;
}

.mobile .im-1 {
  height: 1px;
  left: 101px;
  position: absolute;
  top: 210px;
  width: 1px;
}

.mobile .in-1 {
  height: 76px;
  left: 279px;
  position: absolute;
  top: 276px;
  width: 71px;
}

.mobile .io-1 {
  height: 1px;
  left: 289px;
  position: absolute;
  top: 386px;
  width: 1px;
}

.mobile .iq-1 {
  height: 24px;
  left: 207px;
  position: absolute;
  top: 271px;
  width: 24px;
}

.mobile .ir-1 {
  height: 42px;
  left: 220px;
  position: absolute;
  top: 263px;
  width: 47px;
}

.mobile .it-1 {
  height: 34px;
  left: 129px;
  position: absolute;
  top: 239px;
  width: 29px;
}

.mobile .je-1 {
  height: 1px;
  left: 108px;
  position: absolute;
  top: 231px;
  width: 1px;
}

.mobile .jo-1 {
  height: 12px;
  left: 198px;
  position: absolute;
  top: 283px;
  width: 11px;
}

.mobile .ke-1 {
  height: 25px;
  left: 196px;
  position: absolute;
  top: 355px;
  width: 19px;
}

.mobile .kg-1 {
  height: 13px;
  left: 282px;
  position: absolute;
  top: 252px;
  width: 27px;
}

.mobile .kh-1 {
  height: 11px;
  left: 362px;
  position: absolute;
  top: 332px;
  width: 13px;
}

.mobile .ki-1 {
  height: 37px;
  left: 0;
  position: absolute;
  top: 359px;
  width: 375px;
}

.mobile .km-1 {
  height: 2px;
  left: 218px;
  position: absolute;
  top: 396px;
  width: 3px;
}

.mobile .xk-1 {
  height: 5px;
  left: 162px;
  position: absolute;
  top: 252px;
  width: 4px;
}

.mobile .kw-1 {
  height: 4px;
  left: 226px;
  position: absolute;
  top: 292px;
  width: 5px;
}

.mobile .kz-1 {
  height: 54px;
  left: 227px;
  position: absolute;
  top: 206px;
  width: 99px;
}

.mobile .la-1 {
  height: 22px;
  left: 357px;
  position: absolute;
  top: 312px;
  width: 18px;
}

.mobile .lb-1 {
  height: 5px;
  left: 199px;
  position: absolute;
  top: 279px;
  width: 4px;
}

.mobile .li-1 {
  height: 1px;
  left: 136px;
  position: absolute;
  top: 238px;
  width: 1px;
}

.mobile .lk-1 {
  height: 9px;
  left: 307px;
  position: absolute;
  top: 345px;
  width: 5px;
}

.mobile .lr-1 {
  height: 10px;
  left: 85px;
  position: absolute;
  top: 348px;
  width: 10px;
}

.mobile .ls-1 {
  height: 6px;
  left: 179px;
  position: absolute;
  top: 441px;
  width: 6px;
}

.mobile .lt-1 {
  height: 11px;
  left: 164px;
  position: absolute;
  top: 202px;
  width: 14px;
}

.mobile .lu-1 {
  height: 3px;
  left: 127px;
  position: absolute;
  top: 227px;
  width: 2px;
}

.mobile .lv-1 {
  height: 11px;
  left: 164px;
  position: absolute;
  top: 194px;
  width: 17px;
}

.mobile .ly-1 {
  height: 37px;
  left: 136px;
  position: absolute;
  top: 283px;
  width: 39px;
}

.mobile .ma-1 {
  height: 24px;
  left: 81px;
  position: absolute;
  top: 275px;
  width: 29px;
}

.mobile .mc-1 {
  height: 1px;
  left: 131px;
  position: absolute;
  top: 250px;
  width: 1px;
}

.mobile .md-1 {
  height: 11px;
  left: 178px;
  position: absolute;
  top: 234px;
  width: 9px;
}

.mobile .mg-1 {
  height: 35px;
  left: 218px;
  position: absolute;
  top: 398px;
  width: 18px;
}

.mobile .me-1 {
  height: 6px;
  left: 158px;
  position: absolute;
  top: 251px;
  width: 5px;
}

.mobile .mk-1 {
  height: 5px;
  left: 163px;
  position: absolute;
  top: 255px;
  width: 6px;
}

.mobile .ml-1 {
  height: 38px;
  left: 83px;
  position: absolute;
  top: 306px;
  width: 40px;
}

.mobile .mm-1 {
  height: 48px;
  left: 337px;
  position: absolute;
  top: 296px;
  width: 22px;
}

.mobile .mn-1 {
  height: 38px;
  left: 327px;
  position: absolute;
  top: 220px;
  width: 48px;
}

.mobile .mr-1 {
  height: 33px;
  left: 71px;
  position: absolute;
  top: 300px;
  width: 30px;
}

.mobile .mv-1 {
  height: 2px;
  left: 292px;
  position: absolute;
  top: 358px;
  width: 1px;
}

.mobile .mw-1 {
  height: 19px;
  left: 193px;
  position: absolute;
  top: 391px;
  width: 8px;
}

.mobile .my-1 {
  height: 16px;
  left: 356px;
  position: absolute;
  top: 351px;
  width: 19px;
}

.mobile .mz-1 {
  height: 42px;
  left: 187px;
  position: absolute;
  top: 394px;
  width: 26px;
}

.mobile .na-1 {
  height: 32px;
  left: 142px;
  position: absolute;
  top: 410px;
  width: 33px;
}

.mobile .ne-1 {
  height: 30px;
  left: 113px;
  position: absolute;
  top: 310px;
  width: 38px;
}

.mobile .ng-1 {
  height: 24px;
  left: 120px;
  position: absolute;
  top: 334px;
  width: 29px;
}

.mobile .nl-1 {
  height: 11px;
  left: 121px;
  position: absolute;
  top: 214px;
  width: 9px;
}

.mobile .no-1 {
  height: 76px;
  left: 125px;
  position: absolute;
  top: 118px;
  width: 64px;
}

.mobile .np-1 {
  height: 11px;
  left: 308px;
  position: absolute;
  top: 291px;
  width: 20px;
}

.mobile .om-1 {
  height: 25px;
  left: 240px;
  position: absolute;
  top: 302px;
  width: 19px;
}

.mobile .pk-1 {
  height: 38px;
  left: 261px;
  position: absolute;
  top: 272px;
  width: 41px;
}

.mobile .pl-1 {
  height: 23px;
  left: 147px;
  position: absolute;
  top: 209px;
  width: 24px;
}

.mobile .ps-1 {
  height: 4px;
  left: 196px;
  position: absolute;
  top: 285px;
  width: 3px;
}

.mobile .pt-1 {
  height: 29px;
  left: 37px;
  position: absolute;
  top: 256px;
  width: 61px;
}

.mobile .qa-1 {
  height: 4px;
  left: 237px;
  position: absolute;
  top: 303px;
  width: 2px;
}

.mobile .ro-1 {
  height: 16px;
  left: 162px;
  position: absolute;
  top: 234px;
  width: 23px;
}

.mobile .rs-1 {
  height: 13px;
  left: 159px;
  position: absolute;
  top: 242px;
  width: 10px;
}

.mobile .ru-1 {
  height: 259px;
  left: 161px;
  position: absolute;
  top: 0;
  width: 214px;
}

.mobile .rw-1 {
  height: 4px;
  left: 183px;
  position: absolute;
  top: 371px;
  width: 5px;
}

.mobile .sa-1 {
  height: 42px;
  left: 197px;
  position: absolute;
  top: 286px;
  width: 51px;
}

.mobile .sc-1 {
  height: 1px;
  left: 248px;
  position: absolute;
  top: 380px;
  width: 1px;
}

.mobile .sd-1 {
  height: 34px;
  left: 166px;
  position: absolute;
  top: 313px;
  width: 41px;
}

.mobile .se-1 {
  height: 73px;
  left: 140px;
  position: absolute;
  top: 133px;
  width: 32px;
}

.mobile .sg-1 {
  height: 1px;
  left: 365px;
  position: absolute;
  top: 365px;
  width: 1px;
}

.mobile .sh-1 {
  height: 20px;
  left: 78px;
  position: absolute;
  top: 388px;
  width: 21px;
}

.mobile .si-1 {
  height: 5px;
  left: 146px;
  position: absolute;
  top: 239px;
  width: 8px;
}

.mobile .sj-1 {
  height: 99px;
  left: 91px;
  position: absolute;
  top: 22px;
  width: 104px;
}

.mobile .sk-1 {
  height: 7px;
  left: 154px;
  position: absolute;
  top: 229px;
  width: 14px;
}

.mobile .sl-1 {
  height: 8px;
  left: 81px;
  position: absolute;
  top: 344px;
  width: 7px;
}

.mobile .sm-1 {
  height: 1px;
  left: 143px;
  position: absolute;
  top: 249px;
  width: 1px;
}

.mobile .sn-1 {
  height: 11px;
  left: 70px;
  position: absolute;
  top: 327px;
  width: 15px;
}

.mobile .so-1 {
  height: 33px;
  left: 213px;
  position: absolute;
  top: 339px;
  width: 25px;
}

.mobile .ss-1 {
  height: 21px;
  left: 172px;
  position: absolute;
  top: 339px;
  width: 27px;
}

.mobile .st-1 {
  height: 4px;
  left: 129px;
  position: absolute;
  top: 364px;
  width: 2px;
}

.mobile .sy-1 {
  height: 15px;
  left: 200px;
  position: absolute;
  top: 271px;
  width: 16px;
}

.mobile .sz-1 {
  height: 4px;
  left: 188px;
  position: absolute;
  top: 433px;
  width: 3px;
}

.mobile .td-1 {
  height: 40px;
  left: 146px;
  position: absolute;
  top: 310px;
  width: 26px;
}

.mobile .tg-1 {
  height: 12px;
  left: 113px;
  position: absolute;
  top: 341px;
  width: 5px;
}

.mobile .th-1 {
  height: 37px;
  left: 350px;
  position: absolute;
  top: 318px;
  width: 20px;
}

.mobile .tj-1 {
  height: 14px;
  left: 277px;
  position: absolute;
  top: 259px;
  width: 19px;
}

.mobile .tm-1 {
  height: 24px;
  left: 241px;
  position: absolute;
  top: 253px;
  width: 34px;
}

.mobile .tn-1 {
  height: 21px;
  left: 131px;
  position: absolute;
  top: 271px;
  width: 10px;
}

.mobile .tr-1 {
  height: 20px;
  left: 176px;
  position: absolute;
  top: 256px;
  width: 47px;
}

.mobile .tz-1 {
  height: 26px;
  left: 184px;
  position: absolute;
  top: 371px;
  width: 27px;
}

.mobile .ua-1 {
  height: 29px;
  left: 167px;
  position: absolute;
  top: 219px;
  width: 44px;
}

.mobile .ug-1 {
  height: 14px;
  left: 185px;
  position: absolute;
  top: 358px;
  width: 13px;
}

.mobile .uz-1 {
  height: 27px;
  left: 249px;
  position: absolute;
  top: 244px;
  width: 42px;
}

.mobile .va-1 {
  height: 1px;
  left: 143px;
  position: absolute;
  top: 256px;
  width: 1px;
}

.mobile .vn-1 {
  height: 37px;
  left: 362px;
  position: absolute;
  top: 310px;
  width: 13px;
}

.mobile .ye-1 {
  height: 17px;
  left: 217px;
  position: absolute;
  top: 322px;
  width: 29px;
}

.mobile .yt-1 {
  height: 1px;
  left: 223px;
  position: absolute;
  top: 399px;
  width: 1px;
}

.mobile .za-1 {
  height: 74px;
  left: 153px;
  position: absolute;
  top: 424px;
  width: 52px;
}

.mobile .zm-1 {
  height: 25px;
  left: 167px;
  position: absolute;
  top: 388px;
  width: 28px;
}

.mobile .zw-1 {
  height: 17px;
  left: 174px;
  position: absolute;
  top: 407px;
  width: 19px;
}

.mobile .cc-1 {
  height: 1px;
  left: 349px;
  position: absolute;
  top: 432px;
  width: 1px;
}

.mobile .cv-1 {
  height: 6px;
  left: 51px;
  position: absolute;
  top: 360px;
  width: 6px;
}

.mobile .cy-1 {
  height: 3px;
  left: 192px;
  position: absolute;
  top: 310px;
  width: 5px;
}

.mobile .fo-1 {
  height: 5px;
  left: 95px;
  position: absolute;
  top: 207px;
  width: 2px;
}

.mobile .overlap-group4-1 {
  align-items: flex-end;
  background-image: url(../img/gl-1.svg);
  background-size: 100% 100%;
  display: flex;
  height: 220px;
  justify-content: flex-end;
  left: 0;
  min-width: 85px;
  padding: 18.4px 5.2px;
  position: absolute;
  top: 0;
}

.mobile .is-1 {
  height: 18px;
  width: 27px;
}

.mobile .go-1 {
  height: 1px;
  left: 228px;
  position: absolute;
  top: 430px;
  width: 1px;
}

.mobile .ju-1 {
  height: 1px;
  left: 217px;
  position: absolute;
  top: 444px;
  width: 1px;
}

.mobile .mt-1 {
  height: 1px;
  left: 148px;
  position: absolute;
  top: 308px;
  width: 1px;
}

.mobile .mu-1 {
  height: 1px;
  left: 253px;
  position: absolute;
  top: 452px;
  width: 1px;
}

.mobile .re-1 {
  height: 1px;
  left: 248px;
  position: absolute;
  top: 454px;
  width: 1px;
}

.mobile .tf-1 {
  height: 12px;
  left: 239px;
  position: absolute;
  top: 529px;
  width: 46px;
}

.mobile .hm-1 {
  align-self: flex-end;
  height: 1px;
  margin-right: 82.19px;
  margin-top: 13px;
  width: 1px;
}

.mobile .flex-row-2 {
  align-items: flex-start;
  display: flex;
  gap: 72px;
  margin-left: 20.45px;
  margin-top: 3px;
  min-width: 102px;
}

.mobile .gs-1 {
  height: 20px;
  width: 29px;
}

.mobile .bv-1 {
  height: 1px;
  margin-top: 1.66px;
  width: 1px;
}

.mobile .flex-row-3 {
  align-items: flex-end;
  align-self: center;
  display: flex;
  height: 70px;
  margin-right: 91.01px;
  margin-top: 3015px;
  min-width: 169px;
}

.mobile .overlap-group8-1 {
  height: 2px;
  position: relative;
  width: 2px;
}

.mobile .hk-1 {
  height: 1px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 1px;
}

.mobile .mo-1 {
  height: 1px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 1px;
}

.mobile .tw-1 {
  height: 9px;
  margin-bottom: 0.16px;
  margin-left: 10px;
  width: 9px;
}

.mobile .overlap-group7 {
  align-self: flex-start;
  background-image: url(../img/ag-1@2x.png);
  background-size: 100% 100%;
  height: 64px;
  margin-left: 4px;
  position: relative;
  width: 54px;
}

.mobile .kp-1 {
  height: 17px;
  left: 2px;
  position: absolute;
  top: 9px;
  width: 15px;
}

.mobile .kr-1 {
  height: 16px;
  left: 6px;
  position: absolute;
  top: 23px;
  width: 12px;
}

.mobile .um-mq-1 {
  height: 1px;
  margin-bottom: 16.04px;
  margin-left: 90px;
  width: 1px;
}

.mobile .ellips-1 {
  align-items: center;
  display: flex;
  gap: 1009px;
  height: 250px;
  margin-top: 233.78px;
  overflow: hidden;
  width: 340px;
}

.mobile .ellipse-8 {
  align-self: flex-end;
  height: 360px;
  margin-bottom: -3142.55px;
  margin-left: -950px;
  object-fit: cover;
  width: 200px;
}

.mobile .drop {
  align-items: flex-start;
  display: flex;
  gap: 1237px;
  margin-top: 100.5px;
  min-width: 11px;
}

.mobile .vector-161-1 {
  align-self: flex-end;
  height: 6px;
  margin-bottom: -3081.0px;
  margin-left: -1241px;
  width: 7px;
}

.mobile .ellipse-1329-1 {
  background-color: var(--alto);
  border-radius: 4px;
  height: 8px;
  width: 8px;
}

.mobile .flex-row-4 {
  align-items: flex-end;
  display: flex;
  height: 44px;
  margin-left: 58.76px;
  margin-top: 3px;
  min-width: 187px;
}

.mobile .bn-1 {
  height: 2px;
  margin-bottom: 2.43px;
  width: 3px;
}

.mobile .ph-1 {
  align-self: flex-start;
  height: 39px;
  margin-left: 4px;
  width: 23px;
}

.mobile .flex-col-4 {
  align-items: center;
  margin-left: 11px;
  min-height: 40px;
  width: 145px;
}

.mobile .um-wq-1 {
  height: 1px;
  margin-left: 28.3px;
  width: 1px;
}

.mobile .flex-row-5 {
  align-items: flex-start;
  display: flex;
  height: 39px;
  min-width: 145px;
}

.mobile .pw-1 {
  align-self: flex-end;
  height: 11px;
  width: 9px;
}

.mobile .flex-col-5 {
  align-items: center;
  margin-left: 8px;
  min-height: 34px;
  width: 61px;
}

.mobile .mp-1 {
  height: 12px;
  margin-right: 24.52px;
  width: 2px;
}

.mobile .gu-1 {
  height: 1px;
  margin-right: 27.63px;
  margin-top: 1px;
  width: 1px;
}

.mobile .fm-1 {
  height: 11px;
  margin-top: 9px;
  width: 61px;
}

.mobile .mh-1 {
  align-self: center;
  height: 13px;
  margin-left: 9px;
  margin-top: 12.44px;
  width: 12px;
}

.mobile .um-jq-1 {
  height: 1px;
  margin-left: 46px;
  margin-top: 5.29px;
  width: 1px;
}

.mobile .flex-row-6 {
  align-items: flex-start;
  display: flex;
  height: 161px;
  margin-left: 55.95px;
  margin-top: 5px;
  min-width: 189px;
}

.mobile .flex-col-6 {
  align-items: flex-end;
  min-height: 161px;
  width: 173px;
}

.mobile .um-hq-1 {
  height: 1px;
  margin-right: 0.43px;
  width: 1px;
}

.mobile .um-fq-1 {
  height: 1px;
  width: 1px;
}

.mobile .nr-1 {
  height: 1px;
  margin-right: 40.48px;
  margin-top: 1px;
  width: 1px;
}

.mobile .overlap-group12-1 {
  height: 156px;
  margin-right: 0.16px;
  margin-top: 1px;
  position: relative;
  width: 173px;
}

.mobile .overlap-group11-1 {
  height: 156px;
  left: 0;
  position: absolute;
  top: 0;
  width: 173px;
}

.mobile .overlap-group6-1 {
  height: 156px;
  left: 0;
  position: absolute;
  top: 0;
  width: 132px;
}

.mobile .au-1 {
  height: 135px;
  left: 0;
  position: absolute;
  top: 21px;
  width: 112px;
}

.mobile .pg-1 {
  height: 25px;
  left: 68px;
  position: absolute;
  top: 0;
  width: 37px;
}

.mobile .sb-1 {
  height: 13px;
  left: 104px;
  position: absolute;
  top: 13px;
  width: 27px;
}

.mobile .overlap-group1-2 {
  height: 23px;
  left: 114px;
  position: absolute;
  top: 30px;
  width: 24px;
}

.mobile .nc-1 {
  height: 9px;
  left: 0;
  position: absolute;
  top: 14px;
  width: 20px;
}

.mobile .vu-1 {
  height: 17px;
  left: 16px;
  position: absolute;
  top: 0;
  width: 8px;
}

.mobile .nz-1 {
  height: 62px;
  left: 129px;
  position: absolute;
  top: 86px;
  width: 44px;
}

.mobile .tl-1 {
  height: 3px;
  left: 27px;
  position: absolute;
  top: 17px;
  width: 8px;
}

.mobile .fj-1 {
  height: 23px;
  left: 150px;
  position: absolute;
  top: 27px;
  width: 17px;
}

.mobile .nf-1 {
  height: 1px;
  left: 134px;
  position: absolute;
  top: 70px;
  width: 1px;
}

.mobile .tv-1 {
  height: 6px;
  left: 154px;
  position: absolute;
  top: 12px;
  width: 7px;
}

.mobile .wf-1 {
  height: 3px;
  left: 168px;
  position: absolute;
  top: 29px;
  width: 5px;
}

.mobile .to-1 {
  align-self: center;
  height: 7px;
  margin-bottom: 58.5px;
  margin-left: 2px;
  width: 4px;
}

.mobile .flex-col-7 {
  align-items: flex-start;
  gap: 10px;
  margin-left: 3px;
  margin-top: 22.75px;
  min-height: 14px;
  width: 4px;
}

.mobile .tk-1 {
  height: 2px;
  margin-left: 0.68px;
  width: 3px;
}

.mobile .ws-1 {
  height: 1px;
  width: 3px;
}

.mobile .as-1 {
  height: 1px;
  margin-left: 1px;
  margin-top: 36.88px;
  width: 1px;
}

.mobile .nu-1 {
  align-self: center;
  height: 1px;
  margin-bottom: 62.89px;
  margin-left: 1px;
  width: 1px;
}

.mobile .frame-1000003932 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  left: 321px;
  position: absolute;
  top: 0;
  width: fit-content;
}

.mobile .frame-1000003930 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: fit-content;
}

.mobile .frame-1000003918 {
  -webkit-backdrop-filter: blur(56px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(56px) brightness(100%);
  background-color: var(--black-2);
  border: 1px solid;
  border-color: var(--mine-shaft);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  position: relative;
  width: fit-content;
}

.mobile .frame-100000392 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
  width: fit-content;
}

.mobile .frame-100000392-1 {
  align-items: flex-start;
  display: flex;
  position: relative;
  width: fit-content;
}

.mobile .number-2 {
  line-height: 50px;
  width: 249px;
  color:#000;
}

.mobile .frame-100000392-2 {
  background-color: var(--thunder);
  border-radius: 8px;
  height: 42px;
  min-width: 42px;
  position: relative;
  background: #D64356;
}

.mobile .x4620048_call-center_ {
  height: 24px;
  left: 9px;
  position: absolute;
  top: 9px;
  width: 24px;
}

.mobile .text-90 {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  color:#000;
}

.mobile .frame-10000039 {
  /* -webkit-backdrop-filter: blur(56px) brightness(100%); */
  align-items: flex-start;
  /* backdrop-filter: blur(56px) brightness(100%); */
  background-color: var(--black-2);
  border: 1px solid;
  border-color: var(--mine-shaft);
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: -1px;
  padding: 20px;
  position: relative;
  width: fit-content;
}

.mobile .x4243325_users_people_icon-1 {
  height: 24px;
  left: 9px;
  position: absolute;
  top: 9px;
  width: 24px;
}

.mobile .text-91 {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .x8111410_history_time {
  height: 24px;
  left: 9px;
  position: absolute;
  top: 9px;
  width: 24px;
}

.mobile .text-92 {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  color:#000;
}

.mobile .text-14 {
  letter-spacing: 0;
  line-height: 24.3px;
  position: relative;
  width: 331px;
  color:#fff;
}

.mobile .video-1 {
  background-image: url(../img/bg-5@2x.png);
  background-size: 100% 100%;
  border-radius: 8px;
  height: 166px;
  min-width: 331px;
  overflow: hidden;
  position: relative;
}

.mobile .flex-col-8 {
  align-items: flex-start;
  gap: 37px;
  left: 16px;
  min-height: 80px;
  position: absolute;
  top: 69px;
  width: 163px;
}

.mobile .subtract {
  align-self: flex-end;
  height: 27px;
  width: 27px;
}

.mobile .sorp-logistics-1 {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-xxs);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16.2px;
  white-space: nowrap;
}

.mobile .text-94 {
  left: 284px;
  letter-spacing: 0;
  line-height: 16.2px;
  position: absolute;
  top: 133px;
  white-space: nowrap;
}

.mobile .frame-1000003918-1 {
  align-items: flex-start;
  background-color: var(--gallery);
  display: flex;
  height: 2093px;
  width: 375px;
}

.mobile .overlap-group14 {
  height: 2043px;
  position: relative;
  width: 375px;
}

.mobile .bg-3 {
  height: 218px;
  left: 0;
  position: absolute;
  top: 0;
  width: 375px;
}

.mobile .frame-1000003947 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  left: 22px;
  position: absolute;
  top: 50px;
  width: fit-content;
}

.mobile .frame-100000-1 {
  gap: 12px;
}

.mobile .text_label-3 {
  line-height: normal;
  margin-top: -1.00px;
  width: fit-content;
  color:#000;
}

.mobile .text-95 {
  color: #18191f;
  font-family: var(--font-family-jost);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24.3px;
  position: relative;
  width: 331px;
}

.mobile .frame-100000-2 {
  gap: 24px;
}

.mobile .text_label-1 {
  color: var(--black);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-l);
  font-weight: 600;
  line-height: normal;
  margin-top: -1.00px;
  width: fit-content;
  color: #000 !important;
}

.mobile .frame-100000393 {
  background-color: var(--white);
  height: 215px;
  min-width: 331px;
  position: relative;
}

.mobile .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 198px;
  width: 331px;
}

.mobile .overlap-group-3 {
  height: 112px;
  position: relative;
  width: 331px;
}

.mobile .rectangle-4714 {
  background-color: var(--hunter-green);
  background: #fff;
  height: 101px;
  left: 0;
  position: absolute;
  top: 0;
  width: 331px;
}

.mobile .pngegg-1-1 {
  height: 101px;
  left: 113px;
  position: absolute;
  top: 0;
  width: 218px;
}

.mobile .frame-1000003923-2 {
  align-items: flex-end;
  background-color: var(--thunder);
  background: #D64356;
  justify-content: flex-end;
  left: 16px;
  padding: 11.8px 9.4px;
  position: absolute;
  top: 70px;
}

.mobile .vector {
  height: 16px;
  width: 23px;
}

.mobile .text-15 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 11px;
  min-height: 17px;
  width: 299px;
}

.mobile .text-16 {
  height: 54px;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: 4px;
  width: 299px;
}

.mobile .pnghut_water-transpo-1 {
  height: 101px;
  left: 140px;
  position: absolute;
  top: 0;
  width: 191px;
}

.mobile .frame-1000003923-3 {
  align-items: center;
  /* background-color: var(--thunder); */
  left: 16px;
  padding: 0 8.3px;
  position: absolute;
  top: 70px;
}

.mobile .image-2 {
  height: 17px;
  width: 25px;
}

.mobile .truck-on-a-white-bac-1 {
  height: 101px;
  left: 154px;
  position: absolute;
  top: 0;
  width: 177px;
}

.mobile .frame-1000003923-4 {
  align-items: flex-end;
  /* background-color: var(--thunder); */
  justify-content: flex-end;
  left: 16px;
  padding: 13.0px 7.6px;
  position: absolute;
  top: 70px;
}

.mobile .image-3 {
  height: 16px;
  width: 26px;
}

.mobile .frame-100000393-1 {
  height: 171px;
  min-width: 331px;
  overflow: hidden;
  position: relative;
}

.mobile .overlap-group-4 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  /* height: 208px; */
  min-width: 331px;
  padding: 16px;
}

.mobile .frame-100000-3 {
  gap: 16px;
}

.mobile .icon-park-outlinefile-protection-one {
  height: 24px;
  left: 9px;
  position: absolute;
  top: 9px;
  width: 24px;
}

.mobile .frame-100000403 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: fit-content;
}

.mobile .text-102 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 299px;
}

.mobile .text-103 {
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  width: 299px;
}

.mobile .overlap-group1-3 {
  background-color: #fff;
  height: 208px;
  position: relative;
  width: 331px;
}

.mobile .bg-hover {
  height: 171px;
  left: 0;
  position: absolute;
  top: 0;
  width: 331px;
}

.mobile .frame-1000004034 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  left: 16px;
  position: absolute;
  top: 16px;
  width: fit-content;
}

.mobile .x9025861_package_box_icon-1 {
  height: 24px;
  left: 9px;
  position: absolute;
  top: 9px;
  width: 24px;
}

.mobile .text-104 {
  color: var(--white);
  font-family: var(--font-family-unbounded);
  font-size: var(--font-size-xs);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 299px;
}

.mobile .text-105 {
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  width: 299px;
}

.mobile .streamlineshipping-t {
  height: 24px;
  left: 9px;
  position: absolute;
  top: 9px;
  width: 24px;
}

.mobile .text-106 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 299px;
}

.mobile .address-3 {
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  width: 299px;
}

.mobile .frame-10000039-1 {
  /* height: 189px; */
  min-width: 331px;
  overflow: hidden;
  position: relative;
}

.mobile .fa6-solidtruck-plane {
  height: 21px;
  left: 9px;
  position: absolute;
  top: 11px;
  width: 24px;
}

.mobile .x3-pl-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 299px;
}

.mobile .text-107 {
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  width: 299px;
}

.mobile .group-1000003205 {
  height: 25px;
  left: 8px;
  position: absolute;
  top: 8px;
  width: 24px;
}

.mobile .x4-pl-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 299px;
}

.mobile .text-108 {
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  width: 299px;
}

.mobile .x4-garanties-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 1260px;
  padding: 30.9px 0.1px;

}

.mobile .frame-container-3 {
  align-self: flex-end;
  height: 1008px;
  position: relative;
  width: 353px;
}

.mobile .frame-1000004041 {
  height: 185px;
  left: 128px;
  position: absolute;
  top: 0;
  width: 225px;
}

.mobile .frame-1000004042 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  left: 0;
  position: absolute;
  top: 19px;
  width: fit-content;
}

.mobile .text_label-4 {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-xl);
  font-weight: 600;
  line-height: normal;
  margin-top: -1.00px;
  width: fit-content;
}

.mobile .frame-100000393-2 {
  /* -webkit-backdrop-filter: blur(12px) brightness(100%); */
  align-items: flex-start;
  /* backdrop-filter: blur(12px) brightness(100%); */
  /* background-color: var(--hunter-green-3); */
  border: 1px solid;
  border-color: var(--heavy-metal);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  position: relative;
  width: fit-content;
}

.mobile .number-3 {
  line-height: 32px;
  width: fit-content;
}

.mobile .text-110 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 274px;
  color:#000;
}

.mobile .text-111 {
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  width: 299px;
  color:#000;
}

.mobile .text-112 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 299px;
  color:#000;
}

.mobile .text-113 {
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  width: 299px;
  color:#000;
}

.mobile .text-114 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 276px;
  color:#000;
}

.mobile .text-115 {
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  width: 299px;
  color:#000;
}

.mobile .flex-row-7 {
  align-items: flex-end;
  display: flex;
  gap: 14px;
  height: 64px;
  margin-top: 23px;
  min-width: 331px;
}

.mobile .address-4 {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: 64px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 64px;
  min-width: 235px;
  white-space: nowrap;
  color:#000;
}

.mobile .text-116 {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: 42px;
  font-weight: 400;
  height: 42px;
  letter-spacing: 0;
  line-height: 42px;
  margin-bottom: 3px;
  min-width: 82px;
  white-space: nowrap;
  color:#000;
}

.mobile .text-117 {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 21.93px;
  white-space: nowrap;
}

.mobile .frame-1000003913-1 {
  align-items: flex-start;
  background-color: var(--pizazz);
  border-radius: 2px;
  display: flex;
  margin-top: 25px;
  padding: 12px 72px;
  width: 331px;
  justify-content: center;
}

.mobile .text-1-2 {
  height: 17px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-1000003919 {
  align-items: center;
  background-color: var(--gallery);
  display: flex;
  flex-direction: column;
  /* height: 2976px; */
  padding: 50px 0;
  width: 100%;
}

.mobile .text_label-5 {
  line-height: normal;
  margin-top: -1.00px;
  width: fit-content;
}

.mobile .group {
  height: 25px;
  left: 10px;
  position: absolute;
  top: 8px;
  width: 22px;
}

.mobile .frame-1000003951 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 7px;
  position: relative;
  width: fit-content;
}

.mobile .text-120 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.mobile .text-121 {
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  width: 331px;
}

.mobile .group-140 {
  height: 25px;
  left: 8px;
  position: absolute;
  top: 8px;
  width: 25px;
}

.mobile .text-122 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.mobile .text-123 {
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  width: 329px;
}

.mobile .text-124 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 299px;
}

.mobile .text-125 {
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  width: 328px;
}

.mobile .frame-container-4 {
  height: 528px;
  margin-top: 32px;
  position: relative;
  width: 331px;
}

.mobile .frame-1000003206-1-1 {
  height: 77px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 331px;
}

.mobile .frame-1000003957 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  gap: 10px;
  left: 20px;
  padding: 20px;
  position: absolute;
  top: 25px;
  width: fit-content;
}

.mobile .text_label-6 {
  color: var(--black);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-m);
  font-weight: 600;
  line-height: normal;
  margin-top: -1.00px;
  width: fit-content;
}

.mobile .frame-1000003973 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 22px;
  position: relative;
  width: fit-content;
}

.mobile .frame-100000-4 {
  gap: 8px;
}

.mobile .frame-10000039-2 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--submarine);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 13px;
  position: relative;
  width: fit-content;
  width: 100%;
}

.mobile .frame-1000003968 {
  align-items: center;
  display: flex;
  /* gap: 106px; */
  position: relative;
  width: fit-content;
  width:100%;
}

.mobile .text-1-3 {
  letter-spacing: 0;
  line-height: 12px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .vector-145-1 {
  height: 8px;
  min-width: 12px;
  position: relative;
  display: none;
}

.mobile .frame-10000039-3 {
  align-items: center;
  display: flex;
  /* gap: 115px; */
  position: relative;
  width: fit-content;
  width: 100%;
  justify-content: space-between;

}

.mobile .frame-1000003970 {
  align-items: center;
  display: flex;
  /* gap: 115px; */
  position: relative;
  width: fit-content;
  width: 100%;
  justify-content: space-between;
}

.mobile .frame-1000003962 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--pizazz);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px 12px;
  position: relative;
  width: 251px;
  height:40px;
}

.mobile .frame-1000003967 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: relative;
  width: fit-content;
}

.mobile .text-14-1 {
  color: var(--black);
  font-family: var(--font-family-jost);
  font-size: 8px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 8px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .frame-1000003966 {
  align-items: center;
  display: flex;
  gap: 4px;
  position: relative;
  width: fit-content;
}

.mobile .text-142 {
  color: var(--black);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 12px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .rectangle-4709-1 {
  background-color: var(--black);
  height: 9px;
  min-width: 1px;
  position: relative;
}

.mobile .frame-1000003963 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--submarine);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px 12px;
  position: relative;
  width: 251px;
  height:40px;
}

.mobile .number-4 {
  color: var(--black);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  line-height: 12px;
  width: fit-content;
}

.mobile .frame-100000396 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--submarine);
  display: flex;
  gap: 10px;
  padding: 13px;
  position: relative;
  width: 251px;
}

.mobile .frame-1000003913-2 {
  background-color: var(--pizazz);
  border-radius: 2px;
  min-width: 251px;
  position: relative;
}

.mobile .text-146 {
  height: 17px;
  /* left: 89px; */
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  /* top: 12px; */
  width: 100%;
  height: 100%;
  text-align: center;
}

.mobile .line-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  position: relative;
  width: 375px;
}

.mobile .rectangle-4707-1 {
  background-color: var(--alto);
  height: 1px;
  margin-right: -1065.00px;
  min-width: 1280px;
  position: relative;
}

.mobile .rectangle-4708-1 {
  background-color: var(--white);
  height: 1px;
  margin-right: -1065.00px;
  min-width: 1280px;
  position: relative;
}

.mobile .overlap-group16 {
  height: 839px;
  margin-top: 50px;
  position: relative;
  width: 375px;
}

.mobile .bg-4 {
  height: 243px;
  left: 0;
  position: absolute;
  top: 0;
  width: 375px;
}

.mobile .frame-1000003993 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  left: 22px;
  position: absolute;
  top: 0;
  width: fit-content;
}

.mobile .text_label-7 {
  line-height: normal;
  margin-top: -1.00px;
  width: fit-content;
}

.mobile .text-127 {
  letter-spacing: 0;
  line-height: 24.3px;
  position: relative;
  width: 266px;
}

.mobile .frame-1000003992 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 13px;
  position: relative;
  width: fit-content;
}

.mobile .frame-10000039-4 {
  align-items: flex-start;
  display: flex;
  gap: 13px;
  position: relative;
  width: fit-content;
}

.mobile .frame-10000039-5 {
  background-color: var(--white);
  border-radius: 6px;
  height: 154px;
  min-width: 159px;
  position: relative;
}

.mobile .frame-1000003923-5 {
  align-items: center;
  background-color: var(--thunder);
  justify-content: flex-end;
  left: 16px;
  padding: 0 11.8px;
  position: absolute;
  top: 16px;
}

.mobile .line-doc-2-1 {
  height: 24px;
  width: 18px;
}

.mobile .text-128 {
  height: 72px;
  left: 16px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 65px;
  width: 128px;
}

.mobile .frame-1000003923 {
  align-items: center;
  background-color: var(--thunder);
  border-radius: 8px;
  display: flex;
  height: 42px;
  left: 16px;
  min-width: 42px;
  padding: 0 10.3px;
  position: absolute;
  top: 16px;
}

.mobile .frame-100000401 {
  height: 25px;
  width: 21px;
}

.mobile .gtd-1 {
  height: 36px;
  left: 16px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 67px;
  width: 124px;
}

.mobile .frame-100000398 {
  background-color: var(--white);
  border-radius: 6px;
  height: 137px;
  min-width: 159px;
  position: relative;
}

.mobile .frame-1000003923-6 {
  align-items: flex-end;
  background-color: var(--thunder);
  left: 16px;
  padding: 8.3px 11.3px;
  position: absolute;
  top: 16px;
}

.mobile .vector-1553 {
  height: 25px;
  width: 19px;
}

.mobile .text-129 {
  height: 36px;
  left: 16px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 67px;
  width: 124px;
}

.mobile .text-13-1 {
  width: 124px;
}

.mobile .frame-1000003923-7 {
  align-items: center;
  background-color: var(--thunder);
  left: 16px;
  padding: 0 9.3px;
  position: absolute;
  top: 16px;
}

.mobile .frame-1000004014 {
  height: 25px;
  width: 23px;
}

.mobile .text-13-2 {
  width: 127px;
}

.mobile .frame-1000003923-1 {
  align-items: center;
  background-color: var(--thunder);
  left: 16px;
  padding: 0 8.3px;
  position: absolute;
  top: 16px;
}

.mobile .group-1000003209 {
  height: 25px;
  width: 25px;
}

.mobile .frame-1000003923-8 {
  align-items: center;
  background-color: var(--thunder);
  justify-content: flex-end;
  left: 16px;
  padding: 0 6.6px;
  position: absolute;
  top: 16px;
}

.mobile .frame-1000004015 {
  height: 17px;
  width: 28px;
}

.mobile .text-133 {
  height: 54px;
  left: 16px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 66px;
  width: 128px;
}

.mobile .shape {
  height: 25px;
  width: 25px;
}

.mobile .frame-1000003987 {
  background-color: var(--white);
  border-radius: 6px;
  height: 103px;
  min-width: 331px;
  position: relative;
}

.mobile .flex-col-9 {
  align-items: flex-start;
  gap: 10px;
  left: 16px;
  min-height: 70px;
  position: absolute;
  top: 16px;
  width: 120px;
}

.mobile .frame-1000003923-9 {
  align-items: center;
  background-color: var(--gallery);
  padding: 0 13px;
}

.mobile .x-1 {
  height: 24px;
  width: 16px;
}

.mobile .text-135 {
  height: 18px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
}

.mobile .vector-1552 {
  height: 135px;
  left: 256px;
  position: absolute;
  top: -15px;
  width: 70px;
}

.mobile .frame-1000003953 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-right: 9.0px;
  margin-top: 50px;
  position: relative;
  width: fit-content;
}

.mobile .text_label-8 {
  line-height: 28px;
  margin-top: -1.00px;
  width: 322px;
}

.mobile .text_label-9 {
  line-height: 24.3px;
  width: 322px;
}

.mobile .frame-1000004003 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-right: 7.0px;
  margin-top: 24px;
  position: relative;
  width: fit-content;
}

.mobile .frame-100000400 {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  position: relative;
  width: fit-content;
}

.mobile .frame-100000399 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  padding: 8px 22px;
  position: relative;
  width: fit-content;
}

.mobile .frame-1000003996 {
  align-items: center;
  display: flex;
  gap: 10px;
  position: relative;
  width: fit-content;
}

.mobile .text-1-4 {
  letter-spacing: 0;
  line-height: 16px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .frame-1000003995 {
  background-color: var(--pizazz);
  border-radius: 8px;
  height: 16px;
  min-width: 16px;
  position: relative;
}

.mobile .vector-1562-1 {
  height: 6px;
  left: 4px;
  position: absolute;
  top: 5px;
  width: 9px;
}

.mobile .frame-1000003913-3 {
  align-items: flex-start;
  background-color: var(--pizazz);
  border-radius: 2px;
  display: flex;
  margin-top: 24px;
  padding: 12px 106px;
  /* width: 331px; */
}

.mobile .x4-garanties-2 {
  height: 755px;
  position: relative;
}

.mobile .overlap-group18 {
  height: 705px;
  left: 0;
  position: absolute;
  top: 0;
  width: 375px;
}

.mobile .ae-1-1 {
  height: 505px;
  left: 0;
  position: absolute;
  top: 0;
  width: 375px;
}

.mobile .frame-1000004009 {
  /* -webkit-backdrop-filter: blur(24px) brightness(100%); */
  align-items: flex-start;
  /* backdrop-filter: blur(24px) brightness(100%); */
  background-color: var(--black-2);
  border: 1px solid;
  border-color: var(--heavy-metal);
  display: flex;
  gap: 10px;
  left: 22px;
  padding: 20px;
  position: absolute;
  top: 366px;
  width: fit-content;
}

.mobile .text-15-1 {
  letter-spacing: 0;
  line-height: 12px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: 284px;
}

.mobile .phone-1 {
  color: var(--pizazz);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-l);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .mailtoinfosorplogisticsae {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .tameem-house-buildin-1 {
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  width: 235px;
}

.mobile .barsha-heights-tecom-dubai-uae-1 {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: var(--font-size-xs);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  white-space: nowrap;
  width: 284px;
}

.mobile .frame-1000003913-4 {
  border: 1px solid;
  border-color: var(--pizazz);
  border-radius: 3px;
  min-width: 291px;
  position: relative;
}

.mobile .text-157 {
  height: 17px;
  left: 51px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 11px;
}

.mobile .frame-1000003948 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  left: 22px;
  position: absolute;
  top: 50px;
  width: fit-content;
}

.mobile .text_label-10 {
  color: var(--white);
  font-family: var(--font-family-jost);
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
  margin-top: -1.00px;
  width: fit-content;
}

.mobile .view {
  align-items: center;
  background-color: var(--black);
  display: flex;
  height: 80px;
  padding: 0 22px;
  width: 375px;
  width:100%;
}

.mobile .frame-1000004011 {
  align-items: center;
  display: flex;
  gap: 30px;
  justify-content: center;
  position: relative;
  width: fit-content;
}

.mobile .frame-1000004010 {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: center;
  position: relative;
  width: fit-content;
}

.mobile .ant-designcopyright-circle-outlined {
  height: 16px;
  min-width: 16px;
  position: relative;
}

.mobile .x2004-2023-sorp-group {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.mobile .text-158 {
  color: var(--gunsmoke);
  font-family: var(--font-family-jost);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.50px;
  position: relative;
  width: fit-content;
}

.mobile .flex-col-10 {
  display: flex;
  flex-direction: column;
}

.mobile .frame-100000-5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: fit-content;
}

.mobile .frame-1000003913-5 {
  height: 43px;
  overflow: hidden;
}

.mobile .frame-1000003923-10 {
  border-radius: 8px;
  display: flex;
  height: 42px;
  min-width: 42px;
}

.mobile .number {
  letter-spacing: 0;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
}

.mobile .text-13 {
  height: 54px;
  left: 16px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 66px;
}

.mobile .text_label {
  letter-spacing: 0;
  position: relative;
}

.mobile .x4-garanties {
  background-color: var(--hunter-green);
  width: 375px;
  background: #fff;
}
@media screen and (max-width: 960px) {
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 961px) {
  .screen.mobile { 
    display: none;
   }
}

input{border:0;width: 100% !important;}

input:focus-visible{outline:0}