@import url(header.css);
@import url(keyframes.css);
@import url(home.css);
@import url(footer.css);
@import url(banner.css);
@import url(services_group.css);
@import url(content_single.css);
@import url(about-us.css);
@import url(services-details.css);
@import url(contact.css);
@import url(blog-all.css);
@import url(info-page.css);
@import url(responsive.css);

* {
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    /* font-weight: <weight>; */
    font-style: normal;
}

.d-flex-cl-cen{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
::-webkit-scrollbar {
  width: 8px;
  background-color: #f1f1f1; /* Arkaplan rengi */
}

::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px; /* Kenar yuvarlatma */

}

::-webkit-scrollbar-thumb:hover {
  background-color: #008afc;
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Arkaplan rengi */
  border-radius: 4px; /* Kenar yuvarlatma */
}


  p {
    text-decoration: none;
    font-size: clamp(13px, 1vw, 16px);
  }
  span {
    font-size: clamp(13px, 1vw, 15px);
  }
  ul li {
    list-style-type: none;
  }
  .outContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 70px;
    width: 100%;
    height: 100%;
    padding: 50px 0px;
  }
  .content {
    max-width: 82%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 50px;
  }
  .mx-w-80 {
    max-width: 80% !important;
  }
  .bannerContainer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
  }
  .bannerArticle {
    position: absolute;
    text-align: center;
    margin-top: 100px;
    z-index: 9;
  }
  .bannerArticle span {
    color: #fff;
    font-size: clamp(14px, 3vw, 18px);
  }
  
  .bannerContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: zoomIn 10s infinite;
  }
  .f-w-500 {
    font-weight: 500;
  }
  hr
  {
    height: 1px;
    border: none;
    background: linear-gradient( 45deg, rgb(58 148 233 / 60%) 0%, rgba(227, 16, 26, 0.616) 50%, rgb(58 148 233 / 60%) 100% );
    margin: 20px 0px;
    animation: hrAnimate 3s infinite;
  }
  .mt-50
  {
    margin-top: 50px;
  }

  input, textarea, select {
    font-size: 16px; /* Önemli */
    -webkit-text-size-adjust: 100%; /* iOS için */
    -moz-text-size-adjust: 100%;    /* Firefox */
    text-size-adjust: 100%;         /* Diğer tarayıcılar */
}
.grecaptcha-badge
{
bottom:80px !important;
z-index:999;
}