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

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

.desktop .footer {
  position: absolute;
  width: 1518px;
  height: 362px;
  top: 6445px;
  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;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  text-align: right;
  line-height: 21.6px;
  position: relative;
  align-self: stretch;
  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 .group {
  position: absolute;
  width: 1134px;
  height: 123px;
  top: 5805px;
  left: 173px;
}

.desktop .t-m-operat-rlere {
  position: absolute;
  width: 454px;
  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 .text-wrapper-3 {
  font-weight: 700;
  color: #5c6576;
}

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

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

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

.desktop .text-wrapper-5 {
  font-weight: var(--sub-text-font-weight);
  font-family: var(--sub-text-font-family);
  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 .text-wrapper-6 {
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 700;
  text-decoration: underline;
}

.desktop .group-2 {
  position: absolute;
  width: 1131px;
  height: 149px;
  top: 6071px;
  left: 173px;
}

.desktop .SDN-yap-s {
  position: absolute;
  width: 457px;
  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-7 {
  font-weight: 700;
}

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

.desktop .flexcontainer-5 {
  gap: 20px;
  width: 582px;
  height: 149px;
  top: 0;
  left: 545px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
}

.desktop .text-2 {
  font-family: var(--sub-text-font-family);
  font-weight: var(--sub-text-font-weight);
  color: #5c6576;
  font-size: var(--sub-text-font-size);
  line-height: var(--sub-text-line-height);
  position: relative;
  align-self: stretch;
  letter-spacing: var(--sub-text-letter-spacing);
  font-style: var(--sub-text-font-style);
}

.desktop .text-wrapper-9 {
  font-family: var(--sub-text-font-family);
  font-weight: var(--sub-text-font-weight);
  color: #5c6576;
  font-size: var(--sub-text-font-size);
  letter-spacing: var(--sub-text-letter-spacing);
  line-height: var(--sub-text-line-height);
  font-style: var(--sub-text-font-style);
}

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

.desktop .group-wrapper {
  position: relative;
  width: 1174px;
  height: 545px;
  top: 159px;
  left: 173px;
}

.desktop .group-3 {
  position: relative;
  height: 545px;
}

.desktop .overlap-group-wrapper {
  position: absolute;
  width: 549px;
  height: 545px;
  top: 0;
  left: 0;
}

.desktop .overlap-group-2 {
  position: relative;
  width: 545px;
  height: 545px;
  background-color: #5c6576cc;
}

.desktop .geli-mi-a-kullan-m {
  position: absolute;
  width: 458px;
  top: 175px;
  left: 43px;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 43.2px;
}

.desktop .text-wrapper-10 {
  width: 427px;
  top: 296px;
  left: 59px;
  position: absolute;
  font-family: var(--sub-text-font-family);
  font-weight: var(--sub-text-font-weight);
  color: #ffffff;
  font-size: var(--sub-text-font-size);
  text-align: center;
  letter-spacing: var(--sub-text-letter-spacing);
  line-height: var(--sub-text-line-height);
  font-style: var(--sub-text-font-style);
}

.desktop .isolation-mode {
  position: absolute;
  width: 62px;
  height: 62px;
  top: 79px;
  left: 241px;
}

.desktop .overlap-wrapper {
  position: absolute;
  width: 549px;
  height: 545px;
  top: 0;
  left: 629px;
}
.layer-5{
 padding-bottom: 80px;
}
.desktop .firewall-ve-a-g {
  position: absolute;
  width: 458px;
  top: 175px;
  left: 43px;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 43.2px;
}

.desktop .zengin-a-z-mlerine {
  position: absolute;
  width: 431px;
  top: 296px;
  left: 57px;
  font-family: "BR Omega-Medium", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
}

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

.desktop .img {
  position: absolute;
  width: 67px;
  height: 58px;
  top: 76px;
  left: 239px;
}

.desktop .overlap-2 {
  position: absolute;
  width: 1512px;
  height: 864px;
  top: 3853px;
  left: 0;
  background-color: #f2e500;
}

.desktop .div-wrapper {
  position: absolute;
  width: 545px;
  height: 545px;
  top: 159px;
  left: 164px;
  border: 1px solid;
  border-color: #5c6576;
}

.desktop .group-4 {
  position: relative;
  width: 447px;
  height: 239px;
  top: 143px;
  left: 50px;
}

.desktop .ger-ek-yedeklilik-i {
  position: absolute;
  width: 375px;
  top: 0;
  left: 34px;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 43.2px;
}

.desktop .text-wrapper-12 {
  position: absolute;
  width: 443px;
  top: 167px;
  left: 0;
  font-family: var(--sub-text-font-family);
  font-weight: var(--sub-text-font-weight);
  color: #5c6576;
  font-size: var(--sub-text-font-size);
  text-align: center;
  letter-spacing: var(--sub-text-letter-spacing);
  line-height: var(--sub-text-line-height);
  font-style: var(--sub-text-font-style);
}

.desktop .overlap-3 {
  position: absolute;
  width: 545px;
  height: 545px;
  top: 159px;
  left: 793px;
  border: 1px solid;
  border-color: #5c6576;
}

.desktop .element-gbps-gbps {
  position: absolute;
  width: 362px;
  top: 142px;
  left: 91px;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #5c6576;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 43.2px;
}

.desktop .text-wrapper-13 {
  position: absolute;
  width: 454px;
  top: 309px;
  left: 45px;
  font-family: var(--sub-text-font-family);
  font-weight: var(--sub-text-font-weight);
  color: #5c6576;
  font-size: var(--sub-text-font-size);
  text-align: center;
  letter-spacing: var(--sub-text-letter-spacing);
  line-height: var(--sub-text-line-height);
  font-style: var(--sub-text-font-style);
}

.desktop .overlap-4 {
  position: absolute;
  width: 1157px;
  height: 330px;
  top: 2437px;
  left: 177px;
}

.desktop .rectangle {
  position: absolute;
  width: 182px;
  height: 182px;
  top: 148px;
  left: 0;
  background-color: #d9d9d933;
}

.desktop .rectangle-2 {
  position: absolute;
  width: 182px;
  height: 182px;
  top: 148px;
  left: 195px;
  background-color: #d9d9d933;
}

.desktop .rectangle-3 {
  position: absolute;
  width: 182px;
  height: 182px;
  top: 148px;
  left: 390px;
  background-color: #d9d9d933;
}

.desktop .rectangle-4 {
  position: absolute;
  width: 182px;
  height: 182px;
  top: 148px;
  left: 585px;
  background-color: #d9d9d933;
}

.desktop .rectangle-5 {
  position: absolute;
  width: 182px;
  height: 182px;
  top: 148px;
  left: 780px;
  background-color: #d9d9d933;
}

.desktop .rectangle-6 {
  position: absolute;
  width: 182px;
  height: 182px;
  top: 148px;
  left: 975px;
  background-color: #d9d9d933;
}

.desktop .efsanevi-ba-lant {
  position: absolute;
  width: 1129px;
  top: 0;
  left: 14px;
  font-family: var(--sub-text-font-family);
  font-weight: var(--sub-text-font-weight);
  color: #5c6576;
  font-size: var(--sub-text-font-size);
  text-align: center;
  letter-spacing: var(--sub-text-letter-spacing);
  line-height: var(--sub-text-line-height);
  font-style: var(--sub-text-font-style);
}

.desktop .turk-telekom-logo {
  position: absolute;
  width: 166px;
  height: 68px;
  top: 204px;
  left: 8px;
  mix-blend-mode: luminosity;
  background-image: url(./img/tu-rk-telekom-logo-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.desktop .SPARKLE-logo {
  position: absolute;
  width: 168px;
  height: 44px;
  top: 217px;
  left: 592px;
  mix-blend-mode: luminosity;
  background-image: url(./img/sparkle-logo-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.desktop .turknet-logo {
  position: absolute;
  width: 124px;
  height: 36px;
  top: 221px;
  left: 419px;
  mix-blend-mode: luminosity;
  background-image: url(./img/turknet-logo-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.desktop .cogent {
  position: absolute;
  width: 108px;
  height: 34px;
  top: 221px;
  left: 817px;
  mix-blend-mode: luminosity;
  background-image: url(./img/cogent-communications-logo-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.desktop .turkcell-superonline {
  position: absolute;
  width: 133px;
  height: 39px;
  top: 219px;
  left: 219px;
  mix-blend-mode: luminosity;
  background-image: url(./img/turkcell-superonline-logo-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.desktop .element-DE-CIX {
  position: absolute;
  width: 67px;
  height: 61px;
  top: 205px;
  left: 1033px;
  mix-blend-mode: luminosity;
  background-image: url(./img/1200px-de-cix-201x-logo-1-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.desktop .overlap-5 {
  position: absolute;
  width: 1512px;
  height: 864px;
  top: 2989px;
  left: 0;
}

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

.desktop .rectangle-7 {
  height: 864px;
  background-color: #05123c80;
  mix-blend-mode: multiply;
}

.desktop .group-5 {
  position: absolute;
  width: 1133px;
  height: 267px;
  top: 299px;
  left: 192px;
}

.desktop .k-resel-bulut-operat {
  position: absolute;
  width: 1096px;
  top: 97px;
  left: 17px;
  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-14 {
  font-weight: 700;
  color: #f2e500;
}

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

.desktop .amazon-AWS-microsoft {
  position: absolute;
  width: 1129px;
  top: 185px;
  left: 0;
  font-family: "BR Omega-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
}

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

.desktop .do-rudan-t-rkiye-ba {
  position: absolute;
  width: 1096px;
  top: 2345px;
  left: 208px;
  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 .overlap-6 {
  position: absolute;
  width: 1512px;
  height: 864px;
  top: 1261px;
  left: 0;
  background-image: url(./img/l.png);
  background-size: cover;
  background-position: 50% 50%;
}

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

.desktop .group-6 {
  position: absolute;
  width: 989px;
  height: 265px;
  top: 299px;
  left: 263px;
}

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

.desktop .do-rudan-yurtd-eri {
  position: absolute;
  width: 612px;
  top: 87px;
  left: 186px;
  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 .isolation-mode-3 {
  position: absolute;
  width: 55px;
  height: 53px;
  top: 0;
  left: 465px;
}

.desktop .rectangle-9 {
  position: absolute;
  width: 640px;
  height: 520px;
  top: 578px;
  left: 180px;
  object-fit: cover;
}

.desktop .flexcontainer-6 {
  gap: 20px;
  width: 421px;
  height: 190px;
  top: 792px;
  left: 912px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
}

.desktop .text-wrapper-17 {
  position: absolute;
  width: 452px;
  top: 1112px;
  left: 274px;
  font-family: var(--sub-text-font-family);
  font-weight: var(--sub-text-font-weight);
  color: #5c6576;
  font-size: var(--sub-text-font-size);
  text-align: center;
  letter-spacing: var(--sub-text-letter-spacing);
  line-height: var(--sub-text-line-height);
  white-space: nowrap;
  font-style: var(--sub-text-font-style);
}

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

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

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

.desktop .group-9 {
  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 .line {
  top: 5783px;
  position: absolute;
  width: 1174px;
  height: 1px;
  left: 173px;
}

.desktop .line-2 {
  top: 6053px;
  position: absolute;
  width: 1174px;
  height: 1px;
  left: 173px;
}

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