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

.desktop .div {
  background-color: #ffffff;
  overflow: hidden;
  width: 1512px;
  height: 3699px;
  position: relative;
}

.desktop .footer {
  position: absolute;
  width: 1518px;
  height: 362px;
  top: 3337px;
  left: 0;
  background-color: transparent;
}

.desktop .overlap-group {
  position: relative;
  width: 1512px;
  height: 362px;
  background-color: #5c6576;
}

.desktop .flexcontainer {
  width: 113px;
  height: 207px;
  top: 78px;
  left: 910px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  position: absolute;
}

.desktop .text {
  position: relative;
  align-self: stretch;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 18px;
  text-align: right;
  letter-spacing: 0;
  line-height: 21.6px;
}

.desktop .text-wrapper {
  color: #ffffff;
}

.desktop .span {
  color: #eee809;
}

.desktop .flexcontainer-2 {
  width: 233px;
  height: 207px;
  top: 78px;
  left: 496px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  position: absolute;
}

.desktop .flexcontainer-3 {
  width: 176px;
  height: 59px;
  top: 226px;
  left: 1139px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  position: absolute;
}

.desktop .span-wrapper {
  position: relative;
  align-self: stretch;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  text-align: right;
  letter-spacing: 0;
  line-height: 21.6px;
}

.desktop .text-wrapper-2 {
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21.6px;
}

.desktop .logo-dii {
  position: absolute;
  width: 222px;
  height: 36px;
  top: 78px;
  left: 209px;
}

.desktop .overlap {
  position: absolute;
  width: 66px;
  height: 66px;
  top: 2523px;
  left: 542px;
}

.desktop .ellipse {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 1px;
  left: 1px;
  background-color: #5c6576;
  border-radius: 32px;
}

.desktop .isolation-mode {
  position: absolute;
  width: 66px;
  height: 66px;
  top: 0;
  left: 0;
}

.desktop .isolation-mode-wrapper {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 2680px;
  left: 543px;
  background-color: #5c6576;
  border-radius: 32px;
}

.desktop .img {
  position: absolute;
  width: 21px;
  height: 47px;
  top: 8px;
  left: 22px;
}

.desktop .img-wrapper {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 2828px;
  left: 543px;
  background-color: #5c6576;
  border-radius: 32px;
}

.desktop .isolation-mode-2 {
  position: absolute;
  width: 44px;
  height: 29px;
  top: 18px;
  left: 10px;
}

.desktop .overlap-2 {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 2992px;
  left: 543px;
  background-color: #5c6576;
  border-radius: 32px;
}

.desktop .isolation-mode-3 {
  position: absolute;
  width: 44px;
  height: 31px;
  top: 17px;
  left: 10px;
}

.desktop .inize-g-katacak-z {
  position: absolute;
  width: 274px;
  top: 2511px;
  left: 192px;
  font-family: "BR Omega-Light", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 43.2px;
}

.desktop .text-wrapper-3 {
  font-weight: 300;
}

.desktop .text-wrapper-4 {
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 700;
}

.desktop .p {
  position: absolute;
  width: 643px;
  top: 2523px;
  left: 625px;
  font-family: var(--altba-l-k-font-family);
  font-weight: var(--altba-l-k-font-weight);
  color: #5c6576;
  font-size: var(--altba-l-k-font-size);
  letter-spacing: var(--altba-l-k-letter-spacing);
  line-height: var(--altba-l-k-line-height);
  font-style: var(--altba-l-k-font-style);
}

.desktop .text-wrapper-5 {
  top: 2572px;
  line-height: var(--text-line-height);
  position: absolute;
  width: 704px;
  left: 625px;
  font-family: var(--text-font-family);
  font-weight: var(--text-font-weight);
  color: #5c6576;
  font-size: var(--text-font-size);
  letter-spacing: var(--text-letter-spacing);
  font-style: var(--text-font-style);
}

.desktop .text-wrapper-6 {
  position: absolute;
  width: 616px;
  top: 2677px;
  left: 625px;
  font-family: var(--altba-l-k-font-family);
  font-weight: var(--altba-l-k-font-weight);
  color: #5c6576;
  font-size: var(--altba-l-k-font-size);
  letter-spacing: var(--altba-l-k-letter-spacing);
  line-height: var(--altba-l-k-line-height);
  font-style: var(--altba-l-k-font-style);
}

.desktop .text-wrapper-7 {
  top: 2726px;
  line-height: 19.2px;
  position: absolute;
  width: 704px;
  left: 625px;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 16px;
  letter-spacing: 0;
}

.desktop .text-wrapper-8 {
  position: absolute;
  width: 562px;
  top: 2827px;
  left: 625px;
  font-family: var(--altba-l-k-font-family);
  font-weight: var(--altba-l-k-font-weight);
  color: #5c6576;
  font-size: var(--altba-l-k-font-size);
  letter-spacing: var(--altba-l-k-letter-spacing);
  line-height: var(--altba-l-k-line-height);
  font-style: var(--altba-l-k-font-style);
}

.desktop .text-wrapper-9 {
  position: absolute;
  width: 704px;
  top: 2876px;
  left: 625px;
  font-family: var(--text-font-family);
  font-weight: var(--text-font-weight);
  color: #5c6576;
  font-size: var(--text-font-size);
  letter-spacing: var(--text-letter-spacing);
  line-height: var(--text-line-height);
  font-style: var(--text-font-style);
}

.desktop .text-wrapper-10 {
  position: absolute;
  width: 630px;
  top: 2987px;
  left: 625px;
  font-family: var(--altba-l-k-font-family);
  font-weight: var(--altba-l-k-font-weight);
  color: #5c6576;
  font-size: var(--altba-l-k-font-size);
  letter-spacing: var(--altba-l-k-letter-spacing);
  line-height: var(--altba-l-k-line-height);
  white-space: nowrap;
  font-style: var(--altba-l-k-font-style);
}

.desktop .mars-veri-merkezi {
  width: 704px;
  top: 3035px;
  left: 625px;
  font-size: var(--text-font-size);
  line-height: var(--text-line-height);
  position: absolute;
  font-family: var(--text-font-family);
  font-weight: var(--text-font-weight);
  color: #5c6576;
  letter-spacing: var(--text-letter-spacing);
  font-style: var(--text-font-style);
}

.desktop .overlap-3 {
  position: absolute;
  width: 1512px;
  height: 980px;
  top: 1377px;
  left: 0;
}

.desktop .group {
  position: absolute;
  width: 1512px;
  height: 980px;
  top: 0;
  left: 0;
  background-image: url(./img/rectangle-8.png);
  background-size: cover;
  background-position: 50% 50%;
}

.desktop .rectangle {
  height: 980px;
  background-color: #001344cc;
  mix-blend-mode: multiply;
  opacity: 0.9;
}

.desktop .bulut-yap-lar-n-z-i {
  position: absolute;
  width: 1039px;
  top: 479px;
  left: 228px;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
}

.desktop .haz-r-ba-lant-se {
  position: absolute;
  width: 793px;
  top: 399px;
  left: 351px;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 43.2px;
  white-space: nowrap;
}

.desktop .text-wrapper-11 {
  font-weight: 700;
}

.desktop .text-wrapper-12 {
  font-family: "BR Omega-Light", Helvetica;
  font-weight: 300;
}

.desktop .isolation-mode-4 {
  position: absolute;
  width: 66px;
  height: 67px;
  top: 302px;
  left: 728px;
}

.desktop .giri {
  position: absolute;
  width: 1514px;
  height: 250px;
  top: 147px;
  left: 0;
}

.desktop .cloud-z-mleri-wrapper {
  position: relative;
  width: 1512px;
  height: 250px;
  background-image: url(./img/mask-group.png);
  background-size: 100% 100%;
}

.desktop .cloud-z-mleri {
  width: 729px;
  top: 99px;
  left: 390px;
  font-weight: 700;
  color: #eee809;
  font-size: 60px;
  line-height: normal;
  position: absolute;
  font-family: "BR Omega-Bold", Helvetica;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
}

.desktop .text-wrapper-13 {
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 700;
  color: #eee809;
  font-size: 60px;
  letter-spacing: 0;
}

.desktop .logo {
  position: absolute;
  width: 183px;
  height: 31px;
  top: 82px;
  left: 36px;
}

.desktop .hakkmzda {
  position: absolute;
  width: 109px;
  height: 50px;
  top: 73px;
  left: 604px;
}

.desktop .text-wrapper-14 {
  position: absolute;
  top: -1px;
  left: 0;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 50px;
  white-space: nowrap;
}

.desktop .data-center {
  position: absolute;
  width: 114px;
  height: 50px;
  top: 73px;
  left: 767px;
}

.desktop .cloud {
  position: absolute;
  width: 56px;
  height: 50px;
  top: 73px;
  left: 935px;
}

.desktop .connectivity {
  position: absolute;
  width: 120px;
  height: 50px;
  top: 73px;
  left: 1045px;
}

.desktop .security {
  position: absolute;
  width: 78px;
  height: 50px;
  top: 73px;
  left: 1219px;
}

.desktop .my-marsdc-button {
  position: absolute;
  width: 180px;
  height: 104px;
  top: 43px;
  left: 1332px;
  background-color: #eee809;
}

.desktop .text-wrapper-15 {
  position: absolute;
  width: 138px;
  top: 42px;
  left: 21px;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.desktop .top {
  position: absolute;
  width: 1512px;
  height: 43px;
  top: 0;
  left: 0;
  background-color: #5c6576;
}

.desktop .vector {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 13px;
  left: 1459px;
}

.desktop .vector-2 {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 13px;
  left: 1424px;
}

.desktop .group-2 {
  position: absolute;
  width: 238px;
  height: 17px;
  top: 14px;
  left: 991px;
}

.desktop .destek {
  position: absolute;
  width: 221px;
  height: 17px;
  top: 0;
  left: 17px;
}

.desktop .destek-2 {
  position: absolute;
  top: -1px;
  left: 0;
  font-family: "BR Omega-Medium", Helvetica;
  font-weight: 500;
  color: #eee809;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .group-3 {
  position: absolute;
  width: 11px;
  height: 14px;
  top: 0;
  left: 0;
  background-image: url(./img/group-39.svg);
  background-size: 100% 100%;
}

.desktop .group-4 {
  position: absolute;
  width: 133px;
  height: 17px;
  top: 14px;
  left: 1260px;
}

.desktop .panel-e-giri {
  position: absolute;
  width: 114px;
  height: 17px;
  top: 0;
  left: 19px;
}

.desktop .panel-e-giri-2 {
  position: absolute;
  top: -1px;
  left: -1px;
  font-family: "BR Omega-Medium", Helvetica;
  font-weight: 500;
  color: #eee809;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .vector-3 {
  position: absolute;
  width: 15px;
  height: 14px;
  top: 0;
  left: 0;
}

.desktop .group-5 {
  position: absolute;
  width: 1193px;
  height: 532px;
  top: 643px;
  left: 170px;
}

.desktop .overlap-4 {
  position: absolute;
  width: 375px;
  height: 377px;
  top: 155px;
  left: 211px;
  background-color: #eee809e6;
}

.desktop .haz-r-cloud-connect {
  position: absolute;
  width: 300px;
  top: 92px;
  left: 38px;
  font-family: var(--altba-l-k-font-family);
  font-weight: var(--altba-l-k-font-weight);
  color: #5c6576;
  font-size: var(--altba-l-k-font-size);
  letter-spacing: var(--altba-l-k-letter-spacing);
  line-height: var(--altba-l-k-line-height);
  font-style: var(--altba-l-k-font-style);
}

.desktop .text-wrapper-16 {
  width: 300px;
  top: 176px;
  left: 38px;
  font-size: 16px;
  line-height: 22.4px;
  position: absolute;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #5c6576;
  letter-spacing: 0;
}

.desktop .overlap-5 {
  position: absolute;
  width: 377px;
  height: 377px;
  top: 155px;
  left: 597px;
  background-color: #eee809e6;
}

.desktop .text-wrapper-17 {
  position: absolute;
  width: 300px;
  top: 92px;
  left: 39px;
  font-family: var(--altba-l-k-font-family);
  font-weight: var(--altba-l-k-font-weight);
  color: #5c6576;
  font-size: var(--altba-l-k-font-size);
  letter-spacing: var(--altba-l-k-letter-spacing);
  line-height: var(--altba-l-k-line-height);
  white-space: nowrap;
  font-style: var(--altba-l-k-font-style);
}

.desktop .mars-veri-merkezi-2 {
  position: absolute;
  width: 300px;
  top: 149px;
  left: 39px;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.desktop .cloud-operasyonlar-n {
  width: 807px;
  top: 0;
  left: 187px;
  font-weight: 400;
  color: #5c6576;
  font-size: 36px;
  line-height: 43.2px;
  position: absolute;
  font-family: "BR Omega-Bold", Helvetica;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
}

.desktop .text-wrapper-18 {
  width: 1181px;
  top: 80px;
  left: 0;
  font-size: 20px;
  text-align: center;
  line-height: 24px;
  white-space: nowrap;
  position: absolute;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #5c6576;
  letter-spacing: 0;
}

.desktop .isolation-mode-5 {
  position: absolute;
  width: 64px;
  height: 66px;
  top: 562px;
  left: 715px;
}