body {
      box-sizing: border-box;
    padding: 0;
    margin: 0;
  font-family: 'Segoe UI', Arial, sans-serif;
  background: #fff;
  color: #222;
 font-family: 'Poppins', sans-serif;
 overflow-x: hidden;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
}

a{
  color: #fff;
  text-decoration: none;
}

.partners-baslik{
  color: #fff;
}

.header{
  
  width: 100vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  flex-direction: column;
margin-top: 7vw;
}

.header-slogan{
  font-size: 6vw;
  font-weight: 600;
    margin: 0 !important;
}

.header-slogan-yazi{
  font-size: 1.87vw;
  font-weight: 400;
  line-height: 1.6;
}

.header-button{
  margin-top: 1.7vw;
  width: 11.5vw;
  height: 3.5vw;
  background-color: #122E37;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.17vw;
  font-size: 1.3vw;
}

.partners{
  margin-top: 7vw;
  width: 100vw;
  height: auto;

}
.partners-2{
  margin-top: 7vw;
  width: 100vw;
  height: auto;
  background-color: #021428;
  padding-bottom: 7vw;
}

.partners-logo,.partners-logos{
   padding-left: 11.5vw;
     padding-right: 11.5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;

}

.partners-logos{
  margin-top: 3vw;
}


.partners-baslik,.partners-baslik-2{
  font-size: 3vw;
  font-weight: 600;
  letter-spacing: -0.05vw;
    padding-left: 8vw;
  padding-right: 8vw;
  margin-bottom: 5vw;
}

.partners-baslik-2{
  color: #fff;
  text-align: center;
    font-size: 1.65vw;
    font-weight: 400;
    margin-top: 7vw;
}


.partner-logo{
    width: auto;
    height: 2.3vw;
 
}

.partners-logo-1{
  width: 100%;
   padding-left: 10vw;
     padding-right: 10vw;
    display: flex;
    justify-content: space-evenly;
}

.partners-logo-2{
  width: 100%;
   padding-left: 10vw;
     padding-right: 10vw;
  display: flex;
    justify-content: space-between;
  margin-top: 3vw;
}

.bilgi-1{
  width: 100vw;
  height: auto;
  margin-top: 7vw; 
  
}

.bilgi-baslik{
 
  width: 3vw;
  height: auto;
 
} 

.on-baslik{
padding-left: 8vw;
 font-size: 2vw;
 font-weight: 500;
 color: #6b6b6b;
}

.bilgi-1-baslik{
  font-size: 3.5vw;
  font-weight: 600;
  padding-left: 8vw;
  width: 100%;
  letter-spacing: -0.05vw;
}

.bilgi-paragraf{
   width:100vw;
  display: flex;
padding-left: 8vw;

}


.bilgi-paragraf img{
   
  width:27vw;
  height: auto;
}


.paragraf-sol,.paragraf-sag{
  margin-top: 1vw;
  font-weight: 400;
  font-size: 1.1vw;
 line-height: 2vw;
  width: 26vw;
  color: #1d1d1f;
  padding-right: 2vw
}
 
.paragraf-sol-2{
  margin-top: 1vw;
  font-weight: 400;
  font-size: 1.1vw;
 line-height: 2vw;
  color: #1d1d1f;
  padding-right: 5.9vw;
   width: 50vw;
}

.bilgi-2{
width: 100vw;
height: auto;
display: flex;
flex-direction: column;

}

  .bilgi-2-baslik{
    font-size: 3.5vw;
    font-weight: 600;
    padding-left: 8vw;
    margin-top: 5vw;
    color: #1d1d1f;
    line-height:3.5vw;
  }

  .bilgi-2-altyazi{
    margin-top: 1.3vw;
    font-size: 1.17vw;
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .bilgi-2-group{
    width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 9vw;
  }

  .bilgi-2-group-1,.bilgi-2-group-2,.bilgi-2-group-3{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
      color: #1d1d1f;

  }
  .bilgi-2-group-1{
    padding-left: 8vw;
  }

  .bilgi-2-baslik-group{
    font-size: 1.55vw;
     padding-right: 8vw;
     font-weight: 600;
       color: #1d1d1f;
       margin-top: 1vw;
       
  }

  .bilgi-2-baslik-group-1{
  }

  .bilgi-2-icon{
    width: 2.5vw;
    height: auto;
    
  }



  .bilgi-2-yazi-1{
    padding-right: 3vw;
  }
  .bilgi-2-yazi{
    margin-top: 1vw;
     padding-right: 8vw;
     font-size: 1vw;
     line-height: 1.7vw;
  }




  /* Bilgi 3 */

  .bilgi-3{
    margin-top: 5vw;
    padding-left: 16vw;
    width: 100vw;
    height: 5vw;
    background-color: #fff;
    display: flex;
    justify-content: flex-start;
 
  }

  .bilgi-3-onbaslik{
    display: flex;
    flex-direction: column;
    font-size: 2vw;
    font-weight: 500;
    color: #6b6b6b;
  }

  .bilgi-3-sol{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 55%;
    height: 100%;
  }

  .bilgi-3-yazi{
    font-size: 1.1vw;
  }

.bilgi-3-sag{
  width: auto;
  height: 100%;
  display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5vw;
}

  .bilgi-3-sag img{
    width: 20vw;
    height: auto;
  }

  .bilgi-3-baslik{
    font-size: 4vw;
    font-weight: 600;
  }


  /* BİLGİ 4 */

  .bilgi-4{
    padding-left: 16vw;
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .bilgi-4-baslik{
    font-size: 3vw;
    font-weight: 600;
  }
  .bilgi-4-altbaslik{
    font-size: 1.1vw;
    margin-top: 1vw;
  }

  .bilgi-4-group-1{
    display: flex;
    justify-content: space-between;
    padding-right: 16vw;
    margin-top: 3vw;
  }

  .bilgi-4-group-1-1{
    display: flex;
    flex-direction: column;
    width: 50%;
  }

  .bilgi-4-group-1-1-baslik{
    font-size: 1.7vw;
    font-weight: 600;
  }
  .bilgi-4-group-1-1-yazi{
    font-size: 1vw;
    margin-top: 1vw;
    line-height: 1.7vw;
  }

  /* Accordion */

   .faq-container {
    width: 100vw;
    padding-left: 16vw;
     margin-top: 10vw;

    }

    .faq-item {
      background: white;
      overflow: hidden;
      transition: all 0.3s ease;
      margin-bottom: 1vw;
    }

    .faq-header {
      cursor: pointer;
      padding: 1vw;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 500;
      font-size: 1.3vw;
      letter-spacing: 0.03vw;
      transition: background 0.3s;
    }

    .faq-icon {
       transition: transform 0.3s ease;
    }



.faq-item {
  background: white;
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-header {
  cursor: pointer;
  padding: 1vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
padding-left: 0vw;

  letter-spacing: 0.03vw;
      padding-right: 17vw;
      color: #1d1d1f;
}

.faq-content {
  height: 0;
  overflow: hidden;
  padding: 0 1vw;
  padding-left: 0vw;
      padding-right: 16vw;
  font-size: 1.1vw;
  color: #555;
  line-height: 1.5;
  transition: height 0.6s ease;
}
    .faq-item.active .faq-icon {
      transform: rotate(180deg);
    }

    .faq-icon img{
      width: 1vw;
      height: auto;
    }

    .faq-baslik{
      font-size: 3vw;
      font-weight: 600;
      margin-bottom: 1vw;
    }


   


   

.bilgi-1-2{
  margin-bottom: 7vw;
}


/* PARTNERS LOGO */



#partner-1 {
  width: auto;
  height: 3vw;
}

#partner-2 {
  width: auto;
  height: 3vw;
}

#partner-3 {
 width: auto;
  height: 4vw;
}

#partner-4 {
 width: auto;
  height: 6vw;
}

#partner-5 {
 width: auto;
  height: 4vw;
}

#partner-6 {
 width: auto;
  height: 8vw;
}

#partner-7 {
  width: auto;
  height: 8vw;
}

#partner-8 {
  width: auto;
  height: 8vw;
}

#partner-9 {
  width: auto;
  height: 8vw;
}

#partner-10 {
  width: 9.3vw;
  height: auto;
}

.partners-logo-1{
  align-items: center;
  height: 10vw;
}




/* Menü Active */





    @media only screen and (max-width: 768px){

      .bilgi-1{
        margin-top: 30vw;
      }

      
      .header-slogan{
        font-size: 12vw;
        text-align: start;
      }

      .mobile-break{
        display: block;
      }

      .header-slogan br{
        display: none;
      }

      .header{
        align-items: flex-start;
        margin-left: 8vw;
      }

      .header-slogan-yazi{
        font-size: 4.17vw;
        text-align: start;
      }

      .header-slogan-yazi br{
        display: none;
      }

      .header-button{
        width: 90vw;
        height: 11vw;
        font-size: 3.9vw;
      }

      .partners{
        margin-top: 10vw;
      }

      .partners-baslik, .partners-baslik-2{
            font-size: 6.8vw;
      }

      .partners-logo-1, .partners-logo-2{
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

      #partner-1 {
  width: auto;
  height: 30vw;
  margin-bottom: 15vw;
  margin-top: 5vw;
}

#partner-2 {
 width: auto;
  height: 30vw;
  margin-bottom: 15vw;
}

#partner-3 {
  width: auto;
  height: 30vw;
  margin-bottom: 15vw;
}

#partner-4 {
  width: auto;
  height: 30vw;
  margin-bottom: 15vw;
}

#partner-5 {
  width: auto;
  height: 20vw;
  margin-bottom: 15vw;
}

#partner-6 {
  width: 30vw;
  height: auto;
  margin-bottom: 5vw;
}

#partner-7 {
  width: 30.3vw;
  height: auto;
  margin-bottom: 5vw;
}

#partner-8 {
  width:38vw;
  height:  auto;
  margin-bottom: 5vw;
}

#partner-9 {
  width: 30.3vw;
  height: auto;
  margin-bottom: 5vw;
}

#partner-10 {
  width: 30.3vw;
  height: auto;
  margin-bottom: 5vw;
}


.on-baslik{
      font-size: 4vw;
      padding-left: 4vw;
}

.bilgi-1-baslik{
      font-size: 8.5vw;
      padding-left: 4vw;
}

.bilgi-paragraf{
  flex-direction: column;
  padding-left: 4vw;
}

.paragraf-sol, .paragraf-sag{
  width: 90vw;
  padding-right: 8vw;
}

.bilgi-paragraf img{
  display: none;
}

.paragraf-sol, .paragraf-sag{
      font-weight: 300;
    font-size: 3.5vw;
        line-height: 7vw;
}

/* .partner-logo {
   width: auto;
        margin-top: 6vw;
        height: 6vw;
        margin-right: 5vw;
}
.partners-logo-2-mobile{
  margin-top: 0vw;
}

.partner-logo-sag{
  margin-left: 5vw;
} */

 .partners-logo-1-mobile, .partners-logo-2-mobile{
       padding-left: 0vw;
       padding-right: 0vw;
       justify-content: flex-start;
       align-items: flex-start;
      }

      .partners-logo-2-mobile{
        padding-right: 0vw;
                padding-left: 13vw;
      }

.partners-logos{
  flex-direction: row;
}
      
.partner-logo {
    width: auto;
    height: 5.3vw;
    margin-bottom: 5vw;
}

.bilgi-2-baslik{
  font-size: 7.5vw;
    font-weight: 600;
        line-height: 9vw;
        padding-left: 4vw;
                margin-top: 25vw;
}

.bilgi-2-baslik br{
    display: none;
}

.bilgi-2-altyazi{
    margin-top: 1.3vw;
    font-size: 4.17vw;
    padding-left: 4vw;
    padding-top: 5vw;
    font-weight: 300;
    padding-right: 3vw;
}

.bilgi-2-group{
  flex-direction: column;
  align-items: flex-start;
}


.bilgi-2-group-1{
  padding-left: 0vw;
}

.bilgi-2-icon{
  display: none;
}

.bilgi-2-yazi{
  font-size: 4.17vw;
  line-height: 7vw;
  font-weight: 300;
  padding-left: 4vw;
}

.bilgi-2-baslik-group{
      font-size: 5.55vw;
    padding-left: 4vw;
    padding-top: 15vw;
}

.bilgi-3{
  flex-direction: column;
  height: auto;
  margin-top: 15vw;
  padding-left: 8vw;
}

.bilgi-3-onbaslik{
  font-size: 5vw;
}

.bilgi-3-baslik{
  font-size: 8.7vw;
          line-height: 9vw;
          margin-top: 3vw;
          margin-bottom: 5vw;
}

.bilgi-3-yazi{
   font-size: 4.17vw;
   line-height: 7vw;
           width: 90vw;
}

.bilgi-3-sag{
  padding-top: 15vw;
}

.bilgi-3-sag img{
      width: 50vw;
}

.bilgi-4{
  margin-top: 15vw;
  padding-left: 8vw;
}

.bilgi-4-baslik{
    font-size: 7.7vw;
}

.bilgi-4-altbaslik{
padding-right: 13vw;
font-size: 4.17vw;
margin-bottom: 5vw;
}

.bilgi-4-group-1{
  flex-direction: column;
      padding-right: 8vw;
}

.bilgi-4-group-1-1{
  width: 100%;
  
}

.bilgi-4-group-1-1-baslik{
  font-size: 5.55vw;
}

.bilgi-4-group-1-1-yazi{
  font-size: 4.17vw;
      line-height: 5.7vw;
    margin-bottom: 15vw;
}

.faq-baslik{
      font-size: 9vw;
      line-height: 9vw;
      margin-bottom: 15vw;
}

.faq-container{
  /* padding-right: 8vw; */
}

.faq-header{
      font-size: 4.3vw;
          height: 15vw;
}

.faq-icon img{
      width: 3vw;
}

.faq-icon{
  height: 100%;
  padding-left: 5vw;
}

.faq-content{
  height: 0vw;
  font-size: 3.5vw;
  padding-top: 7vw;
}

.on-baslik{
  font-size: 5vw;
}

.bilgi-1-baslik{
  font-size: 7.5vw;
}

.paragraf-sol-2{
  width: 90%;
  font-size: 3.7vw;
  line-height: 7vw;
  font-weight: 400;
}

    }


    /* FAQ YENİ */

    .faq{
      display: flex;
      align-items: flex-start;
      justify-content: center;
      width: 100vw;
      height: auto;
padding-left: 16vw;
margin-top: 16vw;
margin-bottom: 10vw;
    }

    .faq-sol{
      width: 30%;
      height: auto;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
    }

    .faq-container{
      width: 70%;
      padding-left: 0vw;
      margin-left: 8vw;
      margin-top: 0vw;
    }

    .faq-baslik{
      font-size: 3vw;
    }

    .faq-yazi{
      font-size: 1.1vw;
    }

    .faq-item{
      background-color: #f1f1f1;
      padding: 1vw;
      width: 71.5%;
    }

    .faq-header{
      padding-right: 1vw;
    }

    .faq-content{
      padding-right: 0vw;
    }

    @media only screen and (max-width: 768px){
      .faq{
        flex-direction: column;
       padding-left: 0vw;
       margin-bottom: 10vw;
      }

       .faq-sol{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
       }

       
.faq-baslik{
      font-size: 7vw;
    }

    .faq-yazi{
      font-size:3.5vw;
       margin-bottom: 10vw;
       padding-left: 10vw;
       padding-right: 10vw;
    }

    .faq-container{
      width: 90%;
      padding-left: 0vw;
    }

    .faq-item{
      width: 95%;
      margin-bottom: 5vw;
    }

    .faq-header {
    padding-right: 5vw;
    padding-left: 3vw;
}

.faq-content{
  padding-right: 2.5vw;
  padding-left: 2.5vw;
}
    }

    .golge{
      width: 80%;
      height: auto;
      position: absolute;
      top: 5vw;
      z-index: -1;
      opacity: 60%;
    }


    /* SECTİON */
     .section-title {
      margin-top: 15vw;
      color: #d4af37;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 14px;
      margin-bottom: 5px;
    }

    h2 {
      font-size: 28px;
      margin-bottom: 30px;
         margin-top: 15vw;
    }

    .options-container {
      display: flex;
    gap: 40px;
    padding-left: 8vw;
    padding-right: 8vw;
    }

    .option-box {
      flex: 1;
      min-width: 300px;
      /* border-left: 4px solid #d4af37; */
      padding: 25px 20px;
      /* box-shadow: 0 4px 12px rgba(0,0,0,0.05); */
    }

    .option-box h3 {
      font-size: 1.55vw;
      margin-bottom: 20px;
    }

    .option-box img {
      width: 5vw;
      margin-bottom: 15px;
    }

    .option-box ul {
      list-style: none;
      padding: 0;
    }

    .option-box ul li {
      margin-bottom: 15px;
      position: relative;
      padding-left: 30px;
      font-size: 1.1vw;
      line-height: 1.5;
    }

    .option-box ul li::before {
      content: "✔";
      position: absolute;
      left: 0;
      color: #9a9a9a;
      font-weight: bold;
    }

    @media (max-width: 768px) {
      h2 {
        font-size: 22px;
      }
      .options-container {
        flex-direction: column;
      }
    }