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

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

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

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

.desktop .flexcontainer {
  gap: 15px;
  width: 113px;
  height: 207px;
  top: 78px;
  left: 910px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  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 {
  gap: 15px;
  width: 233px;
  height: 207px;
  top: 78px;
  left: 496px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
}

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

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

.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 .element {
  position: absolute;
  width: 1192px;
  height: 793px;
  top: 8642px;
  left: 151px;
}

.desktop .overlap {
  position: absolute;
  width: 1113px;
  height: 793px;
  top: 0;
  left: 71px;
}

.desktop .vector {
  position: absolute;
  width: 1024px;
  height: 793px;
  top: 0;
  left: 22px;
}

.desktop .text-wrapper-3 {
  position: absolute;
  width: 200px;
  top: 400px;
  left: 371px;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 700;
  color: #eee809;
  font-size: 80px;
  letter-spacing: 0;
  line-height: 96px;
  white-space: nowrap;
}

.desktop .rakipsiz-network-ba-wrapper {
  position: absolute;
  width: 369px;
  height: 155px;
  top: 224px;
  left: 0;
}

.desktop .rakipsiz-network-ba {
  position: absolute;
  width: 367px;
  top: 0;
  left: 0;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 43.2px;
}

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

  text-decoration: underline;
}


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

.desktop .mars-veri-merkezi {
  width: 724px;
  top: 299px;
  left: 371px;
  color: #666f7f;
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.desktop .text-wrapper-6 {
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #666f7f;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}

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

.desktop .p {
  width: 742px;
  top: 488px;
  left: 371px;
  color: #666f7f;
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.desktop .text-wrapper-8 {
  width: 200px;
  top: 211px;
  left: 371px;
  font-size: 80px;
  line-height: 96px;
  white-space: nowrap;
  position: absolute;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 700;
  color: #eee809;
  letter-spacing: 0;
}

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

.desktop .element-2 {
  position: absolute;
  width: 1512px;
  height: 980px;
  top: 7578px;
  left: 0;
  background-image: url(./img/rectangle-67.svg);
  background-size: 100% 100%;
}

.desktop .group {
  position: absolute;
  width: 394px;
  height: 392px;
  top: 365px;
  left: 141px;
}

.desktop .overlap-group-2 {
  position: relative;
  width: 392px;
  height: 392px;
}

.desktop .mars-veri-merkezi-t {
  width: 312px;
  top: 116px;
  left: 40px;
  color: #5c6576;
  font-size: 20px;
  text-align: center;
  line-height: 24px;
  position: absolute;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.desktop .text-wrapper-9 {
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}

.desktop .rectangle {
  width: 392px;
  height: 392px;
  border: 2px solid;
  border-color: #5c6576;
  position: absolute;
  top: 0;
  left: 0;
}

.desktop .overlap-wrapper {
  position: absolute;
  width: 394px;
  height: 392px;
  top: 365px;
  left: 561px;
}

.desktop .t-m-kabin-gruplar-t {
  position: absolute;
  width: 278px;
  top: 116px;
  left: 57px;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
}

.desktop .overlap-group-wrapper {
  position: absolute;
  width: 394px;
  height: 392px;
  top: 365px;
  left: 981px;
}

.desktop .so-utma-sistemi {
  position: absolute;
  width: 300px;
  top: 114px;
  left: 46px;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
}

.desktop .group-2 {
  position: absolute;
  width: 929px;
  height: 58px;
  top: 231px;
  left: 273px;
}

.desktop .veri-merkezi-wrapper {
  position: absolute;
  width: 815px;
  height: 30px;
  top: 5px;
  left: 0;
}

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

.desktop .wind {
  position: absolute;
  width: 108px;
  height: 58px;
  top: 0;
  left: 821px;
}

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

.desktop .overlap-2 {
  position: relative;
  height: 980px;
  background-color: #00000073;
}

.desktop .rectangle-2 {
  width: 504px;
  height: 980px;
  background-color: #5c6576b2;
  mix-blend-mode: multiply;
  opacity: 0.9;
  position: absolute;
  top: 0;
  left: 0;
}

.desktop .group-3 {
  position: absolute;
  width: 1189px;
  height: 207px;
  top: 386px;
  left: 148px;
}

.desktop .ye-il-bina-wrapper {
  position: absolute;
  width: 287px;
  height: 149px;
  top: 0;
  left: 0;
}

.desktop .ye-il-bina {
  position: absolute;
  width: 285px;
  top: 0;
  left: 0;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #eee809;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 43.2px;
}

.desktop .mars-veri-merkezi-2 {
  width: 742px;
  top: 0;
  left: 445px;
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.desktop .img {
  position: absolute;
  width: 36px;
  height: 44px;
  top: 320px;
  left: 150px;
}

.desktop .element-3 {
  position: absolute;
  width: 1512px;
  height: 980px;
  top: 5618px;
  left: 0;
  background-color: #5c6576e6;
}

.desktop .layer {
  position: absolute;
  width: 56px;
  height: 43px;
  top: 381px;
  left: 165px;
}

.desktop .group-4 {
  position: absolute;
  width: 1184px;
  height: 137px;
  top: 182px;
  left: 162px;
}

.desktop .yang-n-alg-lama-ve-wrapper {
  position: absolute;
  width: 344px;
  height: 75px;
  top: 0;
  left: 0;
}

.desktop .div-2 {
  position: absolute;
  width: 342px;
  top: 0;
  left: 0;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #eee809;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 43.2px;
}

.desktop .mars-veri-merkezi-3 {
  width: 751px;
  top: 0;
  left: 431px;
  color: transparent;
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.desktop .text-wrapper-10 {
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 700;
  color: #eee809;
}

.desktop .group-5 {
  position: absolute;
  width: 1175px;
  height: 160px;
  top: 439px;
  left: 162px;
}

.desktop .element-kamera-zleme-ve-wrapper {
  position: absolute;
  width: 344px;
  height: 80px;
  top: 0;
  left: 0;
}

.desktop .mars-veri-merkezi-4 {
  width: 742px;
  top: 0;
  left: 431px;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  line-height: 24px;
  position: absolute;
  font-size: 20px;
  letter-spacing: 0;
}

.desktop .group-wrapper {
  position: absolute;
  width: 1173px;
  height: 78px;
  top: 719px;
  left: 162px;
}

.desktop .group-6 {
  position: relative;
  width: 1177px;
  height: 78px;
}

.desktop .text-wrapper-11 {
  width: 742px;
  top: 0;
  left: 431px;
  font-family: var(--sub-text-font-family);
  font-weight: var(--sub-text-font-weight);
  color: #ffffff;
  line-height: var(--sub-text-line-height);
  position: absolute;
  font-size: var(--sub-text-font-size);
  letter-spacing: var(--sub-text-letter-spacing);
  font-style: var(--sub-text-font-style);
}

.desktop .isolation-mode-2 {
  position: absolute;
  width: 34px;
  height: 49px;
  top: 125px;
  left: 164px;
}

.desktop .layer-2 {
  position: absolute;
  width: 51px;
  height: 55px;
  top: 651px;
  left: 162px;
}

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

.desktop .overlap-3 {
  position: relative;
  height: 980px;
  background-color: #000000b8;
}

.desktop .group-7 {
  position: absolute;
  width: 1105px;
  height: 375px;
  top: 302px;
  left: 238px;
}

.desktop .overlap-group-3 {
  position: relative;
  width: 1107px;
  height: 375px;
}

.desktop .group-8 {
  position: absolute;
  width: 1107px;
  height: 375px;
  top: 0;
  left: 0;
}

.desktop .yedeklilik-ve-s-wrapper {
  position: absolute;
  width: 268px;
  height: 89px;
  top: 0;
  left: 0;
}

.desktop .yedeklilik-ve-s {
  position: absolute;
  width: 266px;
  top: 0;
  left: 0;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 43.2px;
}

.desktop .mars-veri-merkezi-5 {
  width: 710px;
  top: 0;
  left: 395px;
  color: transparent;
  font-size: 24px;
  line-height: 28.8px;
  position: absolute;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
}

.desktop .layer-3 {
  position: absolute;
  width: 22px;
  height: 17px;
  top: 4px;
  left: 355px;
}

.desktop .layer-4 {
  position: absolute;
  width: 22px;
  height: 17px;
  top: 91px;
  left: 355px;
}

.desktop .layer-5 {
  position: absolute;
  width: 22px;
  height: 17px;
  top: 178px;
  left: 355px;
}

.desktop .layer-6 {
  position: absolute;
  width: 22px;
  height: 17px;
  top: 265px;
  left: 355px;
}

.desktop .isolation-mode-3 {
  position: absolute;
  width: 50px;
  height: 48px;
  top: 315px;
  left: 164px;
}

.desktop .element-5 {
  position: absolute;
  width: 1243px;
  height: 547px;
  top: 3879px;
  left: 142px;
}

.desktop .rectangle-3 {
  width: 547px;
  height: 547px;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.desktop .group-9 {
  position: absolute;
  width: 598px;
  height: 326px;
  top: 127px;
  left: 645px;
}

.desktop .overlap-group-4 {
  position: relative;
  width: 600px;
  height: 326px;
}

.desktop .group-10 {
  position: absolute;
  width: 600px;
  height: 318px;
  top: 8px;
  left: 0;
}

.desktop .fiziksel-bina-wrapper {
  position: absolute;
  width: 544px;
  height: 40px;
  top: 0;
  left: 56px;
}

.desktop .fiziksel-bina {
  position: absolute;
  width: 542px;
  top: 0;
  left: 0;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 43.2px;
  white-space: nowrap;
}

.desktop .mars-veri-merkezi-6 {
  width: 557px;
  top: 90px;
  left: 0;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #5c6576;
  line-height: 24px;
  position: absolute;
  font-size: 20px;
  letter-spacing: 0;
}

.desktop .layer-7 {
  position: absolute;
  width: 36px;
  height: 44px;
  top: 0;
  left: 2px;
}

.desktop .element-6 {
  position: absolute;
  width: 1512px;
  height: 980px;
  top: 2683px;
  left: 0;
}

.desktop .overlap-group-5 {
  position: relative;
  height: 980px;
}

.desktop .element-7 {
  position: absolute;
  width: 1512px;
  height: 980px;
  top: 0;
  left: 0;
}

.desktop .element-8 {
  position: absolute;
  width: 1086px;
  height: 980px;
  top: 0;
  left: 426px;
  background-color: #eee809e6;
}

.desktop .foto {
  position: absolute;
  width: 504px;
  height: 980px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.desktop .group-11 {
  position: absolute;
  width: 737px;
  height: 406px;
  top: 297px;
  left: 593px;
}

.desktop .overlap-4 {
  position: relative;
  height: 406px;
}

.desktop .group-12 {
  position: absolute;
  width: 737px;
  height: 402px;
  top: 4px;
  left: 0;
}

.desktop .overlap-group-6 {
  position: absolute;
  width: 711px;
  height: 402px;
  top: 0;
  left: 30px;
}

.desktop .group-13 {
  position: absolute;
  width: 711px;
  height: 402px;
  top: 0;
  left: 0;
}

.desktop .enerji-alt-yap-s {
  position: absolute;
  width: 571px;
  top: 0;
  left: 26px;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 43.2px;
  white-space: nowrap;
}

.desktop .text-wrapper-12 {
  font-weight: 700;
  color: #5c6576;
}

.desktop .text-wrapper-13 {
  font-family: "BR Omega-Light", Helvetica;
  font-weight: 300;
  color: #5c6576;
}

.desktop .flexcontainer-4 {
  gap: 20px;
  width: 707px;
  height: 322px;
  top: 80px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
}

.desktop .text-2 {
  font-family: "BR Omega-Bold", Helvetica;
  color: #5c6576;
  font-size: 20px;
  line-height: 28px;
  position: relative;
  align-self: stretch;
  font-weight: 400;
  letter-spacing: 0;
}

.desktop .text-wrapper-14 {
  font-family: var(--sub-text-font-family);
  font-weight: var(--sub-text-font-weight);
  font-style: var(--sub-text-font-style);
  letter-spacing: var(--sub-text-letter-spacing);
  line-height: var(--sub-text-line-height);
  font-size: var(--sub-text-font-size);
}

.desktop .line {
  width: 681px;
  top: 385px;
  position: absolute;
  height: 1px;
  left: 0;
}

.desktop .group-14 {
  position: absolute;
  width: 8px;
  height: 284px;
  top: 89px;
  left: 0;
}

.desktop .isolation-mode-4 {
  position: absolute;
  width: 43px;
  height: 47px;
  top: 0;
  left: 2px;
}

.desktop .element-9 {
  position: absolute;
  width: 1165px;
  height: 587px;
  top: 1902px;
  left: 149px;
}

.desktop .element-10 {
  position: absolute;
  width: 1125px;
  height: 587px;
  top: 0;
  left: 62px;
}

.desktop .overlap-5 {
  position: absolute;
  width: 621px;
  height: 31px;
  top: 0;
  left: 383px;
}

.desktop .line-2 {
  width: 492px;
  top: 30px;
  position: absolute;
  height: 1px;
  left: 0;
}

.desktop .text-wrapper-15 {
  position: absolute;
  width: 621px;
  top: 0;
  left: 0;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}

.desktop .fiziksel-g-venlik-z {
  position: absolute;
  width: 357px;
  top: 0;
  left: 0;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 43.2px;
}

.desktop .lgili-g-venlik {
  position: absolute;
  width: 708px;
  top: 475px;
  left: 383px;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}

.desktop .text-wrapper-16 {
  width: 200px;
  top: 73px;
  left: 382px;
  font-size: 50px;
  line-height: 60px;
  white-space: nowrap;
  position: absolute;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 700;
  color: #eee809;
  letter-spacing: 0;
}

.desktop .text-wrapper-17 {
  position: absolute;
  width: 325px;
  top: 134px;
  left: 382px;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}

.desktop .overlap-group-7 {
  position: absolute;
  width: 326px;
  height: 157px;
  top: 73px;
  left: 767px;
}

.desktop .text-wrapper-18 {
  width: 325px;
  top: 0;
  left: 0;
  font-size: 50px;
  line-height: 60px;
  position: absolute;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 700;
  color: #eee809;
  letter-spacing: 0;
}

.desktop .text-wrapper-19 {
  position: absolute;
  width: 325px;
  top: 61px;
  left: 1px;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}

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

.desktop .text-wrapper-21 {
  position: absolute;
  width: 325px;
  top: 332px;
  left: 382px;
  font-family: "BR Omega-Regular", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
}

.desktop .text-wrapper-22 {
  width: 336px;
  top: 271px;
  left: 767px;
  font-size: 50px;
  line-height: 60px;
  white-space: nowrap;
  position: absolute;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 700;
  color: #eee809;
  letter-spacing: 0;
}

.desktop .text-wrapper-23 {
  width: 323px;
  top: 332px;
  left: 768px;
  font-family: "BR Omega-Regular", Helvetica;
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  font-weight: 400;
  color: #5c6576;
  letter-spacing: 0;
}

.desktop .isolation-mode-5 {
  position: absolute;
  width: 36px;
  height: 48px;
  top: 17px;
  left: 0;
}

.desktop .element-11 {
  position: absolute;
  width: 1514px;
  height: 980px;
  top: 739px;
  left: 0;
}

.desktop .overlap-6 {
  position: relative;
  width: 1512px;
  height: 980px;
  background-color: #8791a1e6;
}

.desktop .co-location {
  position: absolute;
  width: 807px;
  top: 214px;
  left: 352px;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #eee809;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 43.2px;
  white-space: nowrap;
}

.desktop .text-wrapper-24 {
  font-family: "BR Omega-Medium", Helvetica;
  font-weight: 500;
}

.desktop .group-15 {
  position: absolute;
  width: 312px;
  height: 310px;
  top: 386px;
  left: 94px;
}

.desktop .overlap-group-8 {
  position: relative;
  width: 310px;
  height: 310px;
  background-image: url(./img/rectangle-45.png);
  background-size: cover;
  background-position: 50% 50%;
}

.desktop .rectangle-4 {
  width: 310px;
  height: 310px;
  background-color: #5c657680;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
}

.desktop .text-wrapper-25 {
  position: absolute;
  width: 210px;
  top: 138px;
  left: 50px;
  font-family: var(--altba-l-k-font-family);
  font-weight: var(--altba-l-k-font-weight);
  color: #ffffff;
  font-size: var(--altba-l-k-font-size);
  text-align: center;
  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 .group-16 {
  position: absolute;
  width: 312px;
  height: 310px;
  top: 386px;
  left: 433px;
}

.desktop .overlap-7 {
  position: relative;
  width: 310px;
  height: 310px;
  background-image: url(./img/rectangle-46.png);
  background-size: cover;
  background-position: 50% 50%;
}

.desktop .rectangle-5 {
  width: 310px;
  height: 310px;
  background-color: #5c65764c;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
}

.desktop .group-17 {
  position: absolute;
  width: 312px;
  height: 310px;
  top: 387px;
  left: 772px;
}

.desktop .overlap-8 {
  position: relative;
  width: 310px;
  height: 310px;
  background-image: url(./img/rectangle-47.png);
  background-size: cover;
  background-position: 50% 50%;
}

.desktop .rectangle-6 {
  width: 310px;
  height: 310px;
  background-color: #5c6576b2;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
}

.desktop .text-wrapper-26 {
  position: absolute;
  width: 210px;
  top: 137px;
  left: 50px;
  font-family: var(--altba-l-k-font-family);
  font-weight: var(--altba-l-k-font-weight);
  color: #ffffff;
  font-size: var(--altba-l-k-font-size);
  text-align: center;
  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 .group-18 {
  position: absolute;
  width: 312px;
  height: 310px;
  top: 386px;
  left: 1111px;
}

.desktop .overlap-9 {
  position: relative;
  width: 310px;
  height: 310px;
  background-image: url(./img/rectangle-48.png);
  background-size: cover;
  background-position: 50% 50%;
}

.desktop .text-wrapper-27 {
  position: absolute;
  width: 210px;
  top: 146px;
  left: 50px;
  font-family: var(--altba-l-k-font-family);
  font-weight: var(--altba-l-k-font-weight);
  color: #ffffff;
  font-size: var(--altba-l-k-font-size);
  text-align: center;
  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 .isolation-mode-6 {
  position: absolute;
  width: 44px;
  height: 47px;
  top: 155px;
  left: 734px;
}

.desktop .g-venilir-s-rd-r-wrapper {
  position: absolute;
  width: 809px;
  height: 30px;
  top: 553px;
  left: 353px;
}

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

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

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

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

.desktop .overlap-11 {
  position: absolute;
  width: 1512px;
  height: 146px;
  top: 0;
  left: 0;
}

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

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

.desktop .text-wrapper-29 {
  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: 72px;
  left: 767px;
}

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

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

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

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

.desktop .text-wrapper-30 {
  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-2 {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 13px;
  left: 1459px;
}

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

.desktop .group-19 {
  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-20 {
  position: absolute;
  width: 11px;
  height: 14px;
  top: 0;
  left: 0;
  background-image: url(./img/group-39.svg);
  background-size: 100% 100%;
}

.desktop .group-21 {
  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-4 {
  position: absolute;
  width: 15px;
  height: 14px;
  top: 0;
  left: 0;
}