* {
  box-sizing: border-box;
}


body{
background-color: #000000;
padding-top:0px;
 min-height: 100%;
margin:0;

}

.ustbar{
width:100%;

height:50px;
background: rgba(255, 255, 255, 0.9);



display:flex;
justify-content:space-between;


background-color:#3E3636

}



.ustpng{
border-radius:10px;
width:40px;
height:40px;
}




.navigasyon_bar{



display: flex;
justify-content:space-between;

box-shadow: 0 0 0 rgba(0,0,0,0);
transition: transform 0.3s ease, box-shadow 0.3s ease;
padding:5px;

position:fixed;
width:100%;
top:0;

  overflow: hidden;

z-index:100;
background-color:#D72323;

opacity:0.7;
}

.huawei_png{
width:30px;
height:30px;
padding-top:0px;
padding-bottom:0px;
margin:0;
object-fit: contain;
}


.ic_div{
  display: flex;
  align-items: center;    
  text-align: center;
  gap:8px;
}


.navigasyon_bar img{
transition: transform 0.3s ease;
  transform: scale(1);
}
.navigasyon_bar img:hover{
  transform: scale(1.20);
}


.navigasyon_bar a:hover{
    opacity: 1;
    transition: all 0.1s ease-in-out;
  box-shadow: 0 12px 25px rgba(0,0,0,0.18);

    
    background-color: #ffffff;
    border: 0px solid rgb(255, 0, 0);
    border-radius: 15px;
    
transform: translateY(-3px) scale(1.01);
  box-shadow: 0 0 10px 7px rgba(255,255,255,0.7);


}
.navigasyon_bar:hover{
opacity:1;
}

.navigasyon_bar a{
  text-decoration: none;
  color: black;
padding: 10px;
margin-right:20px;
}
.navpng{
width:40;
height:40;
}


.ana_foto{
width:600px;
height:600px;
border-radius:20px;
}
.ilk_gosterim{
display:flex;
justify-content:center;
overflow: hidden; 
border-radius:20px;


}
.ilk_gosterim img {
  transition: transform 0.3s ease;
  transform: scale(1);

}

.ilk_gosterim img:hover {
  transform: scale(1.03);   
}

.telefon_adi{
padding-top:130px;
text-align:center;
color:#D72323;
}




.ozellikler{
  display: flex;
  flex-direction: column;
  gap: 20px;


}

.ozellik{
background-color:#000000;
border-radius:20px;
  transition: box-shadow 0.3s ease;
padding-left: 32px;
text-align:center;
color:#D72323;
}

.ozellik:hover{
    transition: all 0.1s ease-in-out;
   box-shadow: 0 0 40px 10px rgba(255,255,255,0.7);
color:#F5EDED;
}

.ozellik li{
list-style:none;
background-color:#000000;;
border-radius:20px;
  transition: box-shadow 0.3s ease;
padding:5px;
text-align:center;
}

.ozellik li:hover{

border-radius:20px;
    transition: all 2.5s ease-in-out;
  box-shadow: 0 12px 25px rgba(0,0,0,0.10);
padding:5px;

}

.ozellik img{
  width: 24px;
}
p{
 text-align: center;
}





.alt-banner {
  background-color: #3E3636;
  text-align: center;
  padding: 20px;
width:100%;
color:#D72323;


}

.last_foot{
text-align:center;
color:#D72323;


margin-top:30px;
}
.foot a{
text-decoration:none;

color:#D72323;

margin:50px;
}

.foot_divs{
display:flex;
justify-content:space-between;
margin-bottom:50px;
margin-top:50px;
width:auto;
height:50px;
background-color:#3E3636;
gap:10px;
border-radius:20px;


}
.foot_divs a{
text-decoration:none;
text-align:left;
color:#3E3636;
border-radius:20px;

}
.foot_div1{
width:auto;
height:50px;

border-radius:20px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
color:#D72323;
line-height:25px;


}
.foot_div1:hover{
transform: translateY(-2px) scale(1.01);
  box-shadow: 0 12px 25px rgba(0,0,0,0.25);
color:#D72323;
}
.foot_divs a:hover{
background-color:#f8f8f8;

}
.footer_foto{
width:50px;
height:50px;
border-radius:20px;
float:left;
margin-right: 10px;

}