html{
    overflow-x: hidden;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    text-align: center;
}

*{
    margin: 0;
    padding: 0;   
    list-style-type: none; 
    text-decoration: none;
}
/* width */
::-webkit-scrollbar {
    width: 0.4vw;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background:#0b3c49;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #e57743;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #e57743;
  }
  .ortala{
    width: 91vw;
    margin: 0 auto;
  }
  header{
    float: left;
    width: 100vw;
    background-color: #fff;
    height: 6.25vw;
  }
  .hlogo{
    float:left ;
    width: 7vw;
    margin-top: .525vw;
  }
  .hlogo img{
    float: left;
    width: 7vw;
  }
  .hsosyal{
    float: left;
    width: 6.5vw;
    margin-left: 3vw;
    display: flex;
    justify-content: space-between;
    transition: 0.2s;
  }
  .hsosyal i{
    color: #0b3c49;
    font-size: 1.2vw;
    margin-top: 2.6vw;
  }
  .hsosyal i:hover{
    color: #e57743;
  }
  .hmenu{
    float: right;
    width: 72.2vw;
    height: 3.3vw;
    background-color:#f2f3f4;
    margin-top: 1.475vw;
    border-radius: 4vw;
    padding-left: 3.3vw;
    box-sizing: border-box;
  }
  .hmenu li{
    float: left;
    color: #0b3c49;
  }
  .hmenu li a{
    float: left;
    color: #0b3c49;
    font-size: .95vw;
    font-weight: 600;
    line-height: 3.1vw;
    margin-right: 3.1vw;
  }
  .ugorus{
    width:10.3vw;
    height: 3.3vw;
    border-radius: 4vw;
    background: #E55143;
    background: linear-gradient(90deg,rgba(229, 81, 67, 1) 0%, rgba(230, 101, 67, 1) 50%, rgba(229, 119, 67, 1) 100%);
    float: right!important;
    padding-top: .35vw;
    box-sizing: border-box;
    padding-left: 2.4vw!important;
    transition: 0.2s;
  }
  .ugorus:hover{
    background: #E55143;
    background: linear-gradient(270deg,rgba(229, 81, 67, 1) 0%, rgba(230, 101, 67, 1) 50%, rgba(229, 119, 67, 1) 100%);
  }
  .ugorus a{
    line-height: .8vw!important;
    font-size: .67vw!important;
  }
  .hmenu li a:hover{
    border-bottom: solid #0b3c49 .3vw;
  }
  .ugorus a:hover{
    border-bottom: none!important;
  }
  .hero{
    float: left;
    width: 100vw;
  }
  .herosol{
    width: 45vw;
    float: left;
  }
  .herosol img{
    width: 37.6vw;
    float: left;
    margin-top: 11vw;
  }
  .herobtn{
    float: left;
    width: 45vw;
    text-align: left;
    transition: 0.2s;
    margin-top: 3vw;
  }
  .herobtn a{
    color:#fff;
    background: #E55143;
    background: linear-gradient(90deg,rgba(229, 81, 67, 1) 0%, rgba(230, 101, 67, 1) 50%, rgba(229, 119, 67, 1) 100%);
    padding: .8vw 2vw;
    border-radius: 3vw;
    font-weight: 600;
    font-size: 1.2vw;
  }
  .herobtn a:hover{
    background: #E55143;
    background: linear-gradient(270deg,rgba(229, 81, 67, 1) 0%, rgba(230, 101, 67, 1) 50%, rgba(229, 119, 67, 1) 100%);
  }
  .herosag{
    float: right;
    width: 43vw;
  }
  .herosag img{
    float: left;
    width: 41.8vw;
    margin-top: 7.2vw;
  }
  .anahakkimda{
    float: left;
    width: 100vw;
    height: 31.7vw;
  }
  .hkortala{
    float: left;
    width: 88vw;
    margin-left: 6vw;
    display: flex;
    justify-content:space-evenly;
    transition: 0.2s;
  }
  .hkkutu{
    background-color: #fff;
    width: 35.7vw;
    height: 32.3vw;
    border: solid #e8e8e8 .1vw;
    border-radius: 3vw;
    box-shadow: 2px 2px 2px 2px#dfdfdf;
    margin-top: -3vw;
    transition: 0.2s;
  }
  .hkimg{
    float: left;
    width: 35.7vw;
    text-align: center;
  }
  .hkimge{
      background: url('img/hk1.png') center center/cover no-repeat!important;
      width: 6.15vw;
      height: 6.15vw;
      margin-left: 14.775vw;
      margin-top: 2.1vw;
  }
  .hkimge2{
      background: url('img/hk2.png') center center/cover no-repeat!important;
      width: 6.15vw;
      height: 6.15vw;
      margin-left: 14.775vw;
      margin-top: 2.1vw;
  }
  .hkkutu h2{
    width: 35.7vw;
    color: #0b3c49;
    float: left;
    font-size: 1.8vw;
    margin-top: 1.5vw;
  }
  .hkkutu p{
    float: left;
    width: 35.7;
    padding:1vw 5.3vw ;
    color: #0b3c49;
    font-size: 1vw;
    text-align: justify;
  }
  .hkkutu h3{
    color: #0b3c49;
    padding: .6vw 1.2vw;
    border-radius: 3vw;
    border:solid #0b3c49 .3vw;
    float: left;
    font-size: 1vw;
    margin-left: 11vw;
    margin-top: 2vw;
  }
  .hkkutu:hover h2{
    color: #e57743;
  }
.hkkutu:hover .hkimge{
  background: url('img/hk1h.png') center center/cover no-repeat!important;
}
.hkkutu:hover .hkimge2{
  background: url('img/hk2h.png') center center/cover no-repeat!important;
}
  .hkkutu:hover h3{
    color: #fff;
    background: #E55143;
    background: linear-gradient(270deg,rgba(229, 81, 67, 1) 0%, rgba(230, 101, 67, 1) 50%, rgba(229, 119, 67, 1) 100%);
    border: none;
    padding: .9vw 1.5vw;
  }
  .nedenana{
    float: left;
    width: 100vw;
    height: 44.4vw;
  }
  .nbaslik{
    width: 100vw;
    float: left;
    margin-top: 7vw;
  }
  .nbaslik img{
    width: 20.8vw;
  }
  .nedenana p{
    float: left;
    width: 100vw;
    padding: 2.5vw 17.7vw;
    box-sizing: border-box;
    color: #0b3c49;
    font-size: .9vw;
  }
  .nicerik{
    float: left;
    width: 100vw;
  }
  .nicerik img{
    width: 73vw;
  }
  .anahizmet{
    float: left;
    width: 100vw;
  }
  .hzsol{
    float: left;
    width: 40.6vw;
  }
  .hzsol h2{
    color: #ea8462;
    width: 40.6vw;
    font-size: 1.6vw;
    font-weight: 500;
    margin-top: 8vw;
    margin-bottom: 5.3vw;
  }
  .hzsol img{
    width: 32.3vw;
  }
  .hzsag{
    width: 49vw;
    float: left;
    margin-top: 8vw;
  }




  /* CSS for accordion effect */
.faq-question {
    background: #f7f7f7;
    border: none;
    outline: none;
    width: 49vw;
    font-size: 1vw;
    cursor: pointer;
    margin: 10px 0;
    transition: background-color 0.3s ease;
    padding: 1vw 2vw;
    box-sizing: border-box;
    background: #114352;
    background: linear-gradient(90deg,rgba(17, 67, 82, 1) 0%, rgba(15, 95, 114, 1) 50%, rgba(27, 133, 157, 1) 100%);
    border-radius: 3vw;
}
.faq-question h4{
  color: #e56843;
  font-size: 1.2vw;
  background-color: #fff;
  border-radius: 3vw;
  width: 3vw!important;
  height: 3vw;
  text-align: center;
  line-height: 3vw;
}
.faq-question p{
  width: 30vw!important;
  color: #fff;
  float: left;
  margin-top: -2vw;
  text-align: left;
  margin-left: 5vw;
}
.faq-question:hover {
  background: #114352;
  background: linear-gradient(270deg,rgba(17, 67, 82, 1) 0%, rgba(15, 95, 114, 1) 50%, rgba(27, 133, 157, 1) 100%);
}

.faq-answer {
    display: none;
    background-color:#f2f3f3 ;
    padding:4vw 3vw 2vw  3vw ;
    margin-top: -2.5vw;
    border-bottom-left-radius: 3vw;
    border-bottom-right-radius: 3vw;

}

.faq-answer p {
    margin: 0;
}




  .slider{
    width: 100vw;
    float: left;
    height: 48vw;
  }

  .slider h2{
    float: left;
    width: 100vw;
    font-size: 1.4vw;
    color:#0b3c49;
    margin-top: 4vw;
  }
  .slider p{
    float: left;
    width: 100vw;
    font-size: 1vw;
    color:#0b3c49;
    margin-top: 2.8vw;
  }
 .istatistik{
    float: left;
    width: 100vw;
 }
 .issol{
    width: 37.8vw;
    float: left;
 }
 .issol h2{
  float: left;
  width: 37.8vw;
  color: #fff;
  font-size: 1vw;
  font-weight: 500;
  margin-top:4vw;
  text-align: left;
  padding-left: 3vw;
  box-sizing: border-box;
 }
  .issol p{
  float: left;
  width: 37.8vw;
  color: #fff;
  font-size: 1vw;
  font-weight: 300;
  margin-top:2vw;
  text-align: left;
  padding-left: 3vw;
  box-sizing: border-box;
 }
 .issol img{
  width: 26.5vw;
  float: left;
  margin-left: 3vw;
  margin-top: 2.5vw;
 }
 .issag{
  float: left;
  width: 46.3vw;
  margin-top: 3.5vw;
 }
 .issag img{
  float: left;
  width: 46.3vw;
 }
 .anablog{
  float: left;
  width: 100vw;
  height:50.5vw;
  background-color: #f2f3f3;
  margin-bottom: -5vw;
 }
 .anablog h2{
  width: 100vw;
  float: left;
  color:#0b3c49;
  font-size: 1.4vw;
  margin-top: 3.5vw;
}
.bkutu {
  float: left;
  width: 22vw;
  transition: 0.2s;
}
.bkutu img{
  float: left;
  width: 22vw;
  border-radius: 2vw;
}
.bicerik{
  width: 18vw;
  float: left;
  height: 14.6vw;
  border-radius: 2vw;
  background-color: #fff;
  margin-left: 2vw;
  margin-top: -5.6vw;
}
.bicerik h2{
  color: #43656f;
  float: left;
  width: 18vw;
  font-size: 1vw;
  font-weight: 400;
  margin-top: 1.77vw;
  margin-bottom: 1.77vw;
  padding: 0 2vw;
  box-sizing: border-box;
}
.bicerik p{
  float: left;
  width: 18vw;
  font-size: .7vw;
  color:#43656f;
  margin-top: 0;
  padding: 0 1vw;
  box-sizing: border-box;
}
.bicerik h3{
  float: left;
  width: 10.4vw;
  font-size: .9vw;
  margin-left: 2.6vw;
  padding: .6vw 1.2vw;
  margin-top: .5vw;
  border-radius: 1vw;
  color: #fff;
  background: #13849B;
  background: linear-gradient(90deg,rgba(19, 132, 155, 1) 0%, rgba(16, 95, 113, 1) 50%, rgba(12, 61, 73, 1) 100%);
}
.bgortala{
  width: 91vw;
  float: left;
  display: flex;
  justify-content: space-between;
  margin-top: 3vw;
}
.bkutu:hover h2{
  color: #E55143;
}
.bkutu:hover h3{
  background: #E55143;
  background: linear-gradient(90deg,rgba(229, 81, 67, 1) 0%, rgba(229, 101, 67, 1) 50%, rgba(229, 119, 67, 1) 100%);
}
.dfazla{
  float: left;
  width: 91vw;
  margin-top: 2vw;
}
.dfazla a{
  color: #fff;
  width: 10.4vw;
  font-size: .9vw;
  padding: .6vw 1.9vw;
  margin-top: .5vw;
  border-radius: 1vw;
  background: #13849B;
  background: linear-gradient(90deg,rgba(19, 132, 155, 1) 0%, rgba(16, 95, 113, 1) 50%, rgba(12, 61, 73, 1) 100%);
}
.dfazla a:hover{
  background: #E55143;
  background: linear-gradient(90deg,rgba(229, 81, 67, 1) 0%, rgba(229, 101, 67, 1) 50%, rgba(229, 119, 67, 1) 100%);
}
footer{
  width: 100vw;
  float: left;
}
.fust{
  float: left;
  width: 100vw;
  background: #13849C;
  background: linear-gradient(180deg,rgba(19, 132, 156, 1) 0%, rgba(16, 94, 113, 1) 50%, rgba(12, 62, 75, 1) 100%);
  height: 22.3vw;
  border-top-left-radius: 5vw;
  border-top-right-radius: 5vw;
  padding-top: 1.4vw;
  box-sizing: border-box;
}
.fsol{
  float: left;
  width: 19.9vw;
}
.flogo{
  float: left;
  width: 19.9vw;
}
.flogo img{
  float: left;
  width: 8.3vw;
}
.fsol p{
  float: left;
  width: 19.9vw;
  color: #fff;
  font-size: .75vw;
  text-align: left;
  margin-top: 1.4vw;
}
.fsocial{
  float: left;
  width: 6.4vw;
  margin-top: 1.4vw;
  display: flex;
  justify-content: space-between;
  transition: 0.2s;
}
.fsocial i{
  color: #0b3c49;
  background-color: #fff;
  font-size: 1.2vw;
  padding: 0.3vw;
  border-radius: .4vw;
}
.fsocial i:hover{
  color: #e57743;
}
.fsag{
  float: right;
  width: 67.7vw;
}
.fmenu{
  float: right;
  width: 65.7vw;
  display: flex;
  justify-content: space-between;
  height: 3.3vw;
  margin-top: 1.475vw;
}

.fmenu li{
  float: left;
  color: #ffffff;
  transition: .2s;
}
.fmenu li a{
  float: left;
  color: #ffffff;
  font-size: .95vw;
  font-weight: 600;
  line-height: 3.1vw;
}
.fmenu li a:hover{
  color: #E55143;
}
.fmenu .ugorus a:hover{
  color: #fff!important;
}
.filetisim{
  float: left;
  width: 5vw;
  margin-left: 27vw;
}
.filetisim i{
  float: left;
  color: #fff;
  font-size: 1.3vw;
  margin-right: 3vw;
  margin-bottom: 1vw;
}
.filetisim i:hover{
  color: #E55143;
}
.sozlesme{
  float: left;
  width: 67.7vw;
  padding-left: 1vw;
  box-sizing: border-box;
  transition: .2s;
  margin-top: 7vw;
}
.sozlesme a{
  float: left;
  font-size: .8vw;
  color: #fff;
  margin-left: 1vw;
  margin-top: .5vw;
}
.sozlesme a:hover{
  color: #E55143;
}
.sozlesme img{
  width: 25vw;
  float: right;
}
.kpaket{
  float: left;
  width: 9vw;
  transition: .2s;
}
.kpaket a{
  color: #fff;
  float: left;
  width: 9vw;
  font-size: .9vw;
  text-align: left;
  margin-left: 1vw;
  margin-bottom: .5vw;
}
.kpaket a:hover{
  color: #E55143;
}
.falt{
  color: #f2f3f3;
  float: left;
  width: 100vw;
}
.falt p{
  float: left;
  height: 4vw;
  text-align: left;
  line-height: 4vw;
  color:#0b3c49;
  margin-left:35vw;
}
.falt a{
  float: right;
  margin-top: .7vw;
}
.falt a img{
  float: right;
  width: 8.5vw;
}
.blink-slow {
  animation: blinkSlow 5s ease-in-out infinite; /* Süreyi büyüt → daha yavaş */
}

@keyframes blinkSlow {
  0%, 100% { opacity: 1; }   /* Normal parlak */
  50% { opacity: 0.4; }      /* Biraz soluk (ama kaybolmuyor) */
}


.anapaketler{
  float: left;
  width: 100vw;
}
.paketbaslik{
  float: left;
  height: 23.2vw;
  width: 100vw;
}
.paketalt{
  width: 100vw;
  text-align: center;
  margin-top: 5vw;
}
.paketalt img{
  width:21.3vw;
}
.paketalt p{
  width: 100vw;
  padding: 0 17.2vw;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.25vw;
  margin-top: 2.8vw;
}
.fiyatlar{
  float: left;
  width: 100vw;
  margin-top: -6.4vw;
}
.fortala{
  width: 91vw;
  display: flex;
  justify-content: space-around;
}
.fkutu{
  float: left;
  width: 25.7vw;
  height: 38vw;
  border: solid #28535e .1vw;
  background-color:#fff ;
  border-radius: 1vw;
  padding: .75vw;
  box-sizing: border-box;
}
.fkutu:hover{
  background-color: #f7f7f7c0;
}
.kutumavi{
  float: left;
  width: 24.2vw;
  height: 8.2vw;
  border-radius: 1vw;
  background: #114352;
  background: linear-gradient(0deg,rgba(17, 67, 82, 1) 0%, rgba(15, 95, 114, 1) 50%, rgba(27, 133, 157, 1) 100%);
}
.kutumavi h2{
  float: left;
  width: 24.2vw;
  color: #fff;
  font-size: 1vw;
  font-weight: 400;
  text-align: left;
  padding-left: 1.2vw;
  box-sizing: border-box;
  line-height: 2vw;
  margin-top: 1.5vw;
}
.ficerik{
  float: left;
  width: 24.2vw;
}
.ficerik p{
  float: left;
  width: 24.2vw;
  color: #0b3c49;
  font-size: .8vw;
  font-weight: 400;
  text-align: left;
  padding-left: 1.2vw;
  box-sizing: border-box;
  margin-top: 1vw;
  border-bottom:solid #dee5e7 .2vw;
  padding-bottom: .3vw;
}
.fiyatalt{
  float: left;
  width: 91vw;
}
.fbilgi{
  width: 47.3vw;
  height: 7.3vw;
  border-radius: 1vw;
  background: #E55243;
  background: linear-gradient(180deg,rgba(229, 82, 67, 1) 0%, rgba(230, 101, 67, 1) 50%, rgba(229, 118, 67, 1) 100%);
  margin-left: 8.5vw;
  margin-top: 8.75vw;
}
.fbilgi p{
  color: #fff;
  font-size: 1vw;
  padding: 1.5vw 3vw;
  float: left;
}
.fiyatalt img{
  float: left;
  width:17.8vw;
  margin-left: 8.2vw;
  margin-top: -11.75vw;
}
.fiyatil{
  float: left;
  width: 91vw;
  margin-top: 2.23vw;
  margin-bottom: 2.23vw;
}
.fiyatil h2{
  float: left;
  width: 91vw;
  color: #0b3c49;
  font-size: 1.2vw;
  margin-bottom: 2.5vw;
}
.dkutu{
  background-color: #f2f3f4;
  border-radius: 1vw;
  float: left;
  width: 20.3vw;
  height: 5.2vw;
  margin-right: 3.2vw;
}
.dkutu h4{
  color: #0b3c49;
  width: 20.3vw;
  font-size: 1vw;
  margin-top: 1vw;
  font-weight: 500;
}
.dkutu p{
  color: #0b3c49;
  width: 20.3vw;
  font-size: 1vw;
}


.halt{
  width: 100vw;
  float: left;
  text-align: center;
  height: 8vw;
  background: #f2f3f4;
  z-index: 4;
  border-bottom:solid 0.1vw #E55143;
  margin-bottom: 1vw;
}
.halt p{
  width:100vw;
  text-align: center;
  margin: 1vw 0;
  float: left;
}
.halt p a{
  color: #0b3c49;
  font-size: 0.8vw;
}
.halt h1{
  width: 100vw;
  float: left;
  text-align: center;
  font-size: 1.5vw;
  color: #0b3c49;
}
.haltcizgi{
  width: 3.5vw;
  height: 0.5vw;
  background-color: #E55143;
  float: left;
  margin-left: 48.25vw;
  border-radius: 2vw;
  margin-top: 0.5vw;
}

.aboutarka p{
  float: left;
  width: 100vw;
  padding: 4vw 10vw;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 1vw;
  color: #0b3c49;
}
.aboutarka h2{
  float: left;
  width: 100vw;
  text-align: center;
  font-size: 1.5vw;
  color: #0b3c49;
  margin-top: 2vw;
}
.blogkutular{
  float: left;
  width: 100vw;
  background-color: #f1f1f1;
  padding-bottom: 7vw;
  margin-bottom: -5vw;
  margin-top: -1vw;
  padding-top: 2vw;
}
.blogkutular h2{
    float: left;
    width: 91vw;
    color: #0b3c49;
    font-size: 1.5vw;
    margin-bottom: 2vw;
}

.bkutu2 {
  float: left;
  width: 22vw;
  transition: 0.2s;
  margin-right: 1vw;
  margin-bottom: 1vw;
}
.blogkutular .ortala ul > a:nth-child(4n) > .bkutu2 {
  margin-right: 0 !important;
}
.bkutu2 img{
  float: left;
  width: 22vw;
  border-radius: 2vw;
}
.bicerik2{
  width: 18vw;
  float: left;
  height: 14.6vw;
  border-radius: 2vw;
  background-color: #fff;
  margin-left: 2vw;
  margin-top: -5.6vw;
}
.bicerik2 h2{
  color: #43656f;
  float: left;
  width: 18vw;
  font-size: 1vw;
  font-weight: 400;
  margin-top: 1.77vw;
  margin-bottom: 1.77vw;
  padding: 0 2vw;
  box-sizing: border-box;
}
.bicerik2 p{
  float: left;
  width: 18vw;
  font-size: .7vw;
  color:#43656f;
  margin-top: 0;
  padding: 0 1vw;
  box-sizing: border-box;
}
.bicerik2 h3{
  float: left;
  width: 10.4vw;
  font-size: .9vw;
  margin-left: 2.6vw;
  padding: .6vw 1.2vw;
  margin-top: .5vw;
  border-radius: 1vw;
  color: #fff;
  background: #13849B;
  background: linear-gradient(90deg,rgba(19, 132, 155, 1) 0%, rgba(16, 95, 113, 1) 50%, rgba(12, 61, 73, 1) 100%);
}
.bgortala2{
  width: 91vw;
  float: left;
  display: flex;
  justify-content: space-between;
  margin-top: 3vw;
}
.bkutu2:hover h2{
  color: #E55143;
}
.bkutu2:hover h3{
  background: #E55143;
  background: linear-gradient(90deg,rgba(229, 81, 67, 1) 0%, rgba(229, 101, 67, 1) 50%, rgba(229, 119, 67, 1) 100%);
}
.sayfaicerik{
  width: 100vw;
  float: left;
}
.sayfaicerik p{
  width: 100vw;
  float: left;
  padding: .5vw 7vw;
  box-sizing: border-box;
  font-size: 1.2vw;
  text-align: left;
}
.sayfaicerik h2{
  float: left;
  width: 100vw;
  padding: 0 7vw;
  margin-top: 2vw;
  box-sizing: border-box;
  text-align: left;
  color:#114352;
  font-size: 1.5vw;
}
.sayfaicerik h3{
  float: left;
  width: 100vw;
  padding: 0 7vw;
  margin-top: 2vw;
  box-sizing: border-box;
  text-align: left;
  color:#114352;
  font-size: 1vw;
}

.ilbilgi {
  width: 70vw;
  height: 25vw;
  background-color: #ffffffc5;
  float: left;
  margin-left: 15vw;
  margin-top: 9vw;
  border-radius: 1vw;
  border: solid #0b3c49 .15vw;
}
.ilbilgi h2{
  float: left;
  width: 70vw;
  text-align: center;
  font-size: 1.4vw;
  color: #114352;
  margin-bottom: 2vw;
}
.ilbilgi p{
  width: 60vw;
  float: left;
  text-align: left;
  padding: .5vw 0vw!important;
  box-sizing: border-box;
  font-size: 1.2vw;
  border-bottom: solid #0b3c49 .1vw;
  margin-left: 5vw;
}
.ugrsme{
  float: left;
  width: 70vw;
  margin-top: 2.5vw;
}
.ugrsme a{
  color: #fff;
  width: 10.4vw;
  font-size: .9vw;
  padding: .6vw 1.9vw;
  border-radius: 1vw;
  background: #E55143;
  background: linear-gradient(90deg,rgba(229, 81, 67, 1) 0%, rgba(229, 101, 67, 1) 50%, rgba(229, 119, 67, 1) 100%);
}
.ugrsme a:hover{
  background: #13849B;
  background: linear-gradient(90deg,rgba(19, 132, 155, 1) 0%, rgba(16, 95, 113, 1) 50%, rgba(12, 61, 73, 1) 100%);
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: inline-block !important;
    background: #0B3C49 !important;
    color: #fff !important;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 600;
    transition: background 0.3s ease;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background: #E57743 !important;
}
.woocommerce a.checkout-button {
    background: #e53935 !important;
    color: #fff !important;
    padding: 12px 20px !important;
    text-align: center;
    display: inline-block;
}











.woocommerce div.product div.images img.wp-post-image {
    border-radius: 10px !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1) !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
    width: 20vw;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 20vw!important;
    margin-left: 15vw!important;
}
.woocommerce span.onsale {
    display: none !important;
}


/* Ürün meta kısmındaki Kategoriler yazısını gizle */
.woocommerce div.product .product_meta .posted_in {
    display: none !important;
}

.wc-block-cart-items{
  display: none!important;
      visibility: hidden;
}
.wc-block-grid__products{
    display: none!important;
      visibility: hidden;
}

.woocommerce table.shop_table {
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 90vw;
    margin-left: 5vw;
    border-collapse: separate;
    border-radius: 5px;
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 0vw;
}

.woocommerce a.checkout-button {
    background: #e53935 !important;
    color: #fff !important;
    padding: 1.5vw 2.5vw !important;
    text-align: center;
    display: inline-block;
    width: 16vw;
    margin-left: 5vw;
}




/* Checkout form kutuları */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    background: #F2F3F4; /* senin nötr rengin */
}

/* Başlıklar */
.woocommerce-checkout h3 {
    color: #0B3C49; /* ana renk */
    border-bottom: 2px solid #E57743;
    padding-bottom: 6px;
    margin-bottom: 12px;
}

/* Sipariş özeti tablo */
#order_review table.shop_table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ddd;
}
#order_review table.shop_table th,
#order_review table.shop_table td {
    border: 1px solid #ddd;
    padding: 10px;
}

/* Butonlar */
.woocommerce #place_order,
.woocommerce a.button,
.woocommerce button.button {
    background-color: #E57743; /* aksiyon rengi */
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
}
.woocommerce #place_order:hover {
    background-color: #0B3C49; /* ana renk hover */
}




.odemekapsar{
  float: left;
  width: 100vw;
  margin: 3vw 0;
}
.custom-checkout-container {
  max-width: 90vw;
  margin-left: 3vw;
  padding: 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  font-family: Arial, sans-serif;
}

.checkout-title {
  text-align: center;
  font-size: 24px;
  margin-bottom: 25px;
  color: #333;
}

.checkout-section {
  margin-bottom: 30px;
}

.checkout-section h3 {
  font-size: 18px;
  margin-bottom: 15px;
  border-bottom: 2px solid #eee;
  padding-bottom: 5px;
  color: #444;
}

.form-group {
  margin-bottom: 15px;
}

.form-group label {
  display: block;
  font-size: 14px;
  margin-bottom: 6px;
  color: #555;
}

.form-group input {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #ccc;
  transition: 0.3s;
}

.form-group input:focus {
  border-color: #0073aa;
  outline: none;
  box-shadow: 0 0 5px rgba(0,115,170,0.3);
}

.order-summary ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.order-summary li {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}

.order-summary .total {
  font-weight: bold;
  font-size: 16px;
  color: #222;
}

.payment-methods label {
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
}

.checkout-btn {
  width: 100%;
  padding: 14px;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  background: #0073aa;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
}

.checkout-btn:hover {
  background: #005f8d;
}
#order_review table.shop_table {
    border-collapse: collapse;
    width: 80vw!important;
    border: 1px solid #ddd;
}


.woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 50vw;
    clear: none;
}
.woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary p{
  width: 50vw!important;
  font-size: 1.5vw!important;
}
.woocommerce .quantity .qty{
    width: 3.631em;
    text-align: center;
    padding: .8vw 2vw;
}
.price{
  width: 50vw!important;
  font-size: 1.8vw!important;
}
.woocommerce-message {
    border-top-color: #8fae1b;
    width: 95vw;
    visibility: hidden;
}