/* kemer pencere görseli */
.Window_Image{width:30vw;display:flex;align-items:end;justify-content:center}
.Window_Image_Limit{border-radius:500px 500px 5rem 5rem;width:20%;height:40%;overflow:hidden;position:relative}
.No_Anim .Window_Image_Limit{width:100%;height:100%}
.Window_Image_Container{position:absolute;top:50%;left:50%;height:100%;width:30vw;transform:translate(-50%,-50%)}
.Window_Image_Container img{transform:scale(1.3)}
@media screen and (max-width:768px){.Window_Image,.Window_Image_Container{width:65vw}}

/* kayan yazı */
.Marquee{margin:2rem 0}
.Marquee_Content{width:max-content;display:flex;flex-wrap:nowrap;animation:MarqueeScroll 20s infinite 0s linear}
.Marquee_Content.Reversed{animation-direction:reverse;animation-duration:34s}
.Marquee_Content div{display:inline-block;font-family:var(--title-font);font-weight:800;text-transform:uppercase;font-size:8rem;margin:1rem;color:var(--green)}
.Marquee_Content .Reversed{color:var(--cream);text-shadow:1px 1px 0 var(--green),-1px 1px 0 var(--green),-1px -1px 0 var(--green),1px -1px 0 var(--green)}
@keyframes MarqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}

/* zaman çizgisi */
.Timeline_Section{overflow:hidden}
.Timeline_Element{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem}
.Timeline_Element:nth-child(odd){flex-direction:row-reverse}
.Timeline_Element h2{font-family:var(--title-font);text-transform:uppercase;margin-top:0;font-size:2.6rem;font-weight:600}
.Timeline_Element span{display:block;font-weight:300;margin-bottom:1rem;font-family:var(--title-font);text-transform:uppercase;color:var(--green)}
.Timeline_Element p{text-align:left;line-height:1.5}
.Timeline_Image{flex-basis:45%;aspect-ratio:4/3;overflow:hidden;border-radius:1.5rem}
.Timeline_Image img{transform:scale(1.2)}
.Timeline_Content{flex-basis:45%}
.Timeline_Container{position:relative}
.Timeline_Line{position:absolute;width:5px;height:100%;background-color:#d9ddd4;border-radius:10px;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;justify-content:space-around;align-items:center}
.Timeline_Inner{position:absolute;top:0;left:0;width:100%;height:0%;background-color:var(--green);border-radius:10px;pointer-events:none}
.Timeline_Anchor{position:relative;z-index:2;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:100px;background-color:#d9ddd4;transition:all .5s var(--ulu-curve);animation:left .8s cubic-bezier(0,.43,.22,1.37);transform:scale(.6)}
.Timeline_Anchor .Contain_Fluid{width:3rem;height:3rem;transform:scale(0) rotate(360deg);transition:all 1s var(--ulu-curve)}
.Timeline_Anchor.Passed{background-color:var(--gold);animation-name:passed;transform:scale(1)}
.Timeline_Anchor.Passed .Contain_Fluid{transform:none}
@keyframes passed{0%{transform:scale(.6)}35%{transform:scale(.3)}to{transform:scale(1)}}
@keyframes left{0%{transform:scale(1)}35%{transform:scale(.3)}to{transform:scale(.6)}}
@media screen and (max-width:768px){
	.Timeline_Element,.Timeline_Element:nth-child(odd){flex-direction:column;gap:1rem;width:84%}
	.Timeline_Line{right:16px;left:auto}
}