/** ADD YOUR AWESOME CODES HERE **/

.service-widget {
  min-height: 400px;
  max-height: 400px;
  margin-bottom: 20px;
}

.logo{
  width: 120px;
}



.serv-button{
  margin-top: -75px;
}

.words{
  padding-top: 20px;
    padding-bottom: 20px;
}

/* About */

.service-widget-about {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 30px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 500px;
}

.service-widget-about:hover {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
  transform: translateY(-5px);
}

.service-widget-about img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 20px;
}

.service-dit {
  padding: 15px;
}

.service-dit h3 {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}

.service-dit p {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}



/* .col-md-6 {
  flex: 0 0 48%;  İki kart yan yana 
  margin-bottom: 30px;
}  */

@media (max-width: 768px) {
  .col-md-6 {
      flex: 0 0 100%; /* Mobil görünümde kartlar tam genişlikte */
  }
  
  .service-dit h3 {
      font-size: 16px;
  }

  .service-dit p {
      font-size: 13px;
  }
}

/* services */
#services .service-item {
  background: #fff;
  margin: 20px 0;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  width: 285px; /* Sabit genişlik */
  height: 350px; /* Sabit yükseklik */
}

#services .service-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}

#services .service-icon {
  font-size: 48px;
  color: #1A5282; /* Turuncu renk */
  margin-bottom: 20px;
}

#services h3 {
  font-size: 20px;
  color: #1A5282;
}

#services p {
  font-size: 14px;
  color: #1A5282;
}


/* Features */
.content-section {
  display: none;
}
.content-section.active {
  display: block;
}
.list-group-item.active {
  background-color: #1a5282;
  color: white;
}

.fet-home{
  margin: 64px 0 !important;
}


.img-rad{
  border-radius: 10px;
}

.fet-home h4 {
  color: #333 !important;
  padding-top: 24px;
}

/* FAQ */

.faq-container {
  max-width: 1200px;
  margin: 50px auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.faq-title {
  text-align: center;
  font-size: 32px;
  margin-bottom: 30px;
  color: #333;
}

.faq-item {
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Başlık ve içerik arasında boşluk bırakır */
  height: 100%; /* Eşit yükseklik sağlar */
}

.faq-item h3 {
  background-color: #1A5282;
  color: white;
  padding: 8px;
  margin: 0;
  cursor: pointer;
  font-size: 16px;
  min-height: 80px; /* Başlık yüksekliği sabit */
  display: flex;
  align-items: center;
  justify-content: space-between; /* İkon ve yazıyı düzgün hizalar */
}

.faq-item h3 i {
  font-size: 24px;
  transition: transform 0.3s ease;
}

.faq-item.active h3 i {
  transform: rotate(180deg);
}

.faq-content {
  display: none;
  padding: 15px;
  background-color: #fff;
  color: #333;
  border-top: 1px solid #ddd;
  flex-grow: 1; /* İçeriğin tüm boşluğu doldurmasını sağlar */
}

.faq-content p {
  margin: 0;
  font-size: 16px;
}

.faq-item.active .faq-content {
  display: block;
}

.faq-header {
  background-color: #f5f5f5;
  padding: 40px 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.faq-header-content {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.faq-header h1 {
  font-size: 36px;
  color: #1a5282;
  margin-bottom: 20px;
}

.faq-header p {
  font-size: 18px;
  color: #1a5282;
  line-height: 1.6;
}

.faqIcon-size {
  font-size: 24px !important; /* İkon boyutu düzenlendi */
}