.serit { position: relative; width:100%; height: 400px;  }
.serit li span { font-family: monospace; font-size:12px; color:var(--gray-700)}
.serit .etkinlik { position: relative; height:100%;}
.serit .etkinlik .e { position:absolute; padding:0.4rem 0.2rem 0.2rem 0.2rem;  width:90px!important; height: auto!important;
/*transition: all 0.5s cubic-bezier(0, 0, 0, 1);*/
 transition:0.3s;  
  /*transform: rotate(0deg);*/ transform-origin: 12px 7px;
  box-shadow:2px 2px 2px #00000040;
}

.serit .etkinlik .e.aktif:hover { 
  transform: rotate(15deg)!important;;
  box-shadow:5px 5px 2px #00000040;
  z-index:99
}
.serit .etkinlik .e img { width:100%;  }
.serit .etkinlik .e .tur { font-size:0.85rem; white-space: nowrap}
.serit .etkinlik .e.pasif:after {
content:''; position:absolute; left:0; top:0; width:100%; height: 100%; background:#00000060;
   transform: rotate(0deg);
  cursor:not-allowed;
}


.serit .etkinlik .e:after {
  content:'\F4EA';font-family: 'bootstrap-icons'; color:var(--yellow-500); position: absolute; left:-7px; top:-12px; 
  transform: rotate(-75deg); filter:drop-shadow(1px 1px 1px #00000040)
}



.serit .gun { position: absolute; display:flex; justify-content: space-between; width:100%; height:100%;   }
.serit .gun li { position:relative; height:100%; bottom:0%; width:1px; border-right: 1px solid var(--gray-300); }
.serit .gun li span { position: absolute; top:-15px; margin-left:-10px; width:20px; text-align:center;  }
.serit .gun li.buGun { border-right: 1px solid var(--red-200);}

.serit .saat { position: absolute;  width:100%; height:100%; }
.serit .saat li { position:relative; width:102%; height:8.333%; border-bottom: 1px solid var(--gray-300); }
.serit .saat li span { position: absolute; left:-45px; top:16px; width:40px; text-align:right;   }
.serit .saat li.buSaat { border-bottom: 1px solid var(--red-200);}


.kutularKapsayan { 
  /*margin-bottom:20rem!important;*/
}

.kutularKapsayan .kutu .card:before {
content:''; z-index:99;position:absolute; left:0; top:-13px; width:100%; height:20px; background:url(../img/tel.png); background-size:auto 100%;
}

.kutularKapsayan .kutu .card{
   transition:0.3s;  
}
.kutularKapsayan .kutu .card {
  box-shadow: 0px 0px 3px #00000030;
}

.kutularKapsayan .kutu .card:hover {
  box-shadow: 0px 0px 15px #00000050;
}

.kutularKapsayan .kutu .card.pasif:after {
content:''; position:absolute; left:0; top:0; width:100%; height: 100%; background:#00000060;
   transform: rotate(0deg);
  cursor:not-allowed;
}


.kutularKapsayan .kutu .card-body { padding:1rem 1rem 1rem 4rem; position:relative; overflow: hidden;}
.kutularKapsayan .kutu .card-body .tur { 
  position:absolute; left:3rem; top:0; height:3rem; line-height: 3rem; width:2000px;
  transform: rotate(90deg); transform-origin: 0% 0%; padding:0rem 1rem; 
}
 

.kutu .bilgi label { width:70px; color:var(--bs-info);}