.deneme {
      position: absolute;
      z-index: 50;
      right: -2rem;
      bottom: -2rem;
      padding: 0.5rem;
      background-color: white;
      width: min-content;
      height: auto;
      /* border-radius: 0.5rem; */
      box-shadow: 0px 1px 15px 0px rgb(0 0 0 / 12%);
      min-width: 8rem;
      text-align: left;
  }
b, strong {
    font-weight: bold;
}
.text-justify {
  text-align: justify;
}
  .solution-cards {
      position: relative;
      transition: all .5s ease-in;
  }


  .ov-img {
      display: block;
      width: 100%;
      height: auto;
      /* filter: grayscale(1); */
      margin-bottom: 1rem;
  }

  .sol-ov {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      visibility: none;
      transition: .5s ease;
      background-color: #00000069;

  }

  .solution-cards:hover .sol-ov {
      opacity: 1;
  }

  .solution-cards:hover .ov-img {
      filter: grayscale(0);
  }

  .ov-text {
      padding-top: 1rem;
      color: white;
      font-size: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 95%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
  }



  .ov-buton {
      background-color: #f05328;
      padding: 1.5rem;
      margin-top: 2rem;
      display: inline-block;
      color: white;
      text-decoration: none;
  }

  .social-link {
      width: 1rem;
      height: 1rem;
      display: block;
      text-align: center;
  }

  .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      transition: 0.5s ease;
      background: rgb(255, 255, 255);
      background: linear-gradient(222deg, rgb(0 0 0 / 0%) 0, rgba(0, 0, 0, 0.49343487394957986) 59%);
  }

  .card-solution-1 {
      position: relative;
      transition: all 0.5s ease-in;
  }

  .card_overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      visibility: none;
      transition: 0.5s ease;
      background-color: #00000041;
  }

  .card-solution-1:hover .solution-title-1 {
      display: none;
  }

  .card-solution-1:hover .card_overlay {
      opacity: 1;
  }

  .position-text {
      position: relative;
      top: inherit;
      right: 6rem;
      text-align: left;
      width: 49%;
  }

  .title-slider-1 {
      font-weight: 500;
      /* margin-bottom: 1rem; */
      font-size: 2rem;
  }

  .title-slider-2 {
      font-size: 2rem;
  }

  .btn-slider-1 {
      border: 1px solid #ffffff63;
      background-color: none;
      color: white;
      /* padding-left: 2rem; */
      /* padding-right: 2rem; */
      /* padding-top: 1rem; */
      /* padding-bottom: 1rem; */
      padding: 0.7rem 2rem;
      font-weight: 400;
  }

  .btn-slider-1:hover {
      border: 1px solid white;
      background-color: white;
      color: black;
  }

  .btn-slider-2 {
      border: 1px solid #3c4244;
      background-color: #3c4244;
      color: white;
      padding: 0.7rem 2rem;
  }

  .btn-slider-2:hover {
      border: 1px solid #ffffff;
      color: black;
      background: white;
  }

  .header {
      position: relative;
      left: 0;
      width: 100%;
      z-index: 50;
  }

  .card-solution-1 {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: local;
      height: 25rem;
  }

  .card-text-content-solution-1 {
      margin-top: 10rem;
      position: absolute;
      bottom: 2rem;
      left: 2rem;
      right: 2rem;
      padding: 0rem 1rem;
  }

  .btn-çözümler {
      border: 1px solid white;
      color: white;
  }

  .btn-çözümler:hover {
      background-color: white;
      color: black;
  }

  .bakground-about {
      background-image: url("../img/about-1.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: local;
      /* width: 45rem; */
      height: 50rem;
  }

  .position-oval {
      position: absolute;
      right: 0;
      bottom: -4rem;
  }

  .caption-2 {
      position: relative;
      background-color: white;
      top: 20rem;
      padding: 0.5rem;
      left: 22rem;
      width: 110px;
      height: 110px;
      border-radius: 0.5rem;
      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.42);
  }

  .project-container {
      position: relative;
      transition: all .5s ease-in;


  }


  .card__overlay-1 {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100% width: 100%;
      opacity: 0;
      visibility: none;
      transition: 0.5s ease;
      background-color: #00000069;
  }

  .project-container:hover .card__overlay-1 {
      opacity: 1;
  }

  .project-container:hover .caption-2 {
      opacity: 0;
  }

  .overlay__text-1 {
      color: white;
      font-size: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
  }

  .caption-1 {
      padding: 0.5rem;
      background-color: white;
      width: 110px;
      height: 110px;
      position: absolute;
      bottom: -2rem;
      left: 22rem;
      z-index: 50;
      border-radius: 0.5rem;
      box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.42);
  }

  .footer-item {
      list-style-type: none;
      padding: 0.1rem 0;
  }

  .footer-link {
      text-decoration: none;
      color: white;
      font-weight: 300;
  }
.footer-link:hover {
    color: #8791ff;
      font-weight: 300;}

  .footer-1 {
      background-color: #3D4246;
      /* background-image: url("../img/footer-back.png"); */
      background-repeat: no-repeat;
      background-position: right bottom;
  }

  .footer-2-link,
  .footer-2-link:hover {
      color: black;
      text-decoration: none;
  }

  .about-2-content {
      position: relative;
  }

  .description-card {
      position: absolute;
      width: 25%;
      z-index: 60;
      right: 190px;
      top: 70rem;
      border: none;
      border-top: 10px solid #ff6600;
      display: none;
      box-shadow: 2px 5px 7px -6px rgba(0, 0, 0, 0.75);
  }

  .owl-nav {
      position: relative;
      width: 200px;
      left: 65rem;
      bottom: 3.5rem;
  }

  .owl-dots {
      display: none;
  }

  .solution-title-1 {
      color: white;
      text-align: start;
      margin-top: 20rem;
  }

  .overlay_text {
      color: white;
      font-size: 20px;
      position: absolute;
      top: -10rem;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
  }

  .overlay_button,
  .overlay_button:hover {
      border: 1px solid white;
      width: 15rem;
      margin-top: 2rem;
      display: inline-block;
      color: white;
      text-decoration: none;
  }

  .card__overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 20px;
      right: 0;
      height: 100%;
      width: 89.6%;
      opacity: 0;
      visibility: none;
      transition: 0.5s ease;
      background-color: #00000069;
  }

  .p-image:hover .card__overlay {
      opacity: 1;
  }

  .p-image:hover .caption-1 {
      display: none;
  }

  .overlay__text {
      color: white;
      font-size: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
  }

  .btn-project,
  .btn-project:hover {
      border: 1px solid white;
      /* padding: 0.5rem 1.5rem 0.5rem 1.5rem; */
      display: inline-block;
      /* color: white; */
      text-decoration: none;
      text-align: left;
  }

  .relative-img {
      position: relative;
      margin-top: -7rem;
      margin-bottom: 2rem;
  }


  .relative-img:after {
      content: "";
      background-image: url(../img/front-ikon-bg.png);
      background-position: center bottom;
      background-repeat: no-repeat;
      padding-bottom: 6rem;
      display: block;
      width: 25rem;
      height: 11rem;
      margin: auto;
      margin-top: -7.4rem;
  }

  .card-image-background {
      background: url("../img/card-image.png");
      background-position: center;
      background-attachment: local;
      background-repeat: no-repeat;
      background-size: cover;
      margin-left: auto;
      margin-right: auto;
      width: 70px;
      height: 70px;
  }

  section.hakkimizda {
      position: relative;
      padding: 5rem 0;
      background: #F6F6F6;
  }

  a.item-ikon {
      padding: 2.5rem;
      position: relative;
      display: block;
      background: #ff6600;
      border-radius: 50%;
      margin-bottom: 1rem;
  }

  a.item-ikon img {
      filter: invert(1);
  }

  .item:hover a.item-ikon {
      background: black;
      transition: linear 0.1s;
  }

  #owlnew .item h6 {
      font-weight: 300;
  }

  div#ikonlar {
      margin-bottom: 4rem;
  }

  .top-menu li.list-inline-item {
      padding: 0.5rem 0;
  }

  .top-menu li.list-inline-item:last-child {
      border-left: 1px solid;
      padding-left: 0.5rem;
  }

  .alt-urunler h6 {
      padding: 0.5rem 0;
      font-size: 1.2rem;
      font-weight: 400;
      /* border-bottom: 1px solid #8080801f; */
  }

  .alt-urunler .list-group li {
      border: none;
      padding: 0.2rem 0;
      font-weight: 200;
  }

  .alt-urunler {
      margin-bottom: 3rem;
  }

  .alt-urunler a span {
      position: relative;
      font-size: 0.9rem;
      color: #45459b;
      display: block;
      padding: 0.5rem 0;
      margin: 0 0 0 auto;
      width: fit-content;
  }

  .alt-urunler a h6 {
      position: relative;
      display: block;
      width: auto;
  }

  .alt-urunler a span:after {
      content: " ->";
  }
.alt-urunler div {
    border-bottom: 1px solid #8080801f;
}
  #faydaları ol {
      list-style: none;
      padding: 0;
  }

  #faydaları li {
      margin: 0;
      border-bottom: 1px solid white;
      margin: 1rem 0;
  }

  #faydaları li h3 {
      font-size: 1.2rem;
  }

  #faydaları li p {}

  .hizmet-bread h1.h1.text-white {

      margin-top: 5rem;
      margin-bottom: 15rem;
  }


  section.hakkimizda {
      position: relative;
  }
  .page-image img {
    box-shadow: -15px 15px 0px #e7e7e7;
}

  @media only screen and (min-width: 0px) and (max-width: 576px) {
      .hizmet-bread h1.h1.text-white {

          margin-top: 2rem;
          margin-bottom: 5rem;
      }

      .abo-image {
          width: 75%;
          position: relative;
          display: block;
          margin: auto;
          margin-top: -13rem;
      }

      .header {
          position: static;
          background-color: #ffffff;
      }

      .fa-bars {
          color: #000000 !important;
      }

      .relative-img {
          bottom: 2rem;
      }

      .relative-img>div>div>img {
          width: 100px;
      }

      .position-text {
          position: static;
          text-align: center;
          width: 100%;
      }
.title-slider-1:before {
    width: 7rem;
    left: -7rem;
    height: 5rem;
}
      .title-slider-1 {
          font-size: 1.5rem;
          text-align: left;
          margin-left: 1rem;
      }
p.subtitle {right: auto;width: 100%;text-align: center;bottom: 4rem;}
      .title-slider-2 {
          font-size: 1rem;
          margin-bottom: 0;
      }

      .btn-slider-1 {
          border: none;
          background-color: transparent;
          color: white;
          padding-left: 0;
          padding-right: 0;
          padding-top: 0;
          padding-bottom: 0;
      }

      .btn-slider-1:hover {
          border: none;
          text-decoration: 1px solid white;
          color: white;
          background-color: transparent;
      }

      .btn-slider-2 {
          border: none;
          background-color: transparent;
          color: white;
          padding-left: 0.5rem;
          padding-right: 0.5rem;
          padding-top: 0;
          padding-bottom: 0;
      }

      .btn-slider-2:hover {
          border: none;
          text-decoration: 1px solid white;
          color: white;
          background-color: transparent;
      }

      .owl-nav {
          position: static;
          width: 100%;
      }

      .position-oval {
          position: static;
      }

      .caption-1 {
          bottom: -2rem;
          left: auto;
          right: auto;
      }

      .description-card {
          position: absolute;
          width: 80%;
          z-index: 60;
          left: 0;
          top: 15rem;
          border: none;
          border-top: 10px solid #ff6600;
          display: none;
          box-shadow: 2px 5px 7px -6px rgba(0, 0, 0, 0.75);
          visibility: collapse;
      }

      .deneme {


          right: .5rem;

      }

.hakkimizda .accordion-image-wrap .image-slide {
    width: 100%;
    position: relative;
    padding: 9rem;
}
.owl-pro .owl-nav {
    display: none;
}
.footer-head {
    width: 100%;
    text-align: center;
    display: block;
}

.footer-content {
    padding: 0;
}

.page-image img {
    margin-bottom: 2rem;
}
section.hizmet-bread {
    min-height: 13rem;
}
.footer-map a {
    text-align: left;
}
.row.project-page {
    flex-wrap: wrap-reverse;
}
  }

  @media only screen and (min-width: 576px) and (max-width: 768px) {
      .hizmet-bread h1.h1.text-white {

          margin-top: 2rem;
          margin-bottom: 5rem;
      }

      .abo-image {
          width: 360px;
          width: 500px;
          position: relative;
          display: block;
          margin: auto;
          margin-top: -13rem;
      }

      .header {
          position: static;
          background-color: #ffffff;
      }

      .fa-bars {
          color: #000000 !important;
      }

      .relative-img {
          bottom: 2rem;
      }

      .relative-img>div>div>img {
          width: 100px;
      }

      .position-text {
          position: static;
          text-align: center;
          width: 100%;
      }

      .title-slider-1 {
          font-size: 2rem;
      }
.title-slider-1:before {display:none}
      .title-slider-2 {
          font-size: 2rem;
          margin-bottom: 0;
      }

      .owl-nav {
          position: static;
          width: 100%;
      }

      .position-oval {
          position: static;
      }

      .caption-1 {
          bottom: -2rem;
          left: auto;
          right: auto;
      }

      .description-card {
          position: absolute;
          width: 50%;
          z-index: 60;
          right: 160px;
          top: 80rem;
          border: none;
          border-top: 10px solid #ff6600;
          display: none;
          box-shadow: 2px 5px 7px -6px rgba(0, 0, 0, 0.75);
      }



  }

  @media only screen and (min-width: 768px) and (max-width: 992px) {
      .abo-image {
          width: 500px;

          position: relative;
          left: -10rem;
          top: 9rem;
      }

      .header {
          position: static;
          background-color: #ffffff;
      }

      .fa-bars {
          color: #000000 !important;
      }

      .relative-img {
          bottom: 2rem;
          margin-top: 0;
      }

      .relative-img>div>div>img {
          width: 100px;
      }

      .position-text {
          position: static;
          text-align: center;
          width: 100%;
      }
.title-slider-1:before {display:none}
      .title-slider-1 {
          font-size: 2rem;
      }

      .title-slider-2 {
          font-size: 2rem;
          margin-bottom: 0;
      }

      .owl-nav {
          position: static;
          width: 100%;
      }

      .position-oval {
          position: static;
      }

      .caption-1 {
          bottom: -2rem;
          left: auto;
          right: auto;
      }

      .description-card {
          position: absolute;
          width: 50%;
          z-index: 60;
          right: 160px;
          top: 50rem;
          border: none;
          border-top: 10px solid #ff6600;
          display: none;
          box-shadow: 2px 5px 7px -6px rgba(0, 0, 0, 0.75);
      }

      a.item-ikon {
          padding: 1.5rem;
      }

      .relative-img:after {

          width: 18rem;
          height: 10rem;
          margin: auto;
          margin-top: -4.4rem;
          background-size: cover;
          margin-bottom: -3rem;
      }

  }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .abo-image {
          width: 460px;
          position: relative;
          left: -10rem;
      }

      .header {
          position: static;
          background-color: #ffffff;
      }

      .relative-img:after {

          width: 17rem;
          height: 9rem;
          margin: auto;
          margin-top: -4.4rem;
          background-size: cover;
          margin-bottom: 7rem;
      }

      .fa-bars {
          color: white !important;
      }

      .relative-img {
          bottom: -5rem;
      }

      .relative-img>div>div>img {
          width: 100px;
      }

      .position-text {
          position: static;
          text-align: center;
          width: 100%;
      }

      .title-slider-1 {
          font-size: 2rem;
      }
.title-slider-1:before {display:none}
      .title-slider-2 {
          font-size: 2rem;
          margin-bottom: 0;
      }

      .owl-nav {
          position: static;
          width: 100%;
      }

      .position-oval {
          position: static;
      }

      .caption-1 {
          bottom: -2rem;
          left: auto;
          right: auto;
      }

      .description-card {
          position: absolute;
          width: 50%;
          z-index: 60;
          right: 160px;
          top: 50rem;
          border: none;
          border-top: 10px solid #ff6600;
          display: none;
          box-shadow: 2px 5px 7px -6px rgba(0, 0, 0, 0.75);
      }

      .header-slider {
          bottom: 5rem;
      }
  }

  @media only screen and (min-width: 1200px) and (max-width: 1400px) {
      .position-oval {
          position: static;
      }

      .position-text {
          position: relative;
          bottom: 1rem;
          right: 2rem;
          text-align: left;
          top: -6rem;
          width: 60%;
      }

      .relative-img>div>div>img {
          width: 180px;
      }

      .description-card {
          position: absolute;
          width: 40%;
          z-index: 60;
          right: 160px;
          top: 50rem;
          border: none;
          border-top: 10px solid #ff6600;
          display: none;
          box-shadow: 2px 5px 7px -6px rgba(0, 0, 0, 0.75);
      }

      .owl-nav {
          position: relative;
          width: 200px;
          left: 55rem;
          bottom: 3.5rem;
      }

      .abo-image {
          width: 500px;
      }

      .relative-img:after {

          margin-top: -4rem;
      }

      .caption-1 {
          left: 17rem;
      }
  }
  h3.teknik-baslik {
    padding: 1rem 0;
}

h6.teknik-altbaslik {
    color: #ff6600;
    font-weight: 500;
    font-size: 1.2rem;
    /* padding-top: 1rem; */
    /* border-top: 1px solid #ededed; */
}
.row.teknik-second {
    /* padding-top: 1rem; */
    /* border-top: 1px solid #ededed; */
    padding-bottom: 1.6rem;
}

.teknik-ust .row.teknik-second:nth-child(2) {
    border: none;
}

p.teknik-ic {
    padding: 1rem 0;
    border-top: 1px solid #ededed;
    margin-bottom: 0;
}
section.hizmet-contact {
    background: #F2F2F2;
}


section.hizmet-contact .input {
    background: white;
}
a ov-img:hover {filter: grayscale(0);}

a.btn.btn-project:hover img {
    filter: brightness(0.8);
    /* transition: width 2s; */
    transition-duration: 0.2s; /* Geçiş Süresi 2 Saniye */
    transition-property: filter; /* sadece padding ve arka plan rengini geçişli yaptık */
}

.btn-project h6 {
    margin-bottom: 0;
}
#activity .accordion-item h2 .accordion-button {font-weight: 300;background: #f6f6f6;padding-top: 0;}

button.accordion-button.collapsed {}

#activity .accordion-item h2 .accordion-button:before {
  
    width: 4rem;
    background: black;
    height: 0.1rem;
    position: absolute;
    left: -4rem;
    z-index: -1;
}

#activity .accordion-item h2 .accordion-button:not(.collapsed)::before {
    height: 0.15rem;
    z-index: 0;
}
#activity .accordion-button:not(.collapsed) {
    box-shadow: none;
    background: #f6f6f6;
}
#activity.accordion-flush .accordion-item {
    border: none !important;
    background: #f6f6f6;
}
#activity .accordion-item h2 .accordion-button:not(.collapsed) {
    font-size: 1.5rem;
    color: #1d2fdb;
    font-weight: 500;
}
.accordion-body a {
    font-weight: 500;
    margin-top: 1rem;
    position: relative;
    display: block;
    /* color: #1e2fdb; */
}
.accordion-body a:hover {
    color: #1e2fdb;
}
#activity .accordion-button::after {
  display: none;
}
div#activity.accordion.accordion-flush {
    background: transparent !important;
}
#activity .accordion-body {
    background: #f6f6f6;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 1rem;
}
img.footer-logo {
    filter: brightness(4.5);
}
.row.avantaj-sec img {
    width: 5rem;
    padding: 1rem;
}
#proje-galeri img {
    height: 11rem;
    min-width: 100%;
}

#proje-galeri div {
    overflow: hidden;
}
.carousel-caption {
    bottom: 15%;
}


.navbar i.fa-linkedin {
    background: #0077B5;
    padding: 0.2rem 0.35rem 0.3rem;
    border-radius: 0.3rem;
    color: white;
}

.navbar i.fa-linkedin:hover {
    background: black;
}
.contact-block .d-flex img {
    width: 1rem;
    height: fit-content;
    margin-right: 0.5rem;
}

.contact-block span {
    align-items: center;
    margin-bottom: 0.5rem;
}
.contact-block .h5 {
    margin-bottom: 0.5rem;
    display: block;
}
.contact-block {
    display: block;
    margin-bottom: 1rem;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 1rem;
}

.contact-block:last-child {
    border: none;
}

a.color-link {
    color: #1d2fdb;
    font-weight: 500;
    font-size: 0.9rem;
}
a.color-link:hover {
    color: #081279;
}
.project-page .table th {
    min-width: 7rem;
}