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

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

.desktop .element {
  position: absolute;
  width: 1512px;
  height: 864px;
  top: 397px;
  left: 1px;
  background-color: #5c6576;
}
.input{
  background: transparent;
  border: none;
  
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(255, 255, 255);
  opacity: 1; /* Firefox */
}
.input:focus{
  background: transparent;
  border: 0px solid #555;
  outline: none;

}
.desktop .group {
  position: absolute;
  width: 950px;
  height: 136px;
  top: 140px;
  left: 282px;
}

.desktop .veri-merkezi-evreni {
  position: absolute;
  width: 826px;
  height: 89px;
  top: 0;
  left: 62px;
}

.desktop .write-us-a-message {
  position: absolute;
  width: 824px;
  top: 0;
  left: 0;
  font-family: "BR Omega-Light";
  font-weight: 400;
  color: #5c6576;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 43.2px;
}

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

.desktop .span {
  font-family: "BR Omega-Bold";
  font-weight: 700;
  color: #ffffff;
}

.desktop .p {
  position: absolute;
  width: 948px;
  top: 89px;
  left: 0;
  font-family: "BR Omega-Bold";
  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 .group-2 {
  position: absolute;
  width: 73px;
  height: 221px;
  top: 346px;
  left: 522px;
}

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

.desktop .overlap-group {
  position: relative;
  width: 473px;
  height: 35px;
}

.desktop .text-wrapper-2 {
  position: absolute;
  width: 363px;
  top: 0;
  left: 6px;
  font-family: "BR Omega-Medium";
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.desktop .line {
  position: absolute;
  width: 473px;
  height: 1px;
  top: 32px;
  left: 0;
  object-fit: cover;
}

.desktop .overlap-wrapper {
  position: absolute;
  width: 475px;
  height: 35px;
  top: 93px;
  left: 0;
}

.desktop .img {
  position: absolute;
  width: 473px;
  height: 1px;
  top: 33px;
  left: 0;
  object-fit: cover;
}

.desktop .div-wrapper {
  position: absolute;
  width: 475px;
  height: 35px;
  top: 186px;
  left: 0;
}

.desktop .div-wrapper2 {
  position: absolute;
  width: 475px;
  height: 35px;
  top: 276px;
  left: 0;
}

.desktop .component {
  position: absolute;
  width: 272px;
  height: 75px;
  top: 696px;
  left: 620px;
  background-color: #eee809;
  border: none;
}

.desktop .text-wrapper-3 {
  width: 164px;
  top: 28px;
  left: 54px;
  color: #5c6576;
  text-align: center;
  line-height: var(--button-big-line-height);
  position: absolute;
  font-family: "BR Omega-Bold";
  font-weight: var(--button-big-font-weight);
  font-size: var(--button-big-font-size);
  letter-spacing: var(--button-big-letter-spacing);
  white-space: nowrap;
  font-style: var(--button-big-font-style);
}

.desktop .overlap {
  position: absolute;
  width: 227px;
  height: 155px;
  top: 1519px;
  left: 642px;
}

.desktop .div-2 {
  position: absolute;
  width: 227px;
  top: 84px;
  left: 0;
  font-family: "BR Omega-Bold";
  font-weight: 400;
  color: transparent;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 43.2px;
}

.desktop .text-wrapper-4 {
  font-weight: 700;
  color: #8791a1;
}

.desktop .text-wrapper-5 {
  font-family: "BR Omega-Light";
  font-weight: 300;
  color: #000000;
  font-size: 20px;
  line-height: 24px;
}

.desktop .text-wrapper-6 {
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  line-height: 24px;
}

.desktop .component-2 {
  position: absolute;
  width: 227px;
  height: 155px;
  top: 0;
  left: 0;
}

.desktop .vector {
  position: absolute;
  width: 46px;
  height: 44px;
  top: 0;
  left: 90px;
}

.desktop .overlap-2 {
  position: absolute;
  width: 329px;
  height: 177px;
  top: 1519px;
  left: 197px;
}

.desktop .UHEM-binas-t-maslak {
  position: absolute;
  width: 329px;
  top: 84px;
  left: 0;
  font-family: "BR Omega-Bold";
  font-weight: 400;
  color: transparent;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 43.2px;
}

.desktop .text-wrapper-7 {
  font-weight: 700;
  color: #5c6576;
  font-size: 20px;
  line-height: 24px;
}

.desktop .component-3 {
  position: absolute;
  width: 329px;
  height: 116px;
  top: 0;
  left: 0;
}

.desktop .text-wrapper-8 {
  position: absolute;
  width: 329px;
  top: 84px;
  left: 0;
  font-family: "BR Omega-Bold";
  font-weight: 700;
  color: #8791a1;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 43.2px;
  white-space: nowrap;
}

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

.desktop .overlap-3 {
  position: absolute;
  width: 242px;
  height: 154px;
  top: 1519px;
  left: 1021px;
}

.desktop .info-marsdatacenter {
  position: absolute;
  width: 242px;
  top: 82px;
  left: 0;
  font-family: "BR Omega-Bold";
  font-weight: 400;
  color: transparent;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 43.2px;
}

.desktop .component-4 {
  position: absolute;
  width: 242px;
  height: 109px;
  top: 0;
  left: 0;
}

.desktop .e-mail {
  position: absolute;
  width: 242px;
  top: 77px;
  left: 0;
  font-family: "BR Omega-Bold";
  font-weight: 700;
  color: transparent;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 43.2px;
  white-space: nowrap;
}

.desktop .text-wrapper-9 {
  color: #8791a1;
}

.desktop .text-wrapper-10 {
  color: #000000;
  font-size: 20px;
  line-height: 24px;
}

.desktop .layer {
  position: absolute;
  width: 50px;
  height: 34px;
  top: 0;
  left: 96px;
}

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

.desktop .group-4 {
  width: 1514px;
  height: 250px;
}

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

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

.desktop .group-5 {
  position: absolute;
  width: 1476px;
  height: 104px;
  top: 43px;
  left: 36px;
}

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

.desktop .group-6 {
  position: absolute;
  width: 816px;
  height: 50px;
  top: 30px;
  left: 436px;
}

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

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

.desktop .group-7 {
  position: absolute;
  width: 693px;
  height: 50px;
  top: 0;
  left: 0;
}

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

.desktop .text-wrapper-12 {
  position: absolute;
  top: -1px;
  left: 0;
  font-family: "BR Omega-Bold";
  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: 0;
  left: 163px;
}

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

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

.desktop .security-3 {
  position: absolute;
  width: 78px;
  height: 50px;
  top: 0;
  left: 615px;
}

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

.desktop .text-wrapper-13 {
  position: absolute;
  width: 138px;
  top: 42px;
  left: 21px;
  font-family: "BR Omega-Bold";
  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-8 {
  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";
  font-weight: 500;
  color: #eee809;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

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

.desktop .group-10 {
  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";
  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;
}

.desktop .element-2 {
  position: absolute;
  width: 1512px;
  height: 690px;
  top: 1951px;
  left: 0;
  object-fit: cover;
}

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

.desktop .overlap-4 {
  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";
  font-weight: 700;
  color: transparent;
  font-size: 18px;
  text-align: right;
  letter-spacing: 0;
  line-height: 21.6px;
}

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

.desktop .text-wrapper-15 {
  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";
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  text-align: right;
  letter-spacing: 0;
  line-height: 21.6px;
}

.desktop .text-wrapper-16 {
  font-family: "BR Omega-Regular";
  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;
}