.page-iletisim .hero {
  background-image: url("/images/about-us-min-f6158a-1440.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-iletisim .hero > .shade {
  background-color: #1e1810;
  opacity: 0.81;
  transition:
    background 0.3s,
    border-radius 0.3s,
    opacity 0.3s;
}
.page-iletisim .hero {
  transition:
    background 0.3s,
    border 0.3s,
    border-radius 0.3s,
    box-shadow 0.3s;
  padding: 250px 0px 100px 0px;
}
.page-iletisim .hero-col-1-heading {
  text-align: center;
}
.page-iletisim .hero-col-1-heading .heading {
  color: #ffffff;
  font-family: "Google Sans", Sans-serif;
  font-weight: 600;
}
.page-iletisim .contact {
  background-color: #ffffff;
}
.page-iletisim .contact {
  transition:
    background 0.3s,
    border 0.3s,
    border-radius 0.3s,
    box-shadow 0.3s;
  padding: 100px 0px 100px 0px;
}
.page-iletisim .contact > .shade {
  transition:
    background 0.3s,
    border-radius 0.3s,
    opacity 0.3s;
}
.page-iletisim .contact-col-1-heading {
  text-align: center;
}
.page-iletisim .contact-col-1-heading .heading {
  color: #f9c349;
  font-family: "Google Sans", Sans-serif;
  font-weight: 600;
}
.page-iletisim .contact-col-1-heading-2 {
  text-align: center;
}
.page-iletisim .contact-col-1-heading-2 .heading {
  font-family: "Google Sans", Sans-serif;
  font-weight: 600;
}
.page-iletisim .contact-col-1-section {
  padding: 50px 0px 0px 0px;
}
.page-iletisim .contact-col-1-section-col-1 > .stack {
  padding: 20px 20px 20px 20px;
}
.page-iletisim .contact-col-1-section-col-1-card .card-title {
  margin-bottom: 7px;
  font-family: "Google Sans", Sans-serif;
  font-weight: 600;
}
.page-iletisim .contact-col-1-section-col-1-card .card-description {
  font-family: "Google Sans", Sans-serif;
  font-weight: 600;
}
.page-iletisim .contact-col-1-section-col-1-heading .heading {
  font-family: "Google Sans", Sans-serif;
  font-weight: 600;
}
.page-iletisim .contact-col-1-section-col-1-card-2 .card-title {
  margin-bottom: 7px;
  font-family: "Google Sans", Sans-serif;
  font-weight: 600;
}
.page-iletisim .contact-col-1-section-col-1-card-2 .card-description {
  font-family: "Google Sans", Sans-serif;
  font-weight: 600;
}
.page-iletisim .contact-col-1-section-col-1-card-3 .card-title {
  margin-bottom: 7px;
  font-family: "Google Sans", Sans-serif;
  font-weight: 600;
}
.page-iletisim .contact-col-1-section-col-1-card-3 .card-description {
  font-family: "Google Sans", Sans-serif;
  font-weight: 600;
}
.page-iletisim .contact-col-1-section-col-1-card-3 > .content {
  padding: 20px 0px 20px 0px;
}
.page-iletisim .contact-col-1-section-col-1-card-4 .card-title {
  margin-bottom: 7px;
  font-family: "Google Sans", Sans-serif;
  font-weight: 600;
}
.page-iletisim .contact-col-1-section-col-1-card-4 .card-description {
  font-family: "Google Sans", Sans-serif;
  font-weight: 600;
}
.page-iletisim .contact-col-1-divider .divider-line {
  width: 100%;
}
.page-iletisim .contact-col-1-divider .divider {
  padding-block-start: 15px;
  padding-block-end: 15px;
}
.page-iletisim .contact-col-1-divider > .content {
  padding: 50px 0px 0px 0px;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .page-iletisim .contact-col-1-section-col-1 {
    width: 50%;
  }
  .page-iletisim .contact-col-1-section-col-2 {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .page-iletisim .hero {
    padding: 200px 0px 50px 0px;
  }
  .page-iletisim .contact {
    padding: 60px 30px 60px 30px;
  }
  .page-iletisim .contact-col-1-section {
    padding: 50px 0px 0px 0px;
  }
  .page-iletisim .contact-col-1-section-col-1 > .stack {
    padding: 0px 0px 0px 0px;
  }
  .page-iletisim .contact-col-1-section-col-2 > .stack {
    padding: 30px 0px 0px 0px;
  }
}
@media (max-width: 767px) {
  .page-iletisim .hero {
    padding: 100px 0px 50px 0px;
  }
  .page-iletisim .contact {
    padding: 50px 25px 50px 25px;
  }
  .page-iletisim .contact-col-1-section-col-1-card .card {
    text-align: left;
  }
  .page-iletisim .contact-col-1-section-col-1-card-2 .card {
    text-align: left;
  }
  .page-iletisim .contact-col-1-section-col-1-card-3 .card {
    text-align: left;
  }
  .page-iletisim .contact-col-1-section-col-1-card-4 .card {
    text-align: left;
  }
}
@media (min-width: 1025px) {
  .page-iletisim .hero {
    background-attachment: scroll;
  }
}

/* Smaller background assets at mobile widths. */
@media (max-width: 767px) {
  .page-iletisim .hero {
    background-image: url("/images/about-us-min-f6158a-960.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}