*{
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.collapse{
    float: right;
}
.icerik{
    text-align: center;
}
.urunler{
    margin-top: 2%;
}
.ahaly{
    margin-top: 2%;
}
.akoly{
    margin-top: 2%;
}
.hh1{
    font-size: 48px;    
}
.ustUl>li{
  font-size: large;
  font-weight: 500;
  color: #464646;
}
.container{
    background: #ffffff;
}
.ttt:hover{
  color: black;
}
.mms{
  text-align: center;
}
.kln{
  font-weight: 900;
  padding-top: 5px;
}
.gorselD{
  max-width: 100%;
  height: auto;
}
body{
  background-image: url(img/body-bgc-temizlik\ antalya.webp);
  background-size: 100%;
}
.footer{
  text-align: center;
  padding-top: 3%;
  background-color: #ffffff00;
  color: #ffffff;
}
.a{  
  background-image: url(img/footer-bgc-mimoza.webp);
  border-top: 2px solid #818181;
}
ul {
   list-style-type:none; 
  }
.ul{
  padding: 0%;
  margin-top: 6%;
}
.ul>li{
  font-weight: bold;
  margin-bottom: 2%;
}
.hzmt{
  margin-top: 6%;
}
.ull{
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}
.zll{
  text-decoration: none;
  color: #ffffff;
}
.dtybtn{
  color: white;
}
.ull:hover{
  color: #32beff;
}
.asd{
  text-decoration:underline;
}
.ilkF{
  margin-bottom: 2%;  
}
.ikinciF{
  padding-bottom: 1%;
}
.ss{
  margin-top: 6%;
}
.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
  }  
  .roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }  
  .roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }  
  .roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }  
  .roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
  }  
  .roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
    color: rgb(92, 7, 7);
  }
  .containerr{
    text-align: center;
    margin-top: 80px;
  }
  .btztn{
    background-color: #3af2ff;
    padding: 15px 30px;
    text-decoration: none;
    color: #000;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    font-weight: 500;
    cursor: pointer;    
    display: inline-block;
  }
  .btztn:hover{
    transform: scale(1.1); /* Butonun boyutunu %10 büyütür */    
    background-color: #00ffff; /* Yeşil */
    transition: transform 0.5s; /* Animasyon süresi */
  }
  .mb5{
    margin-bottom: 5%;
  }
  .bakim{
    text-align: center;
    margin-bottom: 3%;
    width: 100%;
    margin-top: 95px;
  }

  .bttn {
    background-color: #4CAF50; /* Yeşil */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    transition: transform 0.3s; /* Animasyon süresi */
    border-radius: 8px; /* Köşeleri kavisli yapar */
}
.tdn{
  text-decoration: none;
}
.tekliff{
  text-decoration: none;
  background-color: #60e1f1;
  padding: 1%;
  border-radius: 15px;
  color: rgb(155, 111, 16);
  font-weight: bold;
}
.tekliff:hover{
  background-color: #ff0048;
  transition: 1s ease; /* Geçiş süresi ve efekti */
  color: white;
  
}

.bttn:hover {
    transform: scale(1.1); /* Butonun boyutunu %10 büyütür */
    background-color: #378039; /* Yeşil */

}
.w100{
  
  width: 100%;
}

  .onemli{
    color: red;
    font-weight: bold;
  }
  .dll{
    color: red;
    font-weight: bold;
    text-decoration: none;
  }
  .meenu{
    position:fixed;
    z-index: 3;
    background: #ffffff;
    right: 0;
    left: 0;    
    border-bottom:3px solid #4ad8eb;
    border-bottom-left-radius: 15%;
    border-bottom-right-radius: 15%;
  }
  .icerik{
    margin-top: 100px;
  }
  .aaa{
    margin-right: 4%;
  }
  .spy{
    margin-top: 3%;
  }
  

  .counter{
    color: #eb3b5a;
    font-family: 'Muli', sans-serif;
    width: 200px;
    height: 200px;
    text-align: center;
    border-radius: 100%;
    padding: 77px 32px 40px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.counter:before,
.counter:after{
    content: "";
    background: #fff;
    width: 80%;
    height: 80%;
    border-radius: 100%;
    box-shadow: -5px 5px 5px rgba(0,0,0,0.3);
    transform: translateX(-50%)translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}
.counter:after{
    background: linear-gradient(45deg,#B81242 49%, #D74A75 50%);
    width: 100%;
    height: 100%;
    box-shadow: none;
    transform: translate(0);
    top: 0;
    left: 0;
    z-index: -2;
    clip-path: polygon(50% 50%, 50% 0, 100% 0, 100% 100%, 0 100%, 0 50%);
}
.counter .counter-icon{
    color: #fff;
    background: linear-gradient(45deg,#B81242 49%, #D74A75 50%);
    font-size: 33px;
    line-height: 70px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    top:  0;
    left: 0;
    z-index: 1;
    transition: all 0.3s;
}
.counter .counter-icon i.fa{
    transform: rotateX(0deg);
    transition: all 0.3s ease 0s;
}
.counter:hover .counter-icon i.fa{ transform: rotateX(360deg); }
.counter h3{
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 3px;
}
.counter .counter-value{
    font-size: 30px;
    font-weight: 700;
}
.counter.orange{ color: #F38631; }
.counter.orange:after,
.counter.orange .counter-icon{
    background: linear-gradient(45deg,#F38631 49%,#F8A059 50%);
}
.counter.green{ color: #88BA1B; }
.counter.green:after,
.counter.green .counter-icon{
    background: linear-gradient(45deg,#88BA1B 49%,#ACD352 50%);
}
.counter.blue{ color: #5DB3E4; }
.counter.blue:after,
.counter.blue .counter-icon{
    background: linear-gradient(45deg,#5DB3E4 49%,#7EBEE1 50%);
}

.hov::after{
  content: "";
  position: absolute;
  width: 0;
  height: 3px; /* Border kalınlığı */
  background-color: rgb(0, 195, 255); /* Border rengi */
  transition: width 0.2s ease; /* Geçiş süresi ve efekti */
}
.hov:hover::after{
  width: 90px; /* Border'ın tam genişliğe ulaşması */
}
.hovv::after{
  content: "";
  position: absolute;
  width: 0;
  height: 3px; /* Border kalınlığı */
  background-color: rgb(0, 195, 255); /* Border rengi */
  transition: width 0.2s ease; /* Geçiş süresi ve efekti */
}
.hovv:hover::after{
  width: 50px; /* Border'ın tam genişliğe ulaşması */
}
.hovvv::after{
  content: "";
  position: absolute;
  width: 0;
  height: 3px; /* Border kalınlığı */
  background-color: rgb(0, 195, 255); /* Border rengi */
  transition: width 0.2s ease; /* Geçiş süresi ve efekti */
}
.hovvv:hover::after{
  width: 142px; /* Border'ın tam genişliğe ulaşması */
}
.hovvvv::after{
  content: "";
  position: absolute;
  width: 0;
  height: 3px; /* Border kalınlığı */
  background-color: rgb(0, 195, 255); /* Border rengi */
  transition: width 0.2s ease; /* Geçiş süresi ve efekti */
}
.hovvvv:hover::after{
  width: 75px; /* Border'ın tam genişliğe ulaşması */
}
.hov1::after{
  content: "";
  position: absolute;
  width: 0;
  height: 2px; /* Border kalınlığı */
  background-color: rgb(138, 139, 139); /* Border rengi */
  transition: width 0.2s ease; /* Geçiş süresi ve efekti */
}
.hov1:hover::after{
  width: 155px; /* Border'ın tam genişliğe ulaşması */
}
.hov2::after{
  content: "";
  position: absolute;
  width: 0;
  height: 2px; /* Border kalınlığı */
  background-color: rgb(138, 139, 139); /* Border rengi */
  transition: width 0.2s ease; /* Geçiş süresi ve efekti */
}
.hov2:hover::after{
  width: 122px; /* Border'ın tam genişliğe ulaşması */
}
.hov3::after{
  content: "";
  position: absolute;
  width: 0;
  height: 2px; /* Border kalınlığı */
  background-color: rgb(138, 139, 139); /* Border rengi */
  transition: width 0.2s ease; /* Geçiş süresi ve efekti */
}
.hov3:hover::after{
  width: 108px; /* Border'ın tam genişliğe ulaşması */
}
.hov4::after{
  content: "";
  position: absolute;
  width: 0;
  height: 2px; /* Border kalınlığı */
  background-color: rgb(138, 139, 139); /* Border rengi */
  transition: width 0.2s ease; /* Geçiş süresi ve efekti */
}
.hov4:hover::after{
  width: 160px; /* Border'ın tam genişliğe ulaşması */
}
.dropdown-item:hover{
  font-weight: bold;
}

/* ---------------------------SLİDEER-------------------------- */

.slider-kapsayıcı {
  position: relative;
  width: 80%;
  overflow: hidden;
  margin: 50px auto; /* Merkezde konumlandırmak için */
  text-align: center;
}

.slider {
  display: flex;
    transition: transform 0.5s ease-in-out; /* Geçiş animasyonu */
}

.slayt {
  display: flex;
  justify-content: space-between;
  min-width: 100%;
  transition: 0.5s;
}

/* Yorum kartı */
.yorum-karti {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.3s;
  margin-bottom: 20px;
}

.yorum-karti:hover {
  transform: translateY(-5px);
}

/* Yorum içeriği */
.yorum-icerik {
  padding: 20px;
}

/* Yorum yazarı */
.yorum-yazar {
  margin: 0;
  font-weight: bold;
  color: #333;
  margin-top: 3%;
}

/* Yıldız derecesi */
.yorum-derecesi {
  font-size: 24px;
  color: #ffc107; /* Yıldızların rengi */
  margin-top: 2%;
}
.yorum-metni{
  margin-top: 2%;
}

/* Yıldız simgesi */
.yildiz {
  margin-right: 2px;
}

.önceki, .sonraki {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: white;
  color: black; /* Buton rengi siyah */
  border: none;
  cursor: pointer;
  padding: 10px;
  z-index: 100;
}

.önceki { left: -50px; }
.sonraki { right: -50px; }



.mobilmenu{
  display: none;
}
.ayrac{
  width: 100%;
  height: auto;
  padding-left:  10%;
  padding-right: 10%;
}
.mobil{
  display: none;
}
.mt3{
  margin-top: 3%;
}
.mt1{
  margin-top: 1%;
}
.mt2{
  margin-top: 2%;
}
.mt5{
  margin-top: 5%;
}
.rainboww{display: none;}
.mobil-sl{
  display: none;
}
.altCubuk{
  display: none;
}
.mobilYorumlar{display: none;}
.cccc{
  margin-top: 10%;
  margin-bottom: 13%;
}


/* ---------------------------SLİDEER-------------------------- */

.hali-yikama{
  margin-top: 85px;
  text-align: center;
}
.koltuk-yikama{
  margin-top: 85px;
  text-align: center;
}
.temizlik-hiz{
  margin-top: 85px;
  text-align: center;
}
.stor-yikama{
  margin-top: 85px;
  text-align: center;
}
.gizlilik{
  margin-top: 85px;
  text-align: left;
}

@media screen and (max-width:990px){
  .counter{ margin-bottom: 40px; }
}




@media screen and (max-width: 600px) {
  .meenu{
    display: none;
  }

  .mobilmenu{
    display: block;
  }
  body{
    background-image: none;
  }
  .ayrac{
    width: 100%;
    height: auto;
    padding-left:  0;
    padding-right: 0;
    margin-top: 20%;
  }
  .slideer{
    display: none;
  }
  .hzzl{
    text-align: center;
    margin-bottom: 4%;
  }
  .imgw{
    width: 100%;
  }
  .masaustu{
    display: none;
  }
  .mobil{
    display: block;
  }
  .mmt5{
    margin-top: 5%;
  }
  .mmt15{
    margin-top: 15%;
  }
  .mmt10{
    margin-top: 10%;
  }
  .tal{
    padding-top: 4%;
    background-color: #b262bd;
    color: white;
  }
  .bttn{
    background-color: #fffb03;
    color: black;
  }
  .yorumyeri{
    display: none;
  }
  .icerik{
    margin-top: 80px;
  }
  .mobilmenu{
    position: fixed;
  z-index: 3;
  background: #ffffff;
  right: 0;
  left: 0;

  }
  .rainbow{
    height: 3px;
  width: 100%;
  position: relative;
  z-index: 2;
  background-image: linear-gradient(to right, #f76570 0%, #f76570 8%, #f3a46b 8%, #f3a46b 16%, #f3a46b 16%, #ffd205 16%, #ffd205 24%, #ffd205 24%, #1bbc9b 24%, #1bbc9b 25%, #1bbc9b 32%, #14b9d5 32%, #14b9d5 40%, #c377e4 40%, #c377e4 48%, #f76570 48%, #f76570 56%, #f3a46b 56%, #f3a46b 64%, #ffd205 64%, #ffd205 72%, #1bbc9b 72%, #1bbc9b 80%, #14b9d5 80%, #14b9d5 80%, #14b9d5 89%, #c377e4 89%, #c377e4 100%);
 }
 .tekkk{
  margin-top: 2%;
  margin-bottom: 2%;
 }
 .tekliff{
margin-left: -1%;
  color: #000;
  font-size: small;
  padding: 3%;
 }
 .a{
  border: none;
 }
 .log{
  display: none;
 }
 .rainboww{
  display: block;
  height: 3px;
width: 100%;
position: relative;
z-index: 2;
background-image: linear-gradient(to right, #f76570 0%, #f76570 8%, #f3a46b 8%, #f3a46b 16%, #f3a46b 16%, #ffd205 16%, #ffd205 24%, #ffd205 24%, #1bbc9b 24%, #1bbc9b 25%, #1bbc9b 32%, #14b9d5 32%, #14b9d5 40%, #c377e4 40%, #c377e4 48%, #f76570 48%, #f76570 56%, #f3a46b 56%, #f3a46b 64%, #ffd205 64%, #ffd205 72%, #1bbc9b 72%, #1bbc9b 80%, #14b9d5 80%, #14b9d5 80%, #14b9d5 89%, #c377e4 89%, #c377e4 100%);
}
.reng{
  color: #eeb005;
}
.mobil-sl{
  margin-top: 43px;
  display: block;
  position: relative;
  display: inline-block;
  width: 100%;
}

.links {
  position: absolute;
  top: 70%;
  left: 20%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.links a {  
  color: #ffffff;
  display: block;
  width: 300px;
  height: 50px;  
  border-top-right-radius: 50px;
  margin: 10px 0;
  font-weight: bold;
  line-height: 50px;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
  border-bottom:1px solid #ffffff;
}
.spps{  
  position: absolute;
  transform: translatex(-72%);
}
.spps2{  
  position: absolute;
  transform: translatex(-48%);
}
.spps3{  
  position: absolute;
  transform: translatex(-40%);
}
.spps4{  
  position: absolute;
  transform: translatex(-45%);
}
.a1 {
  background: linear-gradient(to right, #a67de9, #3e056d);
}

.a2 {
  background: linear-gradient(to right, #ffcc00, #b37004);
}

.a3 {
  background: linear-gradient(to right, #3e595c, #45e7f3);
}

.a4 {
  background: linear-gradient(to right, #79caff, #0f4970);
}
.a{
  padding-bottom: 45px;
}

.altCubuk{
  display: flex;  
  position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: rgb(0, 0, 0);
    text-align: center;
    z-index: 99; /* Diğer içeriğin üzerinde olmasını sağlamak için */
    
}
.altCubuk a {
  padding: 10px;
  text-decoration: none;
  color: white;
}
.ww{
  background-color: #41911c;
    padding: 10px ;
    flex: 3;
    border-top-left-radius: 50px;
    text-align: center;
    border: none;
    }
.yy{
  background-color: #000000;
    padding: 10px ;
    flex: 1;
  border: 1px solid #ccc;
  border-top: none;
  text-align: center;

}
.tt{
  background-color: #ff0000;
    padding: 10px ;
    flex: 3;
    text-align: center;
    border-top-right-radius: 50px;

}
.dnmbtn{
  background-color: #140c0c00;
  border: none;
}
.mobilYorumlar{
  margin-top: 3%;
  display: block;
  text-align: center;
}
.yorumlar{
  margin-top: 10%;
}
.yrmi{
  border: 2px solid rgb(196, 196, 196);
  margin-bottom: 3%; 
}
.w100{
  
  width: 100%;
}
.gzll{
  margin-top: 2%;
  margin-bottom: 5%;
}
.bakim{
  margin-bottom: 0;
  margin-top: 80px;
}
.margint{
  margin-top: 20px;
}
.cccc{
  margin-top: 0;
}
.bbbb{
  margin-bottom: 5%;
}
}