/* screen - gd-directv */

.GD-capital {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.GD-capital .gd-capital {
  background-color: #ffffff;
  width: 1512px;
  height: 4900px;
  position: relative;
}

.GD-capital .top-menu-dekstop {
  position: absolute;
  width: 1512px;
  height: 127px;
  top: 0;
  left: 0;
  background-color: #ffffff;
}

.GD-capital .text-wrapper {
  position: absolute;
  top: 56px;
  left: 874px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: var(--variable-collection-neutral);
  font-size: var(--font-size-l);
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.GD-capital .text-wrapper-2 {
  position: absolute;
  top: 56px;
  left: 1015px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: var(--variable-collection-neutral);
  font-size: var(--font-size-l);
  letter-spacing: 0;
  line-height: normal;
  
}

.GD-capital .text-wrapper-3 {
  position: absolute;
  top: 56px;
  left: 1154px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: var(--variable-collection-neutral);
  font-size: var(--font-size-l);
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  color:#FF9472
}

.GD-capital .text-wrapper:hover {
  color: #FF9472
}

.GD-capital .text-wrapper-2:hover {
  color: #FF9472
}

.GD-capital .text-wrapper-3:hover {
  color: #FF9472
}

.GD-capital .overlap-group:hover {
  transform: scale(1.1);
}

.GD-capital .rectangle {
  position: absolute;
  width: 63px;
  height: 4px;
  top: 86px;
  left: 1159px;
  background-color: var(--variable-collection-secondary-color);
  border-radius: 7px;
}

.GD-capital .logo-ana {
  position: absolute;
  width: 68px;
  height: 49px;
  top: 39px;
  left: 138px;
}

.GD-capital .group {
  position: absolute;
  width: 113px;
  height: 35px;
  top: 52px;
  left: 1287px;
}

.GD-capital .overlap-group {
  position: relative;
  width: 111px;
  height: 35px;
  background-color: var(--variable-collection-tertiary);
  border-radius: 30px;
  transition: all 0.2s ease-in-out;
}

.GD-capital .text-wrapper-4 {
  position: absolute;
  top: 5px;
  left: 19px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: var(--variable-collection-white);
  font-size: var(--font-size-l);
  letter-spacing: 0;
  line-height: normal;
 
}

.GD-capital .footer-desktop {
  position: absolute;
  width: 1512px;
  height: 348px;
  top: 4600px;
  left: 0;
  background-color: #f7f7f7;
}

.gd-capital  .flowers-container {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-left: 3.0px;
  margin-top: 1250px;
  min-width: 1261px;
  row-gap: 100px;
  justify-content: center;
}

.gd-capital .flowerpic {
  display: flex;
  flex-direction: column;
  gap: 27px;
  height: 482px;
  margin-left: 11px;
  width: 484px;
}



.GD-capital .text-wrapper-5 {
  position: absolute;
  top: 255px;
  left: 1251px;
  font-family: var(--font-family-sen)a;
  font-weight: 400;
  color: var(--variable-collection-neutral);
  font-size: var(--font-size-m);
  letter-spacing: 0;
  line-height: 23.1px;
  white-space: nowrap;
}

.GD-capital .p {
  position: absolute;
  top: 230px;
  left: 1063px;
  font-family:  var(--font-family-sen);
  font-weight: 400;
  color: var(--variable-collection-neutral);
  font-size: var(--font-size-m);
  letter-spacing: 0;
  line-height: 23.1px;
}

.GD-capital .behance {
  position: absolute;
  width: 32px;
  height: 21px;
  top: 166px;
  left: 1356px;
}


.GD-capital .linkedin {
  position: absolute;
  width: 27px;
  height: 27px;
  top: 163px;
  left: 1293px;
}

.GD-capital .text-wrapper-6 {
  position: absolute;
  width: 74px;
  top: 52px;
  left: 130px;
  transition: all 0.2s ease;
  font-family:var(--font-family-sen);
  font-weight: 700;
  color: var(--variable-collection-neutral);
  font-size: var(--font-size-m);
  letter-spacing: 0;
  line-height: 32.1px;

}

.GD-capital .text-wrapper-6:hover {
  color: #FF9472
}

.GD-capital .text-wrapper-7:hover {
  color: #FF9472
}

.GD-capital .text-wrapper-8:hover {
  color: #FF9472
}
.GD-capital .text-wrapper-7 {
  position: absolute;
  width: 119px;
  top: 89px;
  left: 130px;
  transition: all 0.2s ease;
  font-family:  var(--font-family-sen);
  font-weight: 700;
  color: var(--variable-collection-neutral);
  font-size: var(--font-size-m);
  letter-spacing: 0;
  line-height: 32.1px;
 
}

.GD-capital .text-wrapper-8 {
  position: absolute;
  width: 141px;
  top: 126px;
  left: 130px;
  transition: all 0.2s ease;
  font-family:  var(--font-family-sen);
  font-weight: 700;
  color: var(--variable-collection-neutral);
  font-size: var(--font-size-m);
  letter-spacing: 0;
  line-height: 32.1px;
 
}

.GD-capital .logo-long-ana {
  position: absolute;
  width: 110px;
  height: 70px;
  top: 52px;
  left: 1278px;
}

.GD-capital .capital-paletas-hero {
  position: absolute;
  width: 1512px;
  height: 593px;
  top: 127px;
  left: 0;
  object-fit: cover;
}

.GD-capital .text-wrapper-9  {
  position: absolute;
  width: 680px;
  top: 918px;
  left: 416px;
  font-family: var(--font-family-shippori_mincho);
  font-weight: 600;
  color: #000000;
  font-size: var(--font-size-xxxl);
  text-align: center;
  letter-spacing: 0;
  line-height: 50px;
}

.GD-capital .text-wrapper-10 {
  position: absolute;
  width: 790px;
  top: 1005px;
  left: 360px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: #000000;
  font-size: var(--font-size-m);
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.GD-capital .text-wrapper-11 {
  position: absolute;
  top: 1216px;
  left: 642px;
  font-family: var(--font-family-shippori_mincho);
  font-weight: 600;
  color: #000000;
  font-size: var(--font-size-xxxl);
  text-align: center;
  letter-spacing: 0;
  line-height: 50px;
  white-space: nowrap;
}

.GD-capital .process {
  position: absolute;
  width: 1245px;
  height: 211px;
  top: 1329px;
  left: 133px;
}

.GD-capital .text-wrapper-12 {
  position: absolute;
  width: 753px;
  top: 1627px;
  left: 369px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: #000000;
  font-size: var(--font-size-m);
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.GD-capital .logo {
  position: absolute;
  top: 1898px;
  left: 234px;
  font-family: "Sen-Bold", Helvetica;
  font-weight: 700;
  color: #ff9471;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 20px;
  white-space: nowrap;
}

.GD-capital .logo-capital {
  position: absolute;
  width: 739px;
  height: 239px;
  top: 1966px;
  left: 388px;
}

.GD-capital .c-heladeria {
  position: absolute;
  width: 529px;
  height: 188px;
  top: 51px;
  left: 0;
  object-fit: cover;
}

.GD-capital .img {
  position: absolute;
  width: 135px;
  height: 161px;
  top: 64px;
  left: 602px;
}

.GD-capital .text-wrapper-13 {
  position: absolute;
  top: 0;
  left: 644px;
  font-family:var(--font-family-sen);
  font-weight: 400;
  color: #000000;
  font-size: var(--font-size-s);
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.colors {
  align-items: flex-end;
  display: flex;
  height: 193px;
  left: 400px;
  min-width: 712px;
  position: absolute;
  top: 2450px;
}

.GD-capital .color-palette {
  position: absolute;
  top: 2361px;
  left: 234px;
  font-family: "Sen-Bold", Helvetica;
  font-weight: 700;
  color: #d97d5e;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 20px;
  white-space: nowrap;
}

.GD-capital .colorpalette-capital {
  position: absolute;
  width: 816px;
  height: 216px;
  top: 2460px;
  left: 348px;
}

.GD-capital .pink {
  position: absolute;
  width: 154px;
  height: 216px;
  top: 0;
  left: 0;
}

.GD-capital .vector {
  position: absolute;
  width: 110px;
  height: 110px;
  top: 0;
  left: 20px;
}

.GD-capital .sprinkles-pink {
  position: absolute;
  width: 108px;
  height: 16px;
  top: 142px;
  left: 22px;
}

.GD-capital .c-m-y-k-r {
  position: absolute;
  width: 149px;
  height: 35px;
  top: 174px;
  left: 1px;
}

.GD-capital .yellow {
  position: absolute;
  width: 176px;
  height: 216px;
  top: 0;
  left: 200px;
}

.GD-capital .vector-2 {
  position: absolute;
  width: 110px;
  height: 111px;
  top: 0;
  left: 31px;
}

.GD-capital .c-m-y-k-r-2 {
  position: absolute;
  width: 170px;
  height: 35px;
  top: 174px;
  left: 1px;
}

.GD-capital .yellow-2 {
  position: absolute;
  width: 50px;
  height: 11px;
  top: 143px;
  left: 61px;
}

.GD-capital .green {
  position: absolute;
  width: 176px;
  height: 212px;
  top: 2px;
  left: 422px;
}

.GD-capital .vector-3 {
  position: absolute;
  width: 110px;
  height: 110px;
  top: 0;
  left: 31px;
}

.GD-capital .c-m-y-k-r-3 {
  position: absolute;
  width: 170px;
  height: 35px;
  top: 170px;
  left: 1px;
}

.GD-capital .light-green {
  position: absolute;
  width: 89px;
  height: 16px;
  top: 138px;
  left: 42px;
}

.GD-capital .lila {
  position: absolute;
  width: 176px;
  height: 212px;
  top: 2px;
  left: 644px;
}

.GD-capital .lila-2 {
  position: absolute;
  width: 27px;
  height: 12px;
  top: 138px;
  left: 73px;
}

.GD-capital .text-wrapper-14 {
  position: absolute;
  width: 630px;
  top: 2756px;
  left: 440px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: #000000;
  font-size: var(--font-size-m);
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.GD-capital .mockups-ducales {
  position: absolute;
  width: 1261px;
  height: 1621px;
  top: 2952px;
  left: 127px;
}

.GD-capital .overlap {
  position: absolute;
  width: 630px;
  height: 780px;
  top: 0;
  left: 0;
}

.GD-capital .cap {
  position: absolute;
  width: 630px;
  height: 466px;
  top: 0;
  left: 0;
}

.GD-capital .cap-wrapper {
  position: relative;
  height: 466px;
  background-color: #f6b3d0;
}

.GD-capital .cap-2 {
  position: absolute;
  width: 324px;
  height: 338px;
  top: 79px;
  left: 162px;
  object-fit: cover;
}

.GD-capital .img-2 {
  left: 0;
  position: absolute;
  width: 315px;
  height: 315px;
  top: 465px;
  object-fit: cover;
}

.GD-capital .img-3 {
  left: 315px;
  position: absolute;
  width: 315px;
  height: 315px;
  top: 465px;
  object-fit: cover;
}

.GD-capital .overlap-2 {
  position: absolute;
  width: 631px;
  height: 780px;
  top: 0;
  left: 630px;
}

.GD-capital .cards {
  width: 631px;
  background-color: #9e6eae;
  position: absolute;
  height: 466px;
  top: 0;
  left: 0;
}

.GD-capital .packs {
  position: absolute;
  width: 1260px;
  height: 841px;
  top: 780px;
  left: 0;
  object-fit: cover;
}

.GD-capital .text-wrapper-15 {
  position: absolute;
  width: 735px;
  top: 4674px;
  left: 389px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: #000000;
  font-size: var(--font-size-m);
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.GD-capital .text-wrapper-16 {
  position: absolute;
  top: 4892px;
  left: 522px;
  font-family: var(--font-family-shippori_mincho);
  font-weight: 600;
  color: #000000;
  font-size: var(--font-size-xxxl);
  text-align: center;
  letter-spacing: 0;
  line-height: 50px;
  white-space: nowrap;
}

.GD-capital .text-wrapper-17 {
  position: absolute;
  width: 735px;
  top: 6069px;
  left: 389px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: #000000;
  font-size: var(--font-size-m);
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
}

.GD-capital .socialmedia-capital {
  position: absolute;
  width: 1260px;
  height: 945px;
  top: 5034px;
  left: 127px;
}

.GD-capital .socialmedia {
  position: absolute;
  width: 315px;
  height: 315px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.GD-capital .socialmedia-2 {
  position: absolute;
  width: 315px;
  height: 315px;
  top: 0;
  left: 315px;
  object-fit: cover;
}

.GD-capital .socialmeda {
  position: absolute;
  width: 315px;
  height: 315px;
  top: 0;
  left: 630px;
  object-fit: cover;
}

.GD-capital .socialmeda-2 {
  position: absolute;
  width: 315px;
  height: 315px;
  top: 0;
  left: 945px;
  object-fit: cover;
}

.GD-capital .capitalstore {
  position: absolute;
  width: 630px;
  height: 630px;
  top: 315px;
  left: 0;
  object-fit: cover;
}

.GD-capital .pipelonypili {
  position: absolute;
  width: 629px;
  height: 630px;
  top: 315px;
  left: 630px;
}

.GD-capital .up-button {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 6338px;
  left: 1331px;
}

.GD-capital .overlap-3 {
  position: relative;
  height: 58px;
  border-radius: 29px;
}

.GD-capital .ellipse {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 0;
  left: 0;
  background-color: var(--variable-collection-white);
  border-radius: 29px;
  border: 3px solid;
  border-color: var(--variable-collection-tertiary);
  transform: rotate(-180deg);
}

.GD-capital .vector-4 {
  position: absolute;
  width: 30px;
  height: 18px;
  top: 19px;
  left: 15px;
}

.GD-capital .button-next {
  display: flex;
  width: 197px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  position: absolute;
  top: 4333px;
  left: 658px;
  background-color: var(--variable-collection-primary-color);
  border-radius: 25px;
  overflow: hidden;
  transition: all 0.2s ease;
}

.GD-capital .button-next:hover{
  transform: scale(1.1);
}

.GD-capital .text-wrapper-18 {
  position: relative;
  width: fit-content;
  margin-top: -2px;
  font-family: var(--font-family-sen);
  font-weight: 700;
  color: #ffffff;
  font-size: var(--font-size-l);
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
}

.GD-capital-mobile {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.GD-capital-mobile .div {
  background-color: #ffffff;
  overflow: hidden;
  width: 393px;
  height: 6543px;
  position: relative;
}

.GD-capital-mobile .footer-mobile {
  position: absolute;
  width: 393px;
  height: 270px;
  top: 6273px;
  left: 0;
  background-color: var(--variable-collection-background);
}

.GD-capital-mobile .logo-long-ana {
  position: absolute;
  width: 99px;
  height: 63px;
  top: 48px;
  left: 147px;
}

.GD-capital-mobile .social-media-icons {
  position: absolute;
  width: 83px;
  height: 22px;
  top: 189px;
  left: 155px;
}

.GD-capital-mobile .behance {
  position: absolute;
  width: 27px;
  height: 18px;
  top: 3px;
  left: 56px;
}

.GD-capital-mobile .linkedin {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 0;
  left: 0;
}

.GD-capital-mobile .text-wrapper {
  position: absolute;
  top: 145px;
  left: 120px;
  font-family: var(--font-family-sen);
  font-weight: 700;
  color: var(--variable-collection-neutral);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17.3px;
  white-space: nowrap;
}

.GD-capital-mobile .capital-paletas-hero {
  position: absolute;
  width: 393px;
  height: 250px;
  top: 94px;
  left: 0;
  object-fit: cover;
}

.GD-capital-mobile .p {
  position: absolute;
  width: 220px;
  top: 425px;
  left: 87px;
  font-family: var(--font-family-shippori_mincho);
  font-weight: 600;
  color: var(--variable-collection-black);
  font-size: var(--font-size-xl);
  text-align: center;
  letter-spacing: 0;
  line-height: 33.3px;
}

.GD-capital-mobile .text-wrapper-2 {
  position: absolute;
  width: 346px;
  top: 526px;
  left: 24px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 23.8px;
}

.GD-capital-mobile .text-wrapper-3 {
  position: absolute;
  top: 741px;
  left: 130px;
  font-family: var(--font-family-shippori_mincho);
  font-weight: 600;
  color: var(--variable-collection-black);
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 33.3px;
  white-space: nowrap;
}

.GD-capital-mobile .processmobile {
  position: absolute;
  width: 346px;
  height: 228px;
  top: 810px;
  left: 24px;
  object-fit: cover;
}

.GD-capital-mobile .text-wrapper-4 {
  position: absolute;
  width: 346px;
  top: 1069px;
  left: 24px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 23.8px;
}

.GD-capital-mobile .logo {
  top: 1350px;
  font-family: "Sen-Bold", Helvetica;
  font-weight: 700;
  color: #ff9471;
  font-size: 16px;
  letter-spacing: 1.6px;
  line-height: 16px;
  white-space: nowrap;
  position: absolute;
  left: 23px;
}

.GD-capital-mobile .isotype-capital {
  position: absolute;
  width: 137px;
  height: 225px;
  top: 1403px;
  left: 129px;
}

.GD-capital-mobile .img {
  position: absolute;
  width: 135px;
  height: 161px;
  top: 64px;
  left: 0;
}

.GD-capital-mobile .text-wrapper-5 {
  position: absolute;
  top: 0;
  left: 42px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.GD-capital-mobile .logoc-heladeria {
  position: absolute;
  width: 346px;
  height: 125px;
  top: 1680px;
  left: 24px;
}

.GD-capital-mobile .colors {
  position: absolute;
  width: 328px;
  height: 394px;
  top: 2032px;
  left: 33px;
}

.GD-capital-mobile .pink {
  position: absolute;
  width: 135px;
  height: 180px;
  top: 0;
  left: 0;
}

.GD-capital-mobile .vector {
  position: absolute;
  width: 87px;
  height: 87px;
  top: 0;
  left: 22px;
}

.GD-capital-mobile .sprinkles-pink {
  position: absolute;
  width: 94px;
  height: 14px;
  top: 116px;
  left: 22px;
}

.GD-capital-mobile .c-m-y-k-r {
  position: absolute;
  width: 130px;
  height: 30px;
  top: 146px;
  left: 1px;
}

.GD-capital-mobile .yellow {
  position: absolute;
  width: 154px;
  height: 180px;
  top: 0;
  left: 172px;
}

.GD-capital-mobile .vector-2 {
  position: absolute;
  width: 87px;
  height: 87px;
  top: 0;
  left: 31px;
}

.GD-capital-mobile .c-m-y-k-r-2 {
  position: absolute;
  width: 149px;
  height: 30px;
  top: 146px;
  left: 1px;
}

.GD-capital-mobile .yellow-2 {
  position: absolute;
  width: 44px;
  height: 10px;
  top: 116px;
  left: 49px;
}

.GD-capital-mobile .green {
  position: absolute;
  width: 154px;
  height: 183px;
  top: 211px;
  left: 0;
}

.GD-capital-mobile .c-m-y-k-r-3 {
  position: absolute;
  width: 149px;
  height: 30px;
  top: 149px;
  left: 1px;
}

.GD-capital-mobile .light-green {
  position: absolute;
  width: 78px;
  height: 14px;
  top: 116px;
  left: 33px;
}

.GD-capital-mobile .vector-3 {
  position: absolute;
  width: 87px;
  height: 87px;
  top: 0;
  left: 21px;
}

.GD-capital-mobile .lila {
  position: absolute;
  width: 154px;
  height: 181px;
  top: 213px;
  left: 178px;
}

.GD-capital-mobile .lila-2 {
  position: absolute;
  width: 23px;
  height: 11px;
  top: 114px;
  left: 57px;
}

.GD-capital-mobile .c-m-y-k-r-4 {
  position: absolute;
  width: 149px;
  height: 30px;
  top: 147px;
  left: 1px;
}

.GD-capital-mobile .vector-4 {
  position: absolute;
  width: 87px;
  height: 87px;
  top: 0;
  left: 25px;
}

.GD-capital-mobile .color-palette {
  position: absolute;
  top: 1947px;
  left: 23px;
  font-family: "Sen-Bold", Helvetica;
  font-weight: 700;
  color: #ff9471;
  font-size: 16px;
  letter-spacing: 1.6px;
  line-height: 16px;
  white-space: nowrap;
}

.GD-capital-mobile .text-wrapper-6 {
  position: absolute;
  width: 336px;
  top: 2492px;
  left: 24px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 23.8px;
}

.GD-capital-mobile .mockups-capital {
  position: absolute;
  width: 666px;
  height: 1526px;
  top: 2665px;
  left: -132px;
}

.GD-capital-mobile .cap {
  position: absolute;
  width: 443px;
  height: 328px;
  top: 0;
  left: 107px;
  background-color: #f6b3d0;
}

.GD-capital-mobile .cap-2 {
  position: absolute;
  width: 228px;
  height: 238px;
  top: 56px;
  left: 114px;
  object-fit: cover;
}

.GD-capital-mobile .overlap-group {
  height: 557px;
  left: 84px;
  position: absolute;
  top: 328px;
  width: 489px;
}

.GD-capital-mobile .cards {
  width: 489px;
  left: 0;
  background-color: #9e6eae;
  position: absolute;
  height: 361px;
  top: 0;
}

.GD-capital-mobile .cards-2 {
  width: 393px;
  left: 48px;
  position: absolute;
  height: 361px;
  top: 0;
}

.GD-capital-mobile .template-yellow {
  width: 197px;
  top: 361px;
  left: 48px;
  position: absolute;
  height: 196px;
  object-fit: cover;
}

.GD-capital-mobile .template-lila {
  width: 196px;
  top: 361px;
  left: 245px;
  position: absolute;
  height: 196px;
  object-fit: cover;
}

.GD-capital-mobile .template-green {
  width: 196px;
  top: 885px;
  left: 132px;
  position: absolute;
  height: 196px;
  object-fit: cover;
}

.GD-capital-mobile .template-pink {
  width: 197px;
  top: 885px;
  left: 328px;
  position: absolute;
  height: 196px;
  object-fit: cover;
}

.GD-capital-mobile .packs {
  position: absolute;
  width: 393px;
  height: 445px;
  top: 1081px;
  left: 132px;
  object-fit: cover;
}

.GD-capital-mobile .text-wrapper-7 {
  position: absolute;
  width: 348px;
  top: 4258px;
  left: 22px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 23.8px;
}

.GD-capital-mobile .text-wrapper-8 {
  position: absolute;
  top: 4460px;
  left: 40px;
  font-family: var(--font-family-shippori_mincho);
  font-weight: 600;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 33.3px;
  white-space: nowrap;
}

.GD-capital-mobile .button-next {
  display: flex;
  width: 157px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  position: absolute;
  top: 5997px;
  left: 118px;
  background-color: var(--variable-collection-primary-color);
  border-radius: 25px;
  overflow: hidden;
}

.GD-capital-mobile .text-wrapper9 {
  color: white;
  font-family: var(--font-family-sen);
  font-weight: 700;
  font-size: 16px;
  white-space: nowrap;
}

.GD-capital-mobile .text-wrapper-9 {
  position: relative;
  width: fit-content;
  margin-top: -2px;
  margin-left: -2.5px;
  margin-right: -2.5px;
  font-family: var(--font-family-sen);
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22px;
  top: 5997px;
  left: 118px;
  white-space: nowrap;
}

.GD-capital-mobile .text-wrapper-10 {
  position: absolute;
  width: 346px;
  top: 5795px;
  left: 24px;
  font-family: var(--font-family-sen);
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
}

.GD-capital-mobile .socialmedia-capital {
  position: absolute;
  width: 394px;
  height: 1175px;
  top: 4557px;
  left: 0;
}

.GD-capital-mobile .img-2 {
  width: 197px;
  left: 0;
  position: absolute;
  height: 196px;
  top: 0;
  object-fit: cover;
}

.GD-capital-mobile .img-3 {
  width: 196px;
  left: 197px;
  position: absolute;
  height: 196px;
  top: 0;
  object-fit: cover;
}

.GD-capital-mobile .overlap {
  position: absolute;
  width: 393px;
  height: 979px;
  top: 196px;
  left: 0;
}

.GD-capital-mobile .pipelonypili {
  position: absolute;
  width: 393px;
  height: 394px;
  top: 585px;
  left: 0;
}

.GD-capital-mobile .capitalstore {
  position: absolute;
  width: 393px;
  height: 393px;
  top: 193px;
  left: 0;
  object-fit: cover;
}

.GD-capital-mobile .up-button {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 6133px;
  left: 168px;
}

.GD-capital-mobile .overlap-2 {
  position: relative;
  height: 58px;
  border-radius: 29px;
}

.GD-capital-mobile .ellipse {
  position: absolute;
  width: 58px;
  height: 58px;
  top: 0;
  left: 0;
  background-color: var(--variable-collection-white);
  border-radius: 29px;
  border: 3px solid;
  border-color: var(--variable-collection-tertiary);
  transform: rotate(-180deg);
}

.GD-capital-mobile .vector-5 {
  position: absolute;
  width: 30px;
  height: 18px;
  top: 19px;
  left: 15px;
}

.GD-capital-mobile .top-menu-mobile {
  position: absolute;
  width: 393px;
  height: 94px;
  top: 0;
  left: 0;
  background-color: #ffffff;
}

.GD-capital-mobile .logo-ana {
  width: 48px;
  height: 35px;
  top: 30px;
  position: absolute;
  left: 23px;
}

.GD-capital-mobile .hamburguer-menu {
  position: absolute;
  width: 53px;
  height: 49px;
  top: 23px;
  left: 324px;
}

.GD-capital-mobile .burger-menu {
  position: relative;
  width: 34px;
  height: 13px;
  top: 18px;
  left: 10px;
}

.GD-capital-mobile .rectangle {
  top: 0;
  position: absolute;
  width: 34px;
  height: 3px;
  left: 0;
  background-color: var(--variable-collection-tertiary);
  border-radius: 10px;
}

.GD-capital-mobile .rectangle-2 {
  top: 10px;
  position: absolute;
  width: 34px;
  height: 3px;
  left: 0;
  background-color: var(--variable-collection-tertiary);
  border-radius: 10px;
}

@media screen and (max-width: 800px) {
  .gd-capital { 
    display: none;
   }
}
@media screen and (min-width: 780px) {
  .GD-capital-mobile .div { 
    display: none;
   }
}