* {
  font-family: sans-serif;
  box-sizing: border-box;
}

.royalBrown {
  background-color: rgb(239, 201, 148);
  background-image: radial-gradient(
      ellipse 120% 100% at 50% -10%,
      rgb(82, 59, 46),
      rgba(119, 138, 232, 0),
      rgb(222, 216, 196)
    ),
    radial-gradient(ellipse 50% 100% at 50% -30%, #ffffff70, #ffffff00);
  background-repeat: no-repeat;
  background-size: 100vw 3000px;
}

.chinaBlack {
  background-color: #131212;
  background-image: radial-gradient(
    ellipse 50% 100% at 50% -10%,
    rgb(226, 226, 223),
    rgba(119, 138, 232, 0),
    rgb(108, 108, 106)
  );
  background-repeat: no-repeat;
  display: block;
}

.lightBlack {
  background-color: #0a0f20;
  background-image: radial-gradient(
    ellipse 40% 100% at 60% -10%,
    rgba(119, 138, 232, 0.3),
    rgba(119, 138, 232, 0)
  );
  background-repeat: no-repeat;
  background-size: 100vw 500px;
}

.lightBlack2 {
  background-color: #0a0f20;
  background-image: radial-gradient(
    ellipse 50% 100% at 50% -10%,
    #262c49,
    #778ae800
  );
  background-repeat: no-repeat;
}

.krem {
  background-color: rgba(0, 0, 0, 0.1);
}

.redAndBlue {
  background-image: linear-gradient(120deg, #ad5050, #273378);
  background-repeat: no-repeat;
  position: relative;
}

.darkBlue {
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
}

.oceanGreen {
  background-color: #0a1920;
  background-image: radial-gradient(
      ellipse 120% 100% at 50% -10%,
      #00a8e0a6,
      #4775ff00
    ),
    radial-gradient(ellipse 50% 100% at 50% -30%, #ffffff70, #ffffff00);
  background-repeat: no-repeat;
  background-size: 100vw 2000px;
}

.oceanGreen2 {
  background-color: #0a1920;
  background-image: radial-gradient(
      ellipse 120% 100% at 50% -10%,
      #00a8e0a6,
      #4775ff00,
      #212529
    ),
    radial-gradient(ellipse 50% 100% at 50% -30%, #ffffff70, #ffffff00);
  background-repeat: no-repeat;
  background-size: 100vw 2000px;
}
.oceanBlueGradient {
  background-color: #212529; /* Temel arka plan rengi */
  background-image: radial-gradient(
      ellipse 100% 100% at 50% 50%,
      #00a8e0,
      #4775ff00
    ),
    radial-gradient(ellipse at bottom left, #ffffff40, #ffffff00),
    linear-gradient(to bottom right, #00a8e0a6, #4775ff00, #212529);
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: overlay; /* Blend mode ekledim */
}
.oceanBlueGradient1 {
  background-color: #212529; /* Arka plan rengi */
  background-image: radial-gradient(
      ellipse 120% 100% at 50% -10%,
      #00a8e0a6,
      #4775ff00,
      #212529
    ),
    radial-gradient(ellipse 50% 100% at 50% -30%, #ffffff70, #ffffff00);
  background-repeat: no-repeat;
  background-size: 100vw 2000px;
}
.oceanBlueGradient2 {
  background-color: #212529; /* Temel arka plan rengi */
  background-image: radial-gradient(
      ellipse 100% 100% at 50% 50%,
      #00a8e0,
      #4775ff00
    ),
    radial-gradient(ellipse at bottom left, #ffffff40, #ffffff00),
    linear-gradient(to bottom, #00a8e0a6, #4775ff00, #212529);
  background-repeat: no-repeat;
  background-size: cover;
}
.purpleAndBlue2 {
  background-color: #6e428f;
  background-image: linear-gradient(120deg, #6e428f, #7785d9),
    radial-gradient(ellipse 120% 100% at 50% -10%, #0064e040, #4775ff00),
    radial-gradient(ellipse 50% 100% at 50% -30%, #ffffff70, #ffffff00);
  color: #fff;
}

/*Kutu3 başlangıç*/
.kutu3 {
  width: calc(100%);
  height: calc(10vh);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mouse {
  width: calc(4vh);
  height: calc(8vh);
  border: 3.5px solid white;
  border-radius: 2vh;
}
.scrol {
  width: calc(10px);
  height: calc(10px);
  background-color: white;
  position: relative;
  margin-left: calc(2vh - 8.5px);
  margin-top: calc(6vh - 8.5px);
  border-radius: 5px;
  animation: 3.5s kay infinite;
}
@keyframes kay {
  0% {
    margin-top: calc(6vh - 8.5px);
  }
  10% {
    margin-top: calc(6vh - 8.5px);
  }
  50% {
    margin-top: calc(2vh - 8.5px);
  }
  90% {
    margin-top: calc(2vh - 8.5px);
  }
}

.min-1 {
  min-height: 500px;
}
.w-1 {
  width: 50%;
}

/*footer liste özelleştirme*/
footer > div > ul {
  list-style: none;
}
footer > div > ul > li {
  margin-bottom: 10px;
  display: flex;
  color: rgb(158, 158, 158);
  font-size: 14px;
}
footer > div > ul > li > a {
  text-decoration: none;
  color: rgb(158, 158, 158);
  font-size: 14px;
  border-bottom: solid 1px transparent;
}
footer > div > .ul > li > a:hover {
  color: rgb(158, 158, 158);
  border-bottom: solid 1px rgb(158, 158, 158);
}
.h3 {
  margin-bottom: 15px;
  color: rgb(158, 158, 158);
  font-size: 20px;
  font-weight: bold;
}
.fcb:hover,
.tt:hover,
.lnk:hover {
  color: rgb(31, 31, 191);
}
.ins:hover {
  color: rgb(227, 64, 178);
}
.yt:hover {
  color: rgb(255, 30, 30);
}
.ort {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

.beyaz1 {
  color: #ffffffcc;
}
.blur {
  backdrop-filter: blur(5px);
}
.blur1 {
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(5px);
}
.banner {
  font-size: 60px;
}

.bannerE {
  font-weight: bold;
  color: #00569e;
}
.bannerA {
  font-weight: bold;
  color: #e63e4a;
}

@media screen {
  .sidebar {
    background-color: #0a0f20;
  }
}

@media screen and (min-width: 960px) {
  #sonprojeler {
    width: 80%;
  }
  .hizmetler {
    width: 80%;
  }
  #bizeUlasin {
    width: 80%;
  }
  .banner {
    font-size: 15vh;
  }
  #hakkimizda {
    width: 90%;
  }
  .w-1 {
    width: 25%;
  }
}

/*kutu renkleri
1.#photo-editor-section{background-color:#0a0f20;background-image:radial-gradient(ellipse 40% 100% at 60% -10%,rgba(119,138,232,.3),rgba(119,138,232,0));background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}
2.#app-selector-section{background-color:rgba(0,0,0,.1);border-top:1px solid hsla(0,0%,100%,.1);margin-top:50px;padding:50px 0;width:100%;z-index:3}
3.#quick-link-section{background-image:linear-gradient(120deg,#8750ad,#7785d9);background-repeat:no-repeat;color:#fff;min-height:500px;padding:80px 0;position:relative}
4.section.ai{background-color:#0a0f20;color:#fff;display:flex;flex-direction:column;gap:250px;padding:180px 0}
5.section.design{background-color:#0a1920;background-image:radial-gradient(ellipse 120% 100% at 50% -10%,#00a8e0a6,#4775ff00),radial-gradient(ellipse 50% 100% at 50% -30%,#ffffff70,#ffffff00);background-repeat:no-repeat;background-size:100vw 2000px;color:#fff;display:flex;flex-direction:column;gap:250px;padding:180px 0}
6.section.testimonials{background-color:#0a0f20;background-image:radial-gradient(ellipse 50% 100% at 50% -10%,#7889df80,#778ae800);background-repeat:no-repeat;background-size:100% 800px;padding:100px 0;position:relative}
7.section.upsell{background-image:linear-gradient(120deg,#fca90b,#da4e01);background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;gap:250px;padding:130px 0 180px}@media only screen and (max-width:825px){#image-generator-top h1{font-size:1.2rem;line-height:2rem}
8.section.faq{background-color:#6e428f;background-image:linear-gradient(120deg,#6e428f,#7785d9),radial-gradient(ellipse 120% 100% at 50% -10%,#0064e040,#4775ff00),radial-gradient(ellipse 50% 100% at 50% -30%,#ffffff70,#ffffff00);color:#fff;display:flex;flex-direction:column;padding:80px 0 120px}
9.
tr:nth-child(even) tabloda çift satırlar
tr:nth-child(odd) tabloda tek satırlar
*/

/*
          <div class="col-lg-6 m-0 p-2">
            <div
              class="rounded-5 d-block justify-content-center align-items-center m-0 p-0"
              style="
                background-image: url(images/cihazTamiri.jpg);
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
              "
            >
              <div class="rounded-5 blur w-100 m-0 p-4 text-white">
                <h3 class="text-center">Cihaz Tamiri</h3>
                <p class="hizmetler mx-auto p-1">
                  Masaüstü bilgisayarlar, dizüstü bilgisayarlar, tabletler ve
                  akıllı telefonlar için hızlı ve güvenilir tamir hizmetleri
                  sunuyoruz. Donanım ve yazılım sorunlarınızı çözerek
                  cihazlarınızı en iyi performansta kullanmanızı sağlıyoruz.
                </p>
              </div>
            </div>
          </div>*/