  <style>
    .text-start{
        text-align:start !important;
    }
    .fs-4{
        font-size: 26px !important;
        line-height: 1.4 !important;
    }
    #ilave-moduller h4{
        font-size: 26px !important;
        line-height: 1.3 !important;
    }
  
#ilave-moduller .container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: auto;
}

/* Mobil için düzenleme */
@media (max-width: 992px) {
  #ilave-moduller .container {
      grid-template-columns: 1fr;
  }
}

#ilave-moduller .item-card {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 20px;
  line-height: 1.4 !important;
  border: 1px solid #dedede;
}

#ilave-moduller .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff3dc;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  min-width: 120px;
  min-height: 120px;
}

#ilave-moduller .icon img {
  width: 80%;
  height: auto;
}


#ilave-moduller h2 {
  font-size: 20px;
  font-weight: 600;
  color: #222;
  margin-bottom: 12px;
}


#ilave-moduller p {
  font-size: 17px;
  line-height: 28px;
  color: #444;
  font-weight: 400;
  letter-spacing: 0.2px;
}

    .border-btn{
        border: 1px solid #dedede;
        padding: 20px 14px;
        border-radius: 100px;
        display:inline-block;
        margin: 20px 0;
        transition: 300ms all;
    }
    .border-btn:hover{
        background-color: #dedede;
    }
    .center-box{
        display:flex;
        justify-content:center;
        align-items:center;
    }
.logo-box {
  display: grid;
  grid-template-columns: repeat(7, 100px);
  gap: 50px;
  justify-content: center;
}

.logo-box img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  .logo-box {
      grid-template-columns: repeat(3, 100px);
  }
}
  </style>