.blink {
  animation: blink 1s infinite;
}

@keyframes blink {
  0%   { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 1; }
}


body.menu-open::before { content: "";
position: fixed;
inset: 0;
z-index: 9;
background: rgba(0, 0, 0, 0.05);}

img{max-width: 100%;}




.bg_resim{background-position:center;background-repeat:no-repeat;background-size:auto;width:100%;display:inline-block;}
.banner{height: 295px;
    display: flex;
    align-items: end;
    justify-content: end;
    flex-direction: column;
    padding-bottom: 50px;}
.banner h1,
.banner span
{ color: #fff;margin-bottom: 10px;padding: 0;font-weight: 600;font-size: 25px;letter-spacing: 5px;}





nav[aria-label="Breadcrumb"]
{
  margin: 0;
display: table; 
color: #fff;font-size: 14px;
padding:0; 
}
nav[aria-label="Breadcrumb"] ol{margin:0;padding:0;display:flex;gap:23px;}
nav[aria-label="Breadcrumb"] li a
{
color: #fff;
font-size: 14px;position:relative;
}
nav[aria-label="Breadcrumb"] li a:hover{color:var(--renk1);}
nav[aria-label="Breadcrumb"] li a:after
{
content: "";
position: absolute;
right: -19px;
top: 56%;
transform: translateY(-50%) rotate(270deg);
border: solid transparent;
border-width: 4px;
border-top-color: #a7a7a7;
}







.button1{width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
pointer-events: all;
border: 4px solid var(--renk1);
border-radius: 45px;
background-color: var(--renk1) ;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 18px;
font-size: 16px;
font-weight: 500;
color: #fff;
position: relative;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;}
.button1:before{content: "";
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 0;
background-color: #ffffff;
border-radius: 45px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
z-index: 1;
pointer-events: none;}
.button1 span
{
position: relative;
z-index: 2;
}
.button1:hover {color:var(--renk1);}
.button1:hover:before{width: 100%;}
.button1:hover:after {-webkit-transform: rotate(0);transform: rotate(0);}
.button1.black{background-color: #161616;border-color: #161616;color:#fff;}
.button1.black:hover {color:#000;}


.button3{width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;pointer-events: all;border: 4px solid var(--renk1);border-radius: 4px;background-color: var(--renk1) ;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 8px 70px 8px 8px;font-size: 16px;font-weight: 500;color: #fff;position: relative;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.button3:before{content: "";position: absolute;right: 0;top: 0;height: 100%;width: 45px;background-color: #ffffff;border-radius: 4px;-webkit-transition: 0.3s ease;transition: 0.3s ease;z-index: 1;pointer-events: none;}
.button3:after{z-index: 3;content: "";position: absolute;width: 21px;height: 28px;right: 11px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background-image: url(/images/arrow-button-black.svg);background-repeat: no-repeat;background-position: center;background-size: 100% auto, 100%;-webkit-transition: 0.3s ease;transition: 0.3s ease;pointer-events: none;}
.button3 span{position: relative;z-index: 2;}
.button3:hover {color:var(--renk1);}
.button3:hover:before{width: 100%;}
.button3:hover:after {-webkit-transform: rotate(0);transform: rotate(0);}
.button3.black{background-color: #161616;border-color: #161616;color:#fff;}
.button3.black:hover {color:#000;}






.button2{display:flex;align-items:center;}
.button2 span{color: #000;
font-weight: 600;
margin-right: 8px;}
.button2 i{color: var(--renk1);
background-color: #f5f0eb;
width: 35px;
height: 35px;
display: flex;
align-items: center;transition-duration:.5s;
justify-content: center;
border-radius: 50%;
transform: rotate(45deg);}
.button2:hover i{transform: rotate(18deg);}


@keyframes slideDown {
  from {
transform: translateY(-100%);
  }
  to {
transform: translateY(0);
  }
}

.space{height: 100px;}

#geriBtn {
 position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
padding: 5px 17px 3px;
background: #b61e1b;
color: white;
border: none;
border-radius: 15px 15px 0 0;
font-size: 14px;
cursor: pointer;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
z-index: 99;
}

#geriBtn:hover {
  background: #b71c1c;
}




.whatsapp-destek {
  position: fixed;
  left: 85px;
  bottom: 15px;

  display: flex;
  align-items: center;
  gap: 8px;

  background: #1daa61;
  color: white;
  padding: 12px 18px;
  border-radius: 999px;

  font-size: 14px;
  text-decoration: none;

  box-shadow: 0 6px 18px rgba(0,0,0,0.2);
  z-index: 9999;

  transition: 0.3s;
}

.whatsapp-destek:hover {
  background: #1ebe5d;
}


#pageUp
{
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99;
display: flex;
flex-direction: column;
align-items: center;
width: 25px;
text-align: center;
font-size: 10px;
display: none;
font-weight: bold;
line-height: 11px;
cursor: pointer;
}