html {
  margin: 0;
  padding: 0;
}

body {
  /* background-color: #F0F4F8; */
  background-color: #F4FBFE;
  font-weight: 400;
  font-size: 15px;
  color: #231F20;
  font-family: "Work Sans", sans-serif;
}


html * {
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
  outline: none;
}

html *:after {
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

html *:before {
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}


.urun-icerik-tablosu {
  background-color: #ceecfc70 !important;
  border-radius: 8px;
  margin-top: 25px !important
}

.mainColor {
  color: #0054A6;
}

.font-size-11 {
  font-size: 11px;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-16 {
  font-size: 16px;
}


.material-symbols-outlined {
  font-variation-settings:
    'FILL' 0,
    /* içi boş */
    'wght' 400,
    'GRAD' 0,
    'opsz' 24,
    'ROND' 1;
  /* yuvarlatılmış */
  font-size: 15px;
  color: #231F20;
}

/* .material-symbols-outlined:hover {
  color: #007bff;
} */

/* #griAlan {
  width: 100%;
  height: 100vh;
  z-index: 4;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
} */


#headerAltiBosluk {
  height: 155px;
}

h1,
h2,
h3,
h4,
span {
  padding: 0;
  margin: 0;
}

h1,
h2 {
  color: #231F20;
}

h1 {
  font-size: 30px;
  font-weight: 600;
}

h2 {
  font-size: 26px;
  font-weight: 600;
}

h3 {
  font-size: 20px;
  font-weight: 600;
}

a {
  text-decoration: none !important;
}

.dilSecimi {
  font-size: 14px;
  color: white;
  width: 145px;
}


.colorWhite {
  color: white;
}


#header {
  background: rgba(0, 0, 0, .87);
  /* padding:15px 0px; */
  position: fixed;
  top: 0;
  z-index: 10;
}

#header:hover {
  background: rgba(0, 0, 0, .87);
  /* background: #ed1c24; */
  /* padding:6px 0px; efekt icin aç  */
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  outline: none;
}



#header ul,
.filtreUl {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


#header ul li {
  display: inline-block;
  margin: 0px 10px;
  font-size: 14px;
  padding: 23px 0px;
  height: 100% !important;
  cursor: pointer;
}





#header .dilSecimi ul li {
  margin: 0px 5px !important;
}

#header ul .aktif {
  border-bottom: 1px solid white;
}

#header ul .aktif a {
  color: white;
}

#header ul li a {
  width: 100%;
  color: rgba(255, 255, 255, .85);
}

#header ul li a:hover {
  color: white;
}



.w100 {
  width: 100%;
}

.vh100 {
  height: 100vh;
}


.esnekBosluk {
  height: 60px;
}


.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.muted {
  font-size: 14px;
  color: #6b6c6e !important;
}

.table> :not(caption)>*>* {
  padding: 5px 15px;
  border-bottom: 2px solid #ffffff;
}

table {
  --bs-table-bg: none !important;
}

.urunKarti {
  /* border: 1px solid #e5e8e9;
  padding: 15px; */
  /* border-radius: 10px; */
  margin-bottom: 0px;
}

.urunKartiUrunlerSayfasi {
  /* border: 1px solid #e5e8e9;
  padding: 15px; */
  /* border-radius: 10px; */
  margin-bottom: 30px;
}

.urunKarti p {
  color: #231F20;
  margin-bottom: 0px;
}

.mm-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  row-gap: 0px;
}

.mm-item {
  width: calc((100% - 15px * 4) / 5);
  /* 5 sütun ve 4 boşluk */
  text-align: center;
  border-radius: 8px;
}




.etiket {
  color: #231F20;
  border: 1px solid #b5b9ba;
  border-radius: 4px;
  background-color: #F4FBFE;
  padding: 5px 10px;
  display: inline-block !important;
  margin-bottom: 5px;
}

.etiket:hover {
  color: #0054A6;
  border: 1px solid #0054A6;
}

/* .urunKarti:hover{
  border: 1px solid #0054A6;
  padding: 15px;
  border-radius: 10px;
} */

.urunKarti:hover p {
  color: #0054A6;
}

.urunKartiAdTasiyici {
  min-height: 50px;
}


.blogOneriTasiyici{
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #e5e8e9;
}

.blogOneriTasiyici a{
  font-weight: 500;
  color: #231F20;
}

.blogOneriTasiyici a:hover{
  color: #0054A6;
}

#blogSagSutun{
  position: sticky;
  top: 155px;
  max-width:330px; 
  width:100%;
}

.sertifikalar {
  text-align: left;
  margin-bottom: 15px;
  max-width: 67.5px;
  height: auto;
}

.accordion-button-urun-detay {
  padding: 10px 15px;
  background-color: #F4FBFE;
}

.accordion-body-urun-detay {
  padding: 5px 15px 15px 15px;
  font-size: 14px;
}

.accordion-button:not(.collapsed) {
  background-color: white;
  border: 0px !important;
  color: #231F20;
}

.accordion-button:focus,
.form-control-ozel:focus {
  box-shadow: none !important;
}

.urunDetaySagSutun {
  padding-left: 15px;
  border-left: 1px solid #e5e8e9;
}

.yuk-5 {
  height: 5px;
}

.yuk-10 {
  height: 10px;
}

.yuk-15 {
  height: 15px;
}

.yuk-20 {
  height: 20px;
}

.yuk-25 {
  height: 25px;
}

.yuk-30 {
  height: 30px;
}

.yuk-35 {
  height: 35px;
}

.yuk-40 {
  height: 40px;
}

.yuk-45 {
  height: 45px;
}


.cPointer:hover {
  cursor: pointer;
}


.yuk-50 {
  height: 50px;
}

.yuk-60 {
  height: 60px;
}

.yuk-70 {
  height: 70px;
}

.yuk-80 {
  height: 80px;
}

.yuk-90 {
  height: 90px;
}

.yuk-100 {
  height: 100px;
}

.tasiyici1200 {
  max-width: 1300px;
  padding: 0px 15px;
}

.tasiyici1200Big {
  max-width: 1600px;
  padding: 0px 15px;
}


#urunlerFiltresiModal {
  width: 100%;
  z-index: 101;
  position: fixed;
  background-color: #12214A;
  padding: 20px;
  height: 100%;
}

.swiperHomePaddingYonet{
  padding-bottom: 40px !important;
}

.flex1 {
  flex: 1;
}

.flex2 {
  flex: 2;
}

.flex3 {
  flex: 3;
}

.oneCikanMetin{
  font-size: 18px; border-left:2px solid #69B3E3; padding-left:15px;
}

.degerlerimizTasiyici{
  /* border-top: 1px solid #e5e8e9; */
  border-bottom: 1px solid #e5e8e9;
  padding-top: 16px;
}

/* .degerlerimizTasiyici:last-child{
  border-bottom: 1px solid #e5e8e9;
} */

.map-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 400px;
  /* 4:3 */
  height: 0;
  /* kritik */
  overflow: hidden;
}

.map-wrap iframe {
  position: absolute;
  inset: 0;
  /* top:0;right:0;bottom:0;left:0 kısayolu */
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}



/* swiper baş */
.mySwiperMain {
  width: 600px;
  height: auto;
  /* ✅ içeriğe göre yükseklik */
}

.mySwiperThumbs {
  /* width: 100px;
  align-self: stretch;
  margin-right: 15px !important; */
  width: 100px;
  max-height: 100%;
  /* büyük görselin yüksekliğini geçmesin */
  overflow: hidden;
  margin-right: 15px !important;
}

.swiper-slide img {
  width: 100%;
  height: auto;
  /* Görsel oranını korur */
  display: block;
  border-radius: 8px;
}

.mySwiperThumbs .swiper-slide,
.swiper-slide-thumb .swiper-slide {
  height: auto;
  opacity: 0.4;
  cursor: pointer;
  border: 1px solid #b5b9ba;
  padding: 10px;
  border-radius: 6px;
}

.mySwiperThumbs .swiper-slide-thumb-active,
.swiper-slide-thumb .swiper-slide-thumb-active {
  opacity: 1;
  border: 1px solid #b5b9ba;
}

.swiper-wrapper .video-wrapper iframe {
  width: 100% !important;
  height: 478px;
}


/* .mySwiperMain .swiper-slide img{
  border: 1px solid #e5e8e9;
  padding: 15px;
  border-radius: 40px;
} */

/* .mySwiperThumbs img{
  width: 82px;
  height: 82px;
} */
/* swiper son */

#headSocialMedia {
  background-color: #12214A;
  padding: 5px 0px 5px 0px;
}

#headSocialMedia ul li {
  display: inline-block;
}

#headSocialMedia ul li a {
  color: white;
}


#urunlerSolSutunTasiyici {
  position: sticky;
  top: 185px;
}


footer h3,
#mobilMenu h3 {
  color: #ffffff;
  margin-bottom: 15px;
}

footer ul,
#headSocialMedia ul,
#urunlerSolSutunTasiyici ul,
#urunlerFiltresiModal ul {
  padding-left: 0px !important;
  list-style-type: none;
}

#urunlerSolSutunTasiyici {
  padding: 15px;
  border: none;
  border-radius: 14px 0px 14px 14px;
  background-color: #12214A;
  margin-top: 30px;
}


#urunlerSolSutunTasiyici ul li,
#urunlerFiltresiModal ul li {
  margin: 1px 0px;
}



#urunlerSolSutunTasiyici ul .aktif,
#urunlerFiltresiModal ul .aktif {
  background-color: #F4FBFE !important;
  color: #12214A !important;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 4px;
}

#urunlerSolSutunTasiyici ul li a,
#urunlerFiltresiModal ul li a {
  color: #b8dcf3;
  display: block;
  padding: 5px 0px;
}

#urunlerSolSutunTasiyici ul .aktif a,
#urunlerFiltresiModal ul .aktif a {
  color: #12214A !important;
}

#urunlerSolSutunTasiyici ul a:hover,
#urunlerFiltresiModal ul a:hover {
  color: #12214A;
}

#urunlerSolSutunTasiyici ul li:hover,
#urunlerFiltresiModal ul li:hover {
  background-color: #b8dcf3;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 4px;
}

footer ul li {
  margin-bottom: 5px;
}


footer a,
footer p,
#mobilMenu a {
  color: #b8dcf3 !important;
}

footer a:hover {
  color: #fff !important;
}


#headYukseklikAyari {
  min-height: 64.5px;
}

.input-group-text-ozel {
  background-color: #ffffff !important;
}

#headSearchGenislik {
  max-width: 250px;
  margin-top: 21px;
}


@media (max-width: 1024px) {
  .urunKarti {
    margin-bottom: 35px;
  }




}


@media (max-width: 768px) {

  #blogSagSutun{
    max-width:930px !important; 
  }

  .swiperHomePaddingYonet{
    padding-bottom: 0px !important;
  }

  .swiperHomePaddingYonetHeadMobil{
    padding-bottom: 40px !important;
  }

  #headerAltiBosluk {
    height: 145px;
  }

  .urunDetaySagSutun {
    padding-left: 0px;
    border-left: none;
  }

  #headSearchGenislik {
    max-width: 180px;
    padding: 0px 8px;
    margin-top: 0px;
  }

}