:root {
  --body: #151515;
  --yesil: #75DF93;
  --beyaz: rgba(255,255,255,0.703);
  --beyazh: rgba(255,255,255,1);
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow: hidden;
}

@media (min-width: 992px) {
  ::-webkit-scrollbar {
    -webkit-appearance: none;
  }

  ::-webkit-scrollbar:vertical {
    width: 10px;
  }

  ::-webkit-scrollbar:horizontal {
    height: 10px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    border: 0;
  }

  ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: none;
  }
}
.loading {
  background: var(--body);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

html,
body {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: var(--beyaz);
  background: var(--body);
  height: 100%;
}

input,
textarea,
select {
  font-family: "Open Sans", sans-serif;
}

select {
  background: #fff;
}

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.bg {
  background-position: center center !important;
  background-attachment: scroll !important;
  background-size: cover !important;
}

svg {
  width: 1em;
  height: 1em;
  display: block;
}

.cookie {
  width: 100%;
  padding: 30px;
  background: #111;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  align-items: center;
}
@media (max-width: 1200px) {
  .cookie {
    padding: 20px 30px;
  }
}
@media (max-width: 992px) {
  .cookie {
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .cookie {
    padding: 15px;
  }
}
.cookie p {
  max-width: 1050px;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-weight: 400;
  margin-right: 20px;
}
@media (max-width: 1400px) {
  .cookie p {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 992px) {
  .cookie p {
    margin-bottom: 5px;
  }
}
@media (max-width: 576px) {
  .cookie p {
    text-align: center;
    margin-right: 0;
  }
}
.cookie a {
  margin-left: auto;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-width: 1400px) {
  .cookie a {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .cookie a {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}
.cookie a:hover {
  text-decoration: underline;
}
.cookie button {
  height: 55px;
  padding: 0 20px;
  background: #b82525;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border: 0;
  margin-left: 25px;
  transition: 300ms background;
  flex-shrink: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1400px) {
  .cookie button {
    font-size: 14px;
    height: 45px;
  }
}
@media (max-width: 576px) {
  .cookie button {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
}
.cookie button:hover {
  background: #d33636;
}
.cookie span {
  padding: 10px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-left: 30px;
  cursor: pointer;
  transition: 300ms color;
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-width: 1400px) {
  .cookie span {
    font-size: 20px;
    margin-left: 20px;
  }
}
@media (max-width: 576px) {
  .cookie span {
    margin-left: 0;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}
.cookie span:hover {
  color: #b82525;
}

.header {
  width: 247px;
  height: 100%;
  overflow: auto;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 30px 0;
  transition: 300ms transform;
}
@media (max-width: 1400px) {
  .header {
    padding: 20px 0 0;
  }
}
@media (max-width: 992px) {
  .header {
    transform: translateX(-350px);
    background: var(--body);
  }
}
@media (min-width: 992px) {
  .header::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .header::-webkit-scrollbar:vertical {
    width: 3px;
  }
  .header::-webkit-scrollbar:horizontal {
    height: 3px;
  }
  .header::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    border: 0;
  }
  .header::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: none;
  }
}
@media (max-width: 992px) {
  .header.haktif {
    transform: translateX(0);
    z-index: 1000;
  }
}

.logo a {
  max-width: 150px;
  max-height: 250px;
  display: flex;
}
@media (max-width: 1400px) {
  .logo a {
    max-width: 100px;
    max-height: 200px;
  }
}
@media (max-width: 992px) {
  .logo a {
    max-width: 80px;
    max-height: 120px;
  }
}
.logo a img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

div.ustmenu {
  width: 100%;
  margin: 65px 0;
}
@media (max-width: 1400px) {
  div.ustmenu {
    margin: 40px 0;
  }
}
@media (max-width: 992px) {
  div.ustmenu {
    margin: 40px 0 20px;
  }
}
div.ustmenu ul {
  width: 100%;
  display: flex;
  flex-direction: column;
}
div.ustmenu ul li {
  width: 100%;
  padding: 10px 0;
}
@media (max-width: 1400px) {
  div.ustmenu ul li {
    padding: 7px 0;
  }
}
div.ustmenu ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 8px 0;
  justify-content: center;
  color: var(--beyaz);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}
@media (max-width: 992px) {
  div.ustmenu ul li a {
    font-size: 13px;
  }
}
div.ustmenu ul li a::before {
  content: "";
  margin-right: 23px;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #fff;
  opacity: 0;
  box-shadow: -8px 0 0 #fff;
  transition: 300ms opacity, 300ms right;
  position: relative;
  right: 40px;
  pointer-events: none;
}
div.ustmenu ul li a::after {
  content: "";
  margin-left: 23px;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #fff;
  opacity: 0;
  box-shadow: 8px 0 0 #fff;
  transition: 300ms opacity, 300ms left;
  position: relative;
  left: 50px;
  pointer-events: none;
}
div.ustmenu ul li:hover a {
  color: var(--beyazh);
}
div.ustmenu ul li:hover a::before {
  opacity: 0.2;
  right: 0;
}
div.ustmenu ul li:hover a::after {
  opacity: 0.2;
  left: 0;
}
div.ustmenu ul li.current-menu-item a {
  color: var(--beyazh);
}
div.ustmenu ul li.current-menu-item a::before {
  opacity: 0.2;
  right: 0;
}
div.ustmenu ul li.current-menu-item a::after {
  opacity: 0.2;
  left: 0;
}

.cursor {
  width: 40px;
  height: 40px;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  transition: all 300ms ease-out;
  z-index: 9999;
}
@media (max-width: 992px) {
  .cursor {
    display: none;
  }
}

.cursor .cursor-in {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.05);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 200ms all;
}

.cursor .cursor-out {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 200ms all;
}

.magnet {
  transition: transform 0.3s ease;
}

.cursoraktif .cursor-in {
  width: 80px;
  height: 80px;
  border-width: 0;
  background: rgba(255, 255, 255, 0.05);
}

.cursoraktif .cursor-out {
  background-color: #F84525;
}

.sosyalmedya {
  width: 100%;
  display: flex;
  max-width: 95px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: auto;
  margin-bottom: 35px;
}
@media (max-width: 992px) {
  .sosyalmedya {
    max-width: 90px;
  }
}
.sosyalmedya a {
  width: 40px;
  height: 40px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255, 255, 255, 0.18);
  border-radius: 100%;
}
@media (max-width: 992px) {
  .sosyalmedya a {
    margin-top: 10px;
  }
}
.sosyalmedya a svg {
  font-size: 20px;
  color: var(--beyaz);
  transition: 300ms color;
}
.sosyalmedya a:hover {
  border-color: #B9B9B9;
  background: #B9B9B9;
  color: #000;
}
.sosyalmedya a:hover svg {
  color: #000;
}

.anaslider {
  width: 100%;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.anaslider .swiper-wrapper {
  height: 100%;
}
.anaslider::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 71.28%);
  z-index: 9;
  pointer-events: none;
}
.anaslider .sic {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.anaslider .sic picture {
  width: 100%;
  height: 100%;
  display: block;
}
.anaslider .sic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.asi {
  padding: 15px;
  position: absolute;
  right: 25px;
  bottom: 35px;
  z-index: 5;
}

.asg {
  padding: 15px;
  position: absolute;
  right: 85px;
  bottom: 35px;
  z-index: 5;
}

.salink {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.salink::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #fff;
  opacity: 0.25;
}
.salink::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #fff;
  opacity: 0.5;
  margin-left: 3px;
  transition: 300ms transform, 300ms margin;
}
.salink:hover::after {
  transform: scale(2);
  margin-left: 10px;
}

.solink {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.solink::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #fff;
  opacity: 0.5;
  margin-right: 3px;
  transition: 300ms transform, 300ms margin;
}
.solink::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #fff;
  opacity: 0.25;
}
.solink:hover::before {
  transform: scale(2);
  margin-right: 10px;
}

.mheader {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  padding: 15px 0;
  display: none;
}
@media (max-width: 992px) {
  .mheader {
    display: block;
  }
}
@media (max-width: 576px) {
  .mheader {
    padding: 15px 5px;
  }
}

.mhic {
  width: 100%;
  display: flex;
  align-items: center;
}

.mlogo {
  max-width: 80px;
  max-height: 100px;
}
.mlogo a {
  max-width: 100%;
  max-height: 100%;
}
.mlogo a img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.mac {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #B9B9B9;
  margin-left: auto;
  border-radius: 100%;
  cursor: pointer;
}
.mac em {
  width: 25px;
  height: 2px;
  margin: 2.5px 0;
  background: #000;
}
.mac em:nth-child(2) {
  width: 20px;
  margin-left: 5px;
}

.mgolge {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.icerikler {
  width: 100%;
  padding-left: 300px;
  display: inline-block;
  padding-right: 53px;
}
@media (max-width: 992px) {
  .icerikler {
    padding-left: 0;
    padding-right: 0;
    padding-top: 120px;
  }
}
.icerikler .container {
  position: relative;
}

.nokta {
  background: url(../images/nokta.svg) repeat;
  max-width: 0;
  transition: 800ms max-width ease-in-out;
  transition-delay: 1s;
  pointer-events: none;
  position: absolute;
}

.naktif {
  max-width: 250px;
}

.nokta1 {
  width: 189px;
  height: 128px;
  top: 34px;
  left: 17.3958%;
  z-index: 99;
}
@media (max-width: 1400px) {
  .nokta1 {
    left: 23%;
  }
}
@media (max-width: 992px) {
  .nokta1 {
    left: 30%;
    top: 10px;
    background-size: 10px;
    width: 130px;
    height: 80px;
  }
}
@media (max-width: 576px) {
  .nokta1 {
    left: 40%;
    top: 5px;
    background-size: 10px;
    width: 100px;
    height: 50px;
  }
}

.nokta2 {
  width: 128px;
  height: 189px;
  bottom: 19%;
  right: 45px;
  z-index: 99;
}
@media (max-width: 992px) {
  .nokta2 {
    right: 10px;
    background-size: 10px;
    width: 80px;
    height: 130px;
  }
}

.baslik {
  margin-top: 80px;
  position: relative;
}
@media (max-width: 1400px) {
  .baslik {
    margin-top: 45px;
  }
}
@media (max-width: 576px) {
  .baslik {
    margin-top: 30px;
  }
}
.baslik .nokta {
  width: 189px;
  height: 128px;
  left: -71px;
  top: -48px;
}
@media (max-width: 1400px) {
  .baslik .nokta {
    width: 150px;
    height: 100px;
    top: -25px;
    left: -45px;
  }
}
@media (max-width: 992px) {
  .baslik .nokta {
    background-size: 10px;
  }
}
@media (max-width: 576px) {
  .baslik .nokta {
    left: -10px;
    width: 100px;
    height: 70px;
    top: -20px;
  }
}
.baslik .title {
  font-size: 64px;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 1400px) {
  .baslik .title {
    font-size: 48px;
    max-width: 600px;
  }
}
@media (max-width: 992px) {
  .baslik .title {
    font-size: 38px;
    max-width: 450px;
  }
}
@media (max-width: 768px) {
  .baslik .title {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .baslik .title {
    font-size: 36px;
  }
}
.baslik span {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  background: rgba(255, 255, 255, 0.03);
  padding: 10px 20px;
  margin-top: 30px;
  display: inline-flex;
}
@media (max-width: 1400px) {
  .baslik span {
    font-size: 16px;
    padding: 7px 15px;
    margin-top: 20px;
  }
}

.unokta1 {
  width: 128px;
  height: 189px;
  right: 148px;
  top: 32px;
}
@media (max-width: 1400px) {
  .unokta1 {
    width: 100px;
    height: 150px;
    top: 15px;
    right: 120px;
  }
}
@media (max-width: 992px) {
  .unokta1 {
    background-size: 10px;
  }
}
@media (max-width: 576px) {
  .unokta1 {
    width: 80px;
    height: 120px;
    top: -95px;
    right: 100px;
  }
}

.unokta2 {
  width: 128px;
  height: 189px;
  right: 0;
  top: 162px;
}
@media (max-width: 1400px) {
  .unokta2 {
    width: 100px;
    height: 150px;
    top: 120px;
  }
}
@media (max-width: 992px) {
  .unokta2 {
    background-size: 10px;
  }
}
@media (max-width: 576px) {
  .unokta2 {
    width: 80px;
    height: 120px;
    top: -30px;
    right: 10px;
  }
}

.icmenu {
  width: 100%;
  margin-top: 45px;
}
.icmenu ul {
  display: flex;
  align-items: center;
}
.icmenu ul li {
  position: relative;
  margin-right: 50px;
  text-align: center;
}
@media (max-width: 576px) {
  .icmenu ul li {
    width: 50%;
    margin-right: 0;
  }
}
.icmenu ul li a {
  font-size: 24px;
  font-weight: 400;
  color: var(--beyaz);
}
@media (max-width: 1400px) {
  .icmenu ul li a {
    font-size: 21px;
  }
}
@media (max-width: 576px) {
  .icmenu ul li a {
    font-size: 16px;
    padding: 0 10px;
    width: 100%;
    display: block;
    text-align: center;
  }
}
.icmenu ul li:hover a {
  color: #fff;
}
.icmenu ul li.current-menu-item a {
  color: #fff;
}
.icmenu ul li.current-menu-item::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -30px;
  width: 15px;
  height: 17px;
  background: url(../images/aok.svg) center center no-repeat;
  background-size: 100%;
}

.projeler {
  width: 100%;
  padding: 75px 50px 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .projeler {
    padding-bottom: 0;
  }
}
@media (max-width: 992px) {
  .projeler {
    padding: 75px 0 20px;
  }
}

.proje {
  position: relative;
  width: 100%;
  max-width: 46.16%;
  margin-bottom: 110px;
  margin-top: -290px;
}
@media (max-width: 1400px) {
  .proje {
    margin-bottom: 80px;
  }
}
@media (max-width: 992px) {
  .proje {
    margin-top: -170px;
  }
}
@media (max-width: 576px) {
  .proje {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 40px;
  }
}
.proje .nokta {
  width: 128px;
  height: 189px;
  top: -30px;
  right: -30px;
}
@media (max-width: 992px) {
  .proje .nokta {
    width: 90px;
    height: 130px;
    background-size: 10px;
    top: -20px;
    right: -20px;
  }
}
@media (max-width: 576px) {
  .proje .nokta {
    top: -10px;
    right: -10px;
  }
}
.proje .presim {
  width: 100%;
  padding-bottom: 106.4798%;
  position: relative;
  transition: 500ms transform;
  overflow: hidden;
}
.proje .presim::before {
  content: "";
  width: 250px;
  height: 130%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.46) 48.96%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: -100%;
  top: -10%;
  z-index: 1;
  opacity: 0.04;
  transform: rotate(20deg);
  transition: 1000ms left;
  pointer-events: none;
}
@media (max-width: 576px) {
  .proje .presim::before {
    display: none;
  }
}
.proje .presim a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.proje .presim a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proje .pic {
  position: absolute;
  left: -30px;
  bottom: 50px;
  background: #B9B9B9;
  padding: 32px 79px 32px 32px;
  pointer-events: none;
  max-width: 80%;
  z-index: 2;
}
@media (max-width: 1400px) {
  .proje .pic {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  .proje .pic {
    max-width: 95%;
    padding: 15px 20px;
  }
}
@media (max-width: 768px) {
  .proje .pic {
    bottom: 10px;
    left: -10px;
  }
}
@media (max-width: 576px) {
  .proje .pic {
    bottom: 30px;
  }
}
.proje .pic .ptitle {
  font-size: 24px;
  font-weight: 400;
  color: #000;
}
@media (max-width: 1400px) {
  .proje .pic .ptitle {
    font-size: 21px;
  }
}
@media (max-width: 1200px) {
  .proje .pic .ptitle {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .proje .pic .ptitle {
    font-size: 16px;
  }
}
.proje .pic span {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin-top: 10px;
  display: block;
  text-transform: uppercase;
}
@media (max-width: 1400px) {
  .proje .pic span {
    font-size: 12px;
    margin-top: 8px;
  }
}
@media (max-width: 1200px) {
  .proje .pic span {
    margin-top: 5px;
  }
}
@media (max-width: 768px) {
  .proje .pic span {
    font-size: 10px;
  }
}
.proje:hover .presim {
  transform: scale(0.95);
}
@media (max-width: 576px) {
  .proje:hover .presim {
    transform: scale(1);
  }
}
.proje:hover .presim::before {
  left: 120%;
  width: 250px;
}
.proje:nth-child(2n+2) {
  margin-top: 0;
}
.proje:nth-child(2n+2) .pic {
  left: auto;
  right: -30px;
}
@media (max-width: 768px) {
  .proje:nth-child(2n+2) .pic {
    right: -10px;
  }
}
.proje:nth-child(2) {
  margin-top: 283px;
}
@media (max-width: 992px) {
  .proje:nth-child(2) {
    margin-top: 150px;
  }
}
@media (max-width: 576px) {
  .proje:nth-child(2) {
    margin-top: 0;
  }
}
.proje:nth-child(1) {
  margin-top: 0;
}

.sayfalama {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sayfalama div {
  margin: 0 10px;
}
.sayfalama div a {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 20px;
}
.sayfalama div a::before {
  content: "";
  width: 17px;
  height: 17px;
  border-radius: 100%;
}
.sayfalama div a::after {
  content: "";
  width: 17px;
  height: 17px;
  border-radius: 100%;
}
.sayfalama .onceki a::before {
  background: #fff;
  opacity: 0.5;
  margin-right: 7px;
  transition: 300ms transform, 300ms left;
  position: relative;
  left: 0;
}
.sayfalama .onceki a::after {
  background: #fff;
  opacity: 0.25;
}
.sayfalama .onceki a:hover::before {
  transform: scale(2);
  left: -5px;
}
.sayfalama .sonraki a::before {
  background: #fff;
  opacity: 0.25;
}
.sayfalama .sonraki a::after {
  background: #fff;
  opacity: 0.5;
  margin-left: 7px;
  transition: 300ms transform, 300ms left;
  position: relative;
  left: 0;
}
.sayfalama .sonraki a:hover::after {
  transform: scale(2);
  left: 5px;
}

.footer {
  width: 100%;
  padding-top: 33px;
  padding-bottom: 90px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-top: 4px solid rgba(255, 255, 255, 0.06);
  margin-top: 50px;
}
@media (max-width: 1200px) {
  .footer {
    padding-bottom: 50px;
    padding-top: 20px;
    margin-top: 50px;
  }
}
@media (max-width: 576px) {
  .footer {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}
.footer p {
  font-size: 14px;
  font-weight: 400;
  color: var(--beyaz);
}
@media (max-width: 576px) {
  .footer p {
    text-align: center;
  }
}
.footer a {
  font-size: 35px;
  color: #fff;
  opacity: 0.3;
  transition: 300ms all;
}
@media (max-width: 576px) {
  .footer a {
    margin-top: 15px;
  }
}
.footer a:hover {
  opacity: 0.5;
}

.geri {
  display: inline-flex;
  align-items: center;
  padding: 7px 0;
  position: relative;
  margin-top: 10px;
}
.geri:hover .solink::before {
  transform: scale(2);
  margin-right: 10px;
}
.geri a {
  font-size: 16px;
  font-weight: 700;
  color: var(--beyaz);
  margin-left: 11px;
}
.geri a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.paylas {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 89px;
}
@media (max-width: 1400px) {
  .paylas {
    top: 60px;
  }
}
@media (max-width: 768px) {
  .paylas {
    top: 10px;
  }
}
@media (max-width: 576px) {
  .paylas {
    top: 7px;
    right: 20px;
  }
}
.paylas span {
  font-size: 17px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.37);
  margin-right: 10px;
}
@media (max-width: 768px) {
  .paylas span {
    font-size: 14px;
  }
}
.paylas .sosyalmedya {
  max-width: none;
  margin: 0;
}
.paylas .sosyalmedya a {
  margin-top: 0;
  margin-left: 10px;
}

.not {
  width: 100%;
  position: relative;
  z-index: 2;
  margin-top: 51px;
}
@media (max-width: 768px) {
  .not {
    margin-top: 40px;
  }
}
.not .notic {
  position: absolute;
  right: 49px;
  top: -61px;
  background: #B9B9B9;
  padding: 27px;
  max-width: 394px;
}
@media (max-width: 1400px) {
  .not .notic {
    padding: 20px;
    top: -50px;
    right: 30px;
  }
}
@media (max-width: 768px) {
  .not .notic {
    width: 100%;
    max-width: 100%;
    padding: 15px 20px;
    position: relative;
    right: 0;
    top: 0;
  }
}
.not .notic p {
  font-size: 18px;
  line-height: 29px;
  font-weight: 400;
  color: #000;
}
@media (max-width: 1400px) {
  .not .notic p {
    font-size: 16px;
    line-height: 27px;
  }
}
@media (max-width: 768px) {
  .not .notic p {
    font-size: 14px;
    line-height: 22px;
  }
}

.detaysliders {
  width: 100%;
  position: relative;
  z-index: 1;
}

.detayslider {
  width: 100%;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.detayslider .dic {
  width: 100%;
  padding-bottom: 52.9506%;
  overflow: hidden;
}
@media (max-width: 576px) {
  .detayslider .dic {
    padding-bottom: 65%;
  }
}
.detayslider .dic picture {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.detayslider .dic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dsi {
  padding: 15px;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
@media (max-width: 576px) {
  .dsi {
    right: 0;
  }
}

.dsg {
  padding: 15px;
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
@media (max-width: 576px) {
  .dsg {
    left: 0;
  }
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px;
  }
}

.swiper-pagination-bullet {
  width: 8px;
  height: 13px;
  border-radius: 4px;
  opacity: 0.25;
  background: #fff;
  transition: 300ms all;
}
@media (max-width: 768px) {
  .swiper-pagination-bullet {
    width: 5px;
    height: 9px;
  }
}

.swiper-pagination-bullet-active {
  opacity: 0.4;
  height: 25px;
}
@media (max-width: 768px) {
  .swiper-pagination-bullet-active {
    height: 15px;
  }
}

.dsnokta {
  right: -53px;
  top: -101px;
  width: 128px;
  height: 189px;
}
@media (max-width: 768px) {
  .dsnokta {
    right: -15px;
    top: -120px;
  }
}
@media (max-width: 576px) {
  .dsnokta {
    background-size: 10px;
    right: -10px;
    top: -130px;
  }
}

.tipo h1, .tipo h3, .tipo h2, .tipo h4, .tipo h5, .tipo h6 {
  font-weight: 700;
  color: var(--beyaz);
  margin-bottom: 30px;
}
.tipo img {
  width: 100%;
  margin-bottom: 30px;
}
.tipo h1 {
  font-size: 36px;
}
@media (max-width: 1400px) {
  .tipo h1 {
    font-size: 30px;
  }
}
.tipo h2 {
  font-size: 30px;
}
@media (max-width: 1400px) {
  .tipo h2 {
    font-size: 24px;
  }
}
.tipo h3 {
  font-size: 24px;
}
@media (max-width: 1400px) {
  .tipo h3 {
    font-size: 20px;
  }
}
.tipo h4 {
  font-size: 20px;
}
@media (max-width: 1400px) {
  .tipo h4 {
    font-size: 18px;
  }
}
.tipo h5 {
  font-size: 18px;
}
@media (max-width: 1400px) {
  .tipo h5 {
    font-size: 16px;
  }
}
.tipo h6 {
  font-size: 16px;
}
@media (max-width: 1400px) {
  .tipo h6 {
    font-size: 14px;
  }
}
.tipo p {
  font-weight: 400;
  color: var(--beyaz);
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 29px;
}
@media (max-width: 1400px) {
  .tipo p {
    font-size: 16px;
    line-height: 24px;
  }
}
.tipo a {
  color: var(--yesil);
}
.tipo a:hover {
  text-decoration: underline;
}
.tipo ul, .tipo ol {
  margin-bottom: 30px;
  list-style-type: square;
  list-style-position: unset;
  padding-left: 25px;
}
.tipo ul li, .tipo ol li {
  font-weight: 400;
  color: var(--beyaz);
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 29px;
}
@media (max-width: 1400px) {
  .tipo ul li, .tipo ol li {
    font-size: 16px;
    line-height: 24px;
  }
}
.tipo ol {
  list-style-type: disc;
}
.tipo blockquote {
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.06);
  color: var(--beyaz);
  margin-bottom: 20px;
}
@media (max-width: 1400px) {
  .tipo blockquote {
    font-size: 16px;
  }
}

.detay {
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .detay {
    flex-wrap: wrap;
  }
}

.dsol {
  padding-top: 110px;
  flex: 1;
  padding-right: 60px;
}
@media (max-width: 768px) {
  .dsol {
    padding-top: 40px;
    padding-right: 0;
    width: 100%;
    flex: none;
  }
}

.dsanokta {
  width: 189px;
  height: 128px;
  left: -40px;
  top: -42px;
}
@media (max-width: 576px) {
  .dsanokta {
    background-size: 10px;
    left: -10px;
  }
}

.dsag {
  width: 390px;
}
@media (max-width: 1200px) {
  .dsag {
    width: 300px;
  }
}
@media (max-width: 768px) {
  .dsag {
    width: 100%;
  }
}

.bilgi {
  display: flex;
  align-items: center;
  height: 110px;
  justify-content: center;
  position: relative;
}
.bilgi svg {
  font-size: 27px;
  color: var(--yesil);
  margin-right: 11px;
}
.bilgi a {
  font-size: 14px;
  font-weight: 600;
  color: var(--beyaz);
  margin-right: 13px;
}
.bilgi a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.bilgi .salink::after {
  position: relative;
  left: 0;
  transition: 300ms all;
}
.bilgi:hover a {
  color: #fff;
}
.bilgi:hover .salink::after {
  transform: scale(2);
  left: 5px;
}

.ozellikler {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.ozellikler span {
  width: calc(50% - 1.5px);
  margin-bottom: 3px;
  background: rgba(255, 255, 255, 0.041);
  height: 106px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
@media (max-width: 1400px) {
  .ozellikler span {
    height: 90px;
  }
}
.ozellikler span.tam {
  width: 100%;
}
.ozellikler span em {
  font-style: normal;
  font-size: 15px;
  font-weight: 400;
  color: var(--beyaz);
  margin-bottom: 11px;
}
@media (max-width: 1400px) {
  .ozellikler span em {
    font-size: 13px;
    margin-bottom: 8px;
  }
}
.ozellikler span b {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: var(--beyaz);
  max-height: 44px;
  overflow: hidden;
}
@media (max-width: 1400px) {
  .ozellikler span b {
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
  }
}
.ozellikler span b.tamamlandi {
  color: var(--yesil);
}
.ozellikler span b.devamediyor {
  color: #DF735B;
}

.onokta {
  width: 189px;
  height: 128px;
  right: 0;
  bottom: -200px;
}
@media (max-width: 576px) {
  .onokta {
    background-size: 10px;
    bottom: -150px;
  }
}

.baslik1 {
  width: 100%;
  position: relative;
}
.baslik1 .b1nokta {
  width: 128px;
  height: 189px;
  left: 0;
  top: -131px;
}
@media (max-width: 1400px) {
  .baslik1 .b1nokta {
    width: 100px;
    height: 150px;
    top: -80px;
  }
}
@media (max-width: 576px) {
  .baslik1 .b1nokta {
    background-size: 10px;
  }
}
.baslik1 .ictitle {
  font-size: 36px;
  font-weight: 400;
  color: var(--beyaz);
  padding-left: 37px;
}
@media (max-width: 1400px) {
  .baslik1 .ictitle {
    font-size: 30px;
  }
}
@media (max-width: 576px) {
  .baslik1 .ictitle {
    padding-left: 20px;
  }
}

.ilgilibaslik {
  margin-top: 179px;
  margin-bottom: 20px;
}
@media (max-width: 1400px) {
  .ilgilibaslik {
    margin-top: 150px;
  }
}
@media (max-width: 576px) {
  .ilgilibaslik {
    margin-top: 130px;
  }
}

.hakkimizda {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-top: 51px;
  padding-bottom: 100px;
}
@media (max-width: 1400px) {
  .hakkimizda {
    padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .hakkimizda {
    flex-direction: column;
  }
}

.hsol {
  flex: 1;
}
@media (max-width: 768px) {
  .hsol {
    flex: none;
    width: 100%;
  }
}

.hsic {
  margin-bottom: 11px;
  width: 100%;
}
@media (max-width: 1400px) {
  .hsic {
    margin-bottom: 0;
  }
}

.hgrup {
  width: 100%;
  margin-top: 63px;
  padding-left: 55px;
  position: relative;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1400px) {
  .hgrup {
    margin-top: 50px;
  }
}
@media (max-width: 1200px) {
  .hgrup {
    margin-top: 30px;
  }
}
@media (max-width: 576px) {
  .hgrup {
    padding-left: 25px;
  }
}
.hgrup::before {
  content: "";
  width: 9px;
  height: 100%;
  left: 12px;
  top: 0;
  position: absolute;
  background: #fff;
  opacity: 0.05;
  border-radius: 5px;
}
@media (max-width: 576px) {
  .hgrup::before {
    width: 5px;
    left: 0;
  }
}
.hgrup .hgtitle {
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
}
@media (max-width: 1200px) {
  .hgrup .hgtitle {
    font-size: 22px;
    margin-bottom: 20px;
  }
}

.hsag {
  width: 360px;
  margin-left: 90px;
}
@media (max-width: 1400px) {
  .hsag {
    margin-left: 70px;
    width: auto;
  }
}
@media (max-width: 768px) {
  .hsag {
    width: 100%;
    margin-left: 0;
    margin-top: 80px;
  }
}

.hresim {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .hresim {
    flex-direction: row;
  }
}
.hresim img {
  display: block;
  position: relative;
}
.hresim img:nth-child(1) {
  width: 248px;
  height: 244px;
}
@media (max-width: 1400px) {
  .hresim img:nth-child(1) {
    width: 200px;
    height: 196px;
  }
}
@media (max-width: 1200px) {
  .hresim img:nth-child(1) {
    width: 150px;
    height: 146px;
  }
}
@media (max-width: 768px) {
  .hresim img:nth-child(1) {
    width: 30%;
    height: 150px;
  }
}
.hresim img:nth-child(2) {
  width: 319px;
  height: 325px;
  z-index: 1;
  margin-left: 106px;
  margin-top: -43px;
}
@media (max-width: 1400px) {
  .hresim img:nth-child(2) {
    width: 260px;
    height: 266px;
    margin-left: 60px;
    margin-top: -30px;
  }
}
@media (max-width: 1200px) {
  .hresim img:nth-child(2) {
    width: 200px;
    height: 206px;
    margin-left: 50px;
    margin-top: -20px;
  }
}
@media (max-width: 768px) {
  .hresim img:nth-child(2) {
    width: 40%;
    height: 200px;
    margin-left: 0;
  }
}
.hresim img:nth-child(3) {
  width: 291px;
  height: 286px;
  z-index: 2;
  margin-top: -55px;
}
@media (max-width: 1400px) {
  .hresim img:nth-child(3) {
    width: 230px;
    height: 224px;
    margin-top: -30px;
  }
}
@media (max-width: 1200px) {
  .hresim img:nth-child(3) {
    width: 190px;
    height: 186px;
    margin-top: -20px;
  }
}
@media (max-width: 768px) {
  .hresim img:nth-child(3) {
    width: 30%;
    height: 150px;
    margin-top: 0;
  }
}

.ekibimiz {
  width: 100%;
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.ekip {
  width: calc(33.33333% - 4%);
  margin-right: 6%;
  margin-bottom: 75px;
  position: relative;
}
@media (max-width: 1200px) {
  .ekip {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .ekip {
    width: calc(50% - 4%);
  }
}
@media (max-width: 576px) {
  .ekip {
    width: 100%;
    margin-right: 0;
  }
}
.ekip:nth-child(3n+3) {
  margin-right: 0;
}
@media (max-width: 768px) {
  .ekip:nth-child(3n+3) {
    margin-right: 6%;
  }
}
@media (max-width: 576px) {
  .ekip:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .ekip:nth-child(2n+2) {
    margin-right: 0;
  }
}
.ekip .eknokta {
  width: 128px;
  height: 189px;
  top: -28px;
  right: -28px;
}
@media (max-width: 992px) {
  .ekip .eknokta {
    background-size: 10px;
    right: -10px;
    top: -15px;
  }
}
.ekip .eresim {
  width: 100%;
  padding-bottom: 130.083%;
  position: relative;
  transition: 500ms transform;
  overflow: hidden;
}
.ekip .eresim::before {
  content: "";
  width: 250px;
  height: 130%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.46) 48.96%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: -100%;
  top: -10%;
  z-index: 1;
  opacity: 0.04;
  transform: rotate(20deg);
  transition: 1000ms left;
  pointer-events: none;
}
@media (max-width: 576px) {
  .ekip .eresim::before {
    display: none;
  }
}
.ekip .eresim img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.ekip .eic {
  position: absolute;
  left: -15px;
  bottom: 35px;
  background: #B9B9B9;
  display: flex;
  flex-direction: column;
  padding: 15px 55px 15px 25px;
  max-width: 90%;
}
@media (max-width: 1200px) {
  .ekip .eic {
    max-width: 90%;
    padding: 10px 15px;
  }
}
@media (max-width: 768px) {
  .ekip .eic {
    left: -10px;
  }
}
.ekip .eic .etitle {
  font-size: 22px;
  font-weight: 400;
  color: #000;
}
@media (max-width: 1400px) {
  .ekip .eic .etitle {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .ekip .eic .etitle {
    font-size: 16px;
  }
}
.ekip .eic span {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  margin-top: 8px;
  text-transform: uppercase;
}
@media (max-width: 1400px) {
  .ekip .eic span {
    font-size: 11px;
    margin-top: 5px;
  }
}
.ekip:hover .eresim {
  transform: scale(0.95);
}
@media (max-width: 576px) {
  .ekip:hover .eresim {
    transform: scale(1);
  }
}
.ekip:hover .eresim::before {
  left: 120%;
  width: 250px;
}

.partnerler {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 70px;
}
@media (max-width: 992px) {
  .partnerler {
    padding-top: 40px;
  }
}
.partnerler .partner {
  width: calc(33.33333% - 30px);
  height: 250px;
  margin-right: 30px;
  margin-bottom: 30px;
  background: rgba(255, 255, 255, 0.05);
  display: block;
  overflow: hidden;
}
@media (max-width: 1400px) {
  .partnerler .partner {
    height: 190px;
  }
}
@media (max-width: 1200px) {
  .partnerler .partner {
    width: calc(33.33333% - 20px);
    height: 150px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .partnerler .partner {
    width: calc(50% - 20px);
    height: 150px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .partnerler .partner {
    width: 100%;
    height: 130px;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.partnerler .partner::before {
  content: "";
  width: 250px;
  height: 130%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.46) 48.96%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: -100%;
  top: -10%;
  z-index: 1;
  opacity: 0.04;
  transform: rotate(20deg);
  transition: 1000ms left;
  pointer-events: none;
}
@media (max-width: 576px) {
  .partnerler .partner::before {
    display: none;
  }
}
.partnerler .partner a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partnerler .partner a img {
  max-width: 80%;
  max-height: 80%;
  display: block;
  opacity: 0.5;
  transition: 300ms opacity;
}
@media (max-width: 1400px) {
  .partnerler .partner a img {
    max-width: 60%;
    max-height: 60%;
  }
}
.partnerler .partner:hover::before {
  left: 120%;
  width: 250px;
}
.partnerler .partner:hover img {
  opacity: 1;
}

.iletisim {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 70px;
  min-height: 690px;
}
@media (max-width: 1400px) {
  .iletisim {
    min-height: 500px;
  }
}
@media (max-width: 992px) {
  .iletisim {
    padding-top: 40px;
  }
}

.isol {
  width: 45%;
  padding-right: 30px;
  padding-top: 40px;
}
@media (max-width: 768px) {
  .isol {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .isol {
    padding-top: 0;
  }
}
.isol .sosyalmedya {
  margin-bottom: 0;
  margin-top: 30px;
}

.isag {
  width: 55%;
}
@media (max-width: 768px) {
  .isag {
    width: 100%;
    margin-top: 50px;
  }
}

.adres {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.home {
  width: 100%;
  display: flex;
  margin-bottom: 15px;
}
.home svg {
  font-size: 24px;
  color: var(--beyaz);
  flex-shrink: 0;
}
.home span {
  margin-left: 14px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.home span p {
  max-width: 411px;
  font-size: 18px;
  font-weight: 400;
  color: var(--beyaz);
}
@media (max-width: 1400px) {
  .home span p {
    font-size: 16px;
  }
}
.home span a {
  display: flex;
  align-items: center;
  padding: 0 24px 0 16px;
  border: 1px solid var(--beyaz);
  font-size: 13px;
  font-weight: 600;
  color: var(--beyaz);
  height: 37px;
  margin-top: 12px;
}
.home span a svg {
  font-size: 20px;
  color: var(--beyaz);
  margin-right: 6px;
  transition: 300ms color;
}
.home span a:hover {
  background: #B9B9B9;
  color: #000;
}
.home span a:hover svg {
  color: #000;
}

.aalan {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1400px) {
  .aalan {
    margin-top: 13px;
  }
}
.aalan span {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.aalan span svg {
  font-size: 24px;
  flex-shrink: 0;
  color: var(--beyaz);
}
.aalan span a {
  margin-left: 14px;
  font-size: 18px;
  font-weight: 400;
  color: var(--beyaz);
}
@media (max-width: 1400px) {
  .aalan span a {
    font-size: 16px;
  }
}

.iform {
  position: relative;
  padding: 45px;
  max-width: 465px;
}
@media (max-width: 1400px) {
  .iform {
    max-width: 430px;
  }
}
@media (max-width: 768px) {
  .iform {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .iform {
    padding: 25px;
    margin-bottom: 40px;
  }
}
.iform .ilnokta {
  width: 128px;
  height: 100%;
  left: 0;
  top: 0;
}

.ialan {
  position: relative;
  margin-bottom: 2px;
  background: var(--body);
}
.wpcf7-form-control-wrap{
  display: block;
}
.ialan .wpcf7-not-valid-tip {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 11px;
  font-weight: 700;
  color: #eb3636;
  pointer-events: none;
}
.ialan .itext {
  width: 100%;
  border: 0;
  height: 55px;
  line-height: 55px;
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  padding: 0 20px;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 1400px) {
  .ialan .itext {
    height: 45px;
    line-height: 45px;
    font-size: 13px;
  }
}
.ialan .itext::placeholder {
  color: #fff;
  opacity: 0.3;
}
.ialan .itext:focus::placeholder {
  opacity: 0;
}
.ialan .iarea {
  width: 100%;
  border: 0;
  height: 135px;
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  padding: 20px;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 1400px) {
  .ialan .iarea {
    height: 110px;
    font-size: 13px;
    padding: 15px 20px;
  }
}
.ialan .iarea::placeholder {
  color: #fff;
  opacity: 0.3;
}
.ialan .iarea:focus::placeholder {
  opacity: 0;
}

.ibutons {
  width: 100%;
  display: flex;
  position: relative;
  z-index: 1;
}
.ibutons .ibuton {
  cursor: pointer;
  border: 0;
  height: 48px;
  padding: 0 40px;
  font-size: 14px;
  font-weight: 700;
  background: var(--yesil);
  color: #000;
  position: absolute;
  right: 10px;
  top: -18px;
  transition: 300ms top;
}
.ibutons .ibuton:hover {
  top: -23px;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 20px 10px 10px;
  border: 0 solid #00a0d2; /* Blue */
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450; /* Green */
  color: #46b450;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #dc3232; /* Red */
  color: #dc3232;
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28; /* Orange */
  color: #f56e28;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #ffb900; /* Yellow */
  color: #ffb900;
}