.orta_tab {
  background: linear-gradient(135deg, rgba(38, 35, 111, 0.88) 0%, rgba(52, 47, 138, 0.82) 100%);
  width: 100%;
  height: 5rem;
  box-shadow: 0 10px 24px rgba(20, 18, 62, 0.24);
	border-radius: 100px;
  margin-top: -66px;
  position: relative;
  z-index: 30;
  padding: 7px 8px;
  backdrop-filter: blur(2px);
}
.orta_tab:after {
    content: '';
    width: calc(25% - 8px);
    height: calc(100% - 14px);
    background: linear-gradient(180deg, #ffffff 0%, #f4f5f8 55%, #eceff3 100%);
    position: absolute;
    top: 7px;
    left: 8px;
    transition: .45s ease;
    border-radius: 100px;
    box-shadow: 0 6px 16px rgba(20, 18, 62, 0.14), inset 0 1px 0 rgba(255,255,255,0.9);
}


section {



}
.otel-fiyat {
  position: absolute;
top: 0.5rem;
    bottom: 0.5rem;
 /* transition: .7s; */
  transform: scale(0);
/* transform-origin: center right;
  transition-delay: .1s;
  */
}
.otel-icerik {
  position: absolute;

  top: 0.5rem;
    bottom: 0.5rem;
 /* transition: .7s; */
  transform: scale(0);
/* transform-origin: center right;
  transition-delay: .1s;
  */
}
.otel-icerik:before {
  color: rgba(0,0,0,.2);
  font-size: 4rem;
  font-weight: 100;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

label {
  width: 25%;
  float: left;
  color: rgba(255,255,255,.92);
  text-align: center;
  cursor: pointer;
  transition: .35s ease;
  z-index: 2;
  position: relative;

}
label h4 {
  
	font-weight:bold;
	font-size:15px;
	line-height:20px;
	margin-top:17px;
}
label:hover {color: #ffffff;}
label:before {
  display: block;
  font-size: 3rem;
  line-height: 5rem;
  z-index: 2;
}

#profile0:checked ~ .orta_tab [for='profile0'],
#profile1:checked ~ .orta_tab [for='profile1'],
#profile2:checked ~ .orta_tab [for='profile2'],
#profile3:checked ~ .orta_tab [for='profile3']
 {
  color: #26236F;
  font-weight: 600;
  position: relative;
}
#profile1:checked ~ .orta_tab [for='profile1'] {}
#profile0:checked ~ .orta_tab [for='profile0'] {}

#profile0:checked ~ .orta_tab:after {
  left: 8px;
}
#profile1:checked ~ .orta_tab:after {
  left: calc(25% + 2px);
  border-top: 0 none;
}
#profile2:checked ~ .orta_tab:after {
  left: calc(50% - 4px);
}
#profile3:checked ~ .orta_tab:after {
  left: calc(75% - 10px);
}


#profile0:checked ~ .profile0,
#profile1:checked ~ .profile1,
#profile2:checked ~ .profile2,
#profile3:checked ~ .profile3{
  display: block;
  transform: scale(1);
 /* transition-delay: .5s; */
  position: relative;
}

@media (max-width: 992px) {
  .orta_tab {
    height: 5rem;
    border-radius: 100px;
    margin: -60px 10px 0px 10px;
    padding: 7px 8px;
  }
  .orta_tab:after {
    width: calc(25% - 8px);
    height: calc(100% - 14px);
    top: 7px;
    left: 8px;
  }
  label h4 {
    font-size: 12px;
    line-height: 17px;
    margin-top: 12px;
  }
}