.elementor-452 .elementor-element.elementor-element-fbb4458{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overlay-opacity:0.77;--margin-top:-115px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-fbb4458:not(.elementor-motion-effects-element-type-background), .elementor-452 .elementor-element.elementor-element-fbb4458 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tase.com.tr/wp-content/uploads/2026/05/hero-bg.jpg");background-position:top right;background-repeat:no-repeat;background-size:cover;}.elementor-452 .elementor-element.elementor-element-fbb4458::before, .elementor-452 .elementor-element.elementor-element-fbb4458 > .elementor-background-video-container::before, .elementor-452 .elementor-element.elementor-element-fbb4458 > .e-con-inner > .elementor-background-video-container::before, .elementor-452 .elementor-element.elementor-element-fbb4458 > .elementor-background-slideshow::before, .elementor-452 .elementor-element.elementor-element-fbb4458 > .e-con-inner > .elementor-background-slideshow::before, .elementor-452 .elementor-element.elementor-element-fbb4458 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-452 .elementor-element.elementor-element-063135d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-79c6949{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-452 .elementor-element.elementor-element-ae03b67{--divider-border-style:solid;--divider-color:#A9957C78;--divider-border-width:1px;}.elementor-452 .elementor-element.elementor-element-ae03b67 .elementor-divider-separator{width:100%;}.elementor-452 .elementor-element.elementor-element-ae03b67 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-452 .elementor-element.elementor-element-c2e462a.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-452 .elementor-element.elementor-element-c2e462a{text-align:center;}.elementor-452 .elementor-element.elementor-element-c2e462a .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:31px;font-weight:600;text-transform:uppercase;letter-spacing:7.7px;word-spacing:3px;color:#FFFFFF;}.elementor-452 .elementor-element.elementor-element-b95a064{--divider-border-style:solid;--divider-color:#A9957C78;--divider-border-width:1px;}.elementor-452 .elementor-element.elementor-element-b95a064 .elementor-divider-separator{width:100%;}.elementor-452 .elementor-element.elementor-element-b95a064 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-452 .elementor-element.elementor-element-fc3edc1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-741755b .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:42px;font-weight:600;letter-spacing:0.9px;word-spacing:3px;}.elementor-452 .elementor-element.elementor-element-6eceaf6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-452 .elementor-element.elementor-element-1b0448a{--grid-columns:2;--grid-row-gap:30px;--grid-column-gap:40px;}.elementor-452 .elementor-element.elementor-element-2b693b2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-97eab9b .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:42px;font-weight:600;letter-spacing:0.9px;word-spacing:3px;}.elementor-452 .elementor-element.elementor-element-8682b53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-72e8b01{--grid-columns:2;--grid-row-gap:30px;--grid-column-gap:40px;}.elementor-452 .elementor-element.elementor-element-a3cf6e3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-1b24458 .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:42px;font-weight:600;letter-spacing:0.9px;word-spacing:3px;}.elementor-452 .elementor-element.elementor-element-46fefa1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-35879ee{--grid-columns:2;--grid-row-gap:30px;--grid-column-gap:40px;}.elementor-452 .elementor-element.elementor-element-b62cba1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-d89a579 .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:42px;font-weight:600;letter-spacing:0.9px;word-spacing:3px;}.elementor-452 .elementor-element.elementor-element-fa08560{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-94ab3d8{--grid-columns:2;--grid-row-gap:30px;--grid-column-gap:40px;}.elementor-452 .elementor-element.elementor-element-4e9010d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-30c07b2 .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:42px;font-weight:600;letter-spacing:0.9px;word-spacing:3px;}.elementor-452 .elementor-element.elementor-element-61a9e7b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-4bf29b6{--grid-columns:2;--grid-row-gap:30px;--grid-column-gap:40px;}.elementor-452 .elementor-element.elementor-element-a00ec6f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-fb0af35 .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:42px;font-weight:600;letter-spacing:0.9px;word-spacing:3px;}.elementor-452 .elementor-element.elementor-element-68db18e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-0771eeb{--grid-columns:2;--grid-row-gap:30px;--grid-column-gap:40px;}.elementor-452 .elementor-element.elementor-element-b8fd5e2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-2b9b4a2 .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:42px;font-weight:600;letter-spacing:0.9px;word-spacing:3px;}.elementor-452 .elementor-element.elementor-element-3b84c21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-6068e27{--grid-columns:2;--grid-row-gap:30px;--grid-column-gap:40px;}.elementor-452 .elementor-element.elementor-element-2c0bb73{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-491f970 .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:42px;font-weight:600;letter-spacing:0.9px;word-spacing:3px;}.elementor-452 .elementor-element.elementor-element-3019346{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-53b6b89{--grid-columns:2;--grid-row-gap:30px;--grid-column-gap:40px;}.elementor-452 .elementor-element.elementor-element-ff26040{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-f1bfa97 .elementor-heading-title{font-family:"The Seasons", Sans-serif;font-size:42px;font-weight:600;letter-spacing:0.9px;word-spacing:3px;}.elementor-452 .elementor-element.elementor-element-b1a95f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-48f2de9{--grid-columns:2;--grid-row-gap:30px;--grid-column-gap:40px;}.elementor-452 .elementor-element.elementor-element-48f2de9 > .elementor-widget-container{margin:0px 0px 50px 0px;}@media(max-width:1024px){.elementor-452 .elementor-element.elementor-element-fbb4458:not(.elementor-motion-effects-element-type-background), .elementor-452 .elementor-element.elementor-element-fbb4458 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-452 .elementor-element.elementor-element-fbb4458{--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-452 .elementor-element.elementor-element-79c6949{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-452 .elementor-element.elementor-element-c2e462a .elementor-heading-title{font-size:30px;}.elementor-452 .elementor-element.elementor-element-741755b .elementor-heading-title{font-size:33px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-452 .elementor-element.elementor-element-1b0448a{--grid-columns:2;}.elementor-452 .elementor-element.elementor-element-2b693b2{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-97eab9b .elementor-heading-title{font-size:33px;}.elementor-452 .elementor-element.elementor-element-8682b53{--margin-top:20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-72e8b01{--grid-columns:2;}.elementor-452 .elementor-element.elementor-element-a3cf6e3{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-1b24458 .elementor-heading-title{font-size:33px;}.elementor-452 .elementor-element.elementor-element-46fefa1{--margin-top:20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-35879ee{--grid-columns:2;}.elementor-452 .elementor-element.elementor-element-b62cba1{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-d89a579 .elementor-heading-title{font-size:33px;}.elementor-452 .elementor-element.elementor-element-fa08560{--margin-top:20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-94ab3d8{--grid-columns:2;}.elementor-452 .elementor-element.elementor-element-4e9010d{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-30c07b2 .elementor-heading-title{font-size:33px;}.elementor-452 .elementor-element.elementor-element-61a9e7b{--margin-top:20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-4bf29b6{--grid-columns:2;}.elementor-452 .elementor-element.elementor-element-a00ec6f{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-fb0af35 .elementor-heading-title{font-size:33px;}.elementor-452 .elementor-element.elementor-element-68db18e{--margin-top:20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-0771eeb{--grid-columns:2;}.elementor-452 .elementor-element.elementor-element-b8fd5e2{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-2b9b4a2 .elementor-heading-title{font-size:33px;}.elementor-452 .elementor-element.elementor-element-3b84c21{--margin-top:20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-6068e27{--grid-columns:2;}.elementor-452 .elementor-element.elementor-element-2c0bb73{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-491f970 .elementor-heading-title{font-size:33px;}.elementor-452 .elementor-element.elementor-element-3019346{--margin-top:20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-53b6b89{--grid-columns:2;}.elementor-452 .elementor-element.elementor-element-ff26040{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-f1bfa97 .elementor-heading-title{font-size:33px;}.elementor-452 .elementor-element.elementor-element-b1a95f2{--margin-top:20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-452 .elementor-element.elementor-element-48f2de9{--grid-columns:2;}}@media(max-width:767px){.elementor-452 .elementor-element.elementor-element-fbb4458{--min-height:200px;--padding-top:0px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-452 .elementor-element.elementor-element-79c6949{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-452 .elementor-element.elementor-element-c2e462a .elementor-heading-title{font-size:19px;}.elementor-452 .elementor-element.elementor-element-fc3edc1{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-741755b .elementor-heading-title{font-size:25px;}.elementor-452 .elementor-element.elementor-element-6eceaf6{--content-width:100%;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-452 .elementor-element.elementor-element-1b0448a{--grid-columns:2;--grid-row-gap:10px;width:100%;max-width:100%;--grid-column-gap:20px;}.elementor-452 .elementor-element.elementor-element-2b693b2{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-97eab9b .elementor-heading-title{font-size:25px;}.elementor-452 .elementor-element.elementor-element-72e8b01{--grid-columns:2;--grid-row-gap:10px;width:100%;max-width:100%;--grid-column-gap:20px;}.elementor-452 .elementor-element.elementor-element-a3cf6e3{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-1b24458 .elementor-heading-title{font-size:25px;}.elementor-452 .elementor-element.elementor-element-35879ee{--grid-columns:2;--grid-row-gap:10px;width:100%;max-width:100%;--grid-column-gap:20px;}.elementor-452 .elementor-element.elementor-element-b62cba1{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-d89a579 .elementor-heading-title{font-size:25px;}.elementor-452 .elementor-element.elementor-element-94ab3d8{--grid-columns:2;--grid-row-gap:10px;width:100%;max-width:100%;--grid-column-gap:20px;}.elementor-452 .elementor-element.elementor-element-4e9010d{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-30c07b2 .elementor-heading-title{font-size:25px;}.elementor-452 .elementor-element.elementor-element-4bf29b6{--grid-columns:2;--grid-row-gap:10px;width:100%;max-width:100%;--grid-column-gap:20px;}.elementor-452 .elementor-element.elementor-element-a00ec6f{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-fb0af35 .elementor-heading-title{font-size:25px;}.elementor-452 .elementor-element.elementor-element-0771eeb{--grid-columns:2;--grid-row-gap:10px;width:100%;max-width:100%;--grid-column-gap:20px;}.elementor-452 .elementor-element.elementor-element-b8fd5e2{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-2b9b4a2 .elementor-heading-title{font-size:25px;}.elementor-452 .elementor-element.elementor-element-6068e27{--grid-columns:2;--grid-row-gap:10px;width:100%;max-width:100%;--grid-column-gap:20px;}.elementor-452 .elementor-element.elementor-element-2c0bb73{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-491f970 .elementor-heading-title{font-size:25px;}.elementor-452 .elementor-element.elementor-element-53b6b89{--grid-columns:2;--grid-row-gap:10px;width:100%;max-width:100%;--grid-column-gap:20px;}.elementor-452 .elementor-element.elementor-element-ff26040{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-452 .elementor-element.elementor-element-f1bfa97 .elementor-heading-title{font-size:25px;}.elementor-452 .elementor-element.elementor-element-48f2de9{--grid-columns:2;--grid-row-gap:10px;width:100%;max-width:100%;--grid-column-gap:20px;}}/* Start custom CSS for loop-grid, class: .elementor-element-1b0448a *//* 1. Ana Konteyner Ayarları */
.elementor-452 .elementor-element.elementor-element-1b0448a .elementor-loop-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Masaüstünde 2 Kolon */
    column-gap: 70px; /* Ortadaki çizgi ve ikonlar için yeterli boşluk */

    position: relative;
    align-items: center;
}

/* 2. Dikey Çizgi */
.elementor-452 .elementor-element.elementor-element-1b0448a .elementor-loop-container::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    transform: translateX(-50%);
    height: var(--line-height, 0px); 

    /* Gradyanı değiştirdik: %90'a kadar net, sonra hızlıca kaybolur */
background: linear-gradient(
    to bottom, 
    #A9957C 0%, 
    #A9957C 85%, 
    rgba(169, 149, 124, 0) 100%
);
    z-index: 1;
}

/* 3. Dinamik İkonlar (JavaScript ile Eklenen Div'ler) */
/* 3. Dinamik İkonlar (Pseudo-element ile güncellendi) */
.timeline-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px; /* Genişliği biraz artırmanı öneririm, 12px çok dar kalabilir */
    height: 43px;
    background-color: #ffffff; /* Arka plan %100 opak */
    border-radius: 20px; /* Oval yapı için */
    z-index: 10;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* İkon görselini buraya taşıdık */
.timeline-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://tase.com.tr/wp-content/uploads/2026/05/ikon2.svg") no-repeat center;
    background-size: contain;
    
    /* Sadece görselin opaklığı */
    opacity: 1; 
}

/* 4. Tek Sayı Durumunda Son Öğe */
.last-center {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    max-width: 600px;
    width: 100%;
    text-align: center;
    /* Çizginin ucuyla öpüşmesi için biraz yukarı çekebiliriz */
}

/* 5. Mobil Uyumluluk (Opsiyonel) */
/* Mobilde çizgi ve ikonu gizlemek veya tek kolona düşürmek istersen: */
@media (max-width: 767px) {

    /* Grid tek kolona düşsün */
    .elementor-452 .elementor-element.elementor-element-1b0448a .elementor-loop-container {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    /* ORTA ÇİZGİYİ KAPAT */
    .elementor-452 .elementor-element.elementor-element-1b0448a .elementor-loop-container::before {
        display: none !important;
        content: none !important;
    }

    /* SVG / ikon tamamen kapat */
    .elementor-452 .elementor-element.elementor-element-1b0448a .timeline-icon {
        display: none !important;
    }

    .last-center {
        margin-top: 0;
    }
}



/* 1. Ana Kolon Ters Çevirme (Genel) */
.right-item > .e-con, 
.right-item > .e-container, 
.right-item > .elementor-widget-wrap {
    flex-direction: row-reverse !important;
    display: flex !important; /* Flex olduğundan emin olalım */
}

/* 2. İçeriklerin (Görsel ve Metin Bloğu) yerini garantiye alalım */
/* Genelde görsel bir konteyner içinde, yazılar başka bir konteyner içindedir */
.right-item .e-con-inner,
.right-item .e-container {
    flex-direction: row-reverse !important;
}

/* 3. Yazıların Hizalaması */
/* Sağ kolonda yazılar orta çizgiye (sola) bakmalı, görsel sağda kalmalı */
.right-item .elementor-widget-heading,
.right-item .elementor-widget-text-editor,
.right-item .elementor-button-wrapper {
    text-align: right !important; /* İçerik sağa yaslanınca çizgiye yaklaşır */
}

/* 4. Görselin hizalamasını sağa çekelim */
.right-item .elementor-widget-image {
    text-align: right !important;
}





/* 5. Mobilde her şeyi default hale getir (Üst üste binmemesi için) */
@media (max-width: 767px) {

    /* ANA CONTAINER */
    .right-item .elementor-element-55c4dc2 .e-con-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    /* 1. container (genelde görsel) */
    .right-item .e-con-inner > div:first-of-type {
        order: 2;
    }

    /* 2. container (yazı + fiyat) */
    .right-item .e-con-inner > div:last-of-type {
        order: 1;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; /* SOLA YASLA */
        text-align: left !important;
        height: auto;
    }

    /* TÜM METİNLERİ GARANTİLE */
    .right-item h1,
    .right-item h2,
    .right-item h3,
    .right-item p,
    .right-item .elementor-heading-title,
    .right-item .elementor-widget-text-editor {
        text-align: left !important;
    }
}


@media (max-width: 767px) {

    .e-con-inner {
        display: flex !important;
        align-items: center !important;   /* 👈 DİKEY ORTALAMA BURADA */
    }

}




@media (max-width: 767px) {

    .e-loop-item .elementor-widget-wrap,
    .e-loop-item .elementor-widget-container {
        display: block !important;
        height: auto !important;
    }

    .e-loop-item .elementor-widget-heading,
    .e-loop-item .elementor-heading-title {
        margin: 0 !important;
        position: static !important;
        text-align: left !important;
    }

}

    .e-loop-item * {
        align-self: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-72e8b01 *//* 1. Ana Konteyner Ayarları */
.elementor-452 .elementor-element.elementor-element-72e8b01 .elementor-loop-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Masaüstünde 2 Kolon */
    column-gap: 70px; /* Ortadaki çizgi ve ikonlar için yeterli boşluk */

    position: relative;
    align-items: center;
}

/* 2. Dikey Çizgi */
.elementor-452 .elementor-element.elementor-element-72e8b01 .elementor-loop-container::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    transform: translateX(-50%);
    height: var(--line-height, 0px); 

    /* Gradyanı değiştirdik: %90'a kadar net, sonra hızlıca kaybolur */
background: linear-gradient(
    to bottom, 
    #A9957C 0%, 
    #A9957C 85%, 
    rgba(169, 149, 124, 0) 100%
);
    z-index: 1;
}

/* 3. Dinamik İkonlar (JavaScript ile Eklenen Div'ler) */
/* 3. Dinamik İkonlar (Pseudo-element ile güncellendi) */
.timeline-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px; /* Genişliği biraz artırmanı öneririm, 12px çok dar kalabilir */
    height: 43px;
    background-color: #ffffff; /* Arka plan %100 opak */
    border-radius: 20px; /* Oval yapı için */
    z-index: 10;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* İkon görselini buraya taşıdık */
.timeline-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://tase.com.tr/wp-content/uploads/2026/05/ikon2.svg") no-repeat center;
    background-size: contain;
    
    /* Sadece görselin opaklığı */
    opacity: 1; 
}

/* 4. Tek Sayı Durumunda Son Öğe */
.last-center {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    max-width: 600px;
    width: 100%;
    text-align: center;
    /* Çizginin ucuyla öpüşmesi için biraz yukarı çekebiliriz */
}

/* 5. Mobil Uyumluluk (Opsiyonel) */
/* Mobilde çizgi ve ikonu gizlemek veya tek kolona düşürmek istersen: */
@media (max-width: 767px) {

    /* Grid tek kolona düşsün */
    .elementor-452 .elementor-element.elementor-element-72e8b01 .elementor-loop-container {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    /* ORTA ÇİZGİYİ KAPAT */
    .elementor-452 .elementor-element.elementor-element-72e8b01 .elementor-loop-container::before {
        display: none !important;
        content: none !important;
    }

    /* SVG / ikon tamamen kapat */
    .elementor-452 .elementor-element.elementor-element-72e8b01 .timeline-icon {
        display: none !important;
    }

    .last-center {
        margin-top: 0;
    }
}



/* 1. Ana Kolon Ters Çevirme (Genel) */
.right-item > .e-con, 
.right-item > .e-container, 
.right-item > .elementor-widget-wrap {
    flex-direction: row-reverse !important;
    display: flex !important; /* Flex olduğundan emin olalım */
}

/* 2. İçeriklerin (Görsel ve Metin Bloğu) yerini garantiye alalım */
/* Genelde görsel bir konteyner içinde, yazılar başka bir konteyner içindedir */
.right-item .e-con-inner,
.right-item .e-container {
    flex-direction: row-reverse !important;
}

/* 3. Yazıların Hizalaması */
/* Sağ kolonda yazılar orta çizgiye (sola) bakmalı, görsel sağda kalmalı */
.right-item .elementor-widget-heading,
.right-item .elementor-widget-text-editor,
.right-item .elementor-button-wrapper {
    text-align: right !important; /* İçerik sağa yaslanınca çizgiye yaklaşır */
}

/* 4. Görselin hizalamasını sağa çekelim */
.right-item .elementor-widget-image {
    text-align: right !important;
}





/* 5. Mobilde her şeyi default hale getir (Üst üste binmemesi için) */
@media (max-width: 767px) {

    /* ANA CONTAINER */
    .right-item .elementor-element-55c4dc2 .e-con-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    /* 1. container (genelde görsel) */
    .right-item .e-con-inner > div:first-of-type {
        order: 2;
    }

    /* 2. container (yazı + fiyat) */
    .right-item .e-con-inner > div:last-of-type {
        order: 1;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; /* SOLA YASLA */
        text-align: left !important;
        height: auto;
    }

    /* TÜM METİNLERİ GARANTİLE */
    .right-item h1,
    .right-item h2,
    .right-item h3,
    .right-item p,
    .right-item .elementor-heading-title,
    .right-item .elementor-widget-text-editor {
        text-align: left !important;
    }
}


@media (max-width: 767px) {

    .e-con-inner {
        display: flex !important;
        align-items: center !important;   /* 👈 DİKEY ORTALAMA BURADA */
    }

}




@media (max-width: 767px) {

    .e-loop-item .elementor-widget-wrap,
    .e-loop-item .elementor-widget-container {
        display: block !important;
        height: auto !important;
    }

    .e-loop-item .elementor-widget-heading,
    .e-loop-item .elementor-heading-title {
        margin: 0 !important;
        position: static !important;
        text-align: left !important;
    }

}

    .e-loop-item * {
        align-self: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-35879ee *//* 1. Ana Konteyner Ayarları */
.elementor-452 .elementor-element.elementor-element-35879ee .elementor-loop-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Masaüstünde 2 Kolon */
    column-gap: 70px; /* Ortadaki çizgi ve ikonlar için yeterli boşluk */

    position: relative;
    align-items: center;
}

/* 2. Dikey Çizgi */
.elementor-452 .elementor-element.elementor-element-35879ee .elementor-loop-container::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    transform: translateX(-50%);
    height: var(--line-height, 0px); 

    /* Gradyanı değiştirdik: %90'a kadar net, sonra hızlıca kaybolur */
background: linear-gradient(
    to bottom, 
    #A9957C 0%, 
    #A9957C 85%, 
    rgba(169, 149, 124, 0) 100%
);
    z-index: 1;
}

/* 3. Dinamik İkonlar (JavaScript ile Eklenen Div'ler) */
/* 3. Dinamik İkonlar (Pseudo-element ile güncellendi) */
.timeline-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px; /* Genişliği biraz artırmanı öneririm, 12px çok dar kalabilir */
    height: 43px;
    background-color: #ffffff; /* Arka plan %100 opak */
    border-radius: 20px; /* Oval yapı için */
    z-index: 10;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* İkon görselini buraya taşıdık */
.timeline-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://tase.com.tr/wp-content/uploads/2026/05/ikon2.svg") no-repeat center;
    background-size: contain;
    
    /* Sadece görselin opaklığı */
    opacity: 1; 
}

/* 4. Tek Sayı Durumunda Son Öğe */
.last-center {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    max-width: 600px;
    width: 100%;
    text-align: center;
    /* Çizginin ucuyla öpüşmesi için biraz yukarı çekebiliriz */
}

/* 5. Mobil Uyumluluk (Opsiyonel) */
/* Mobilde çizgi ve ikonu gizlemek veya tek kolona düşürmek istersen: */
@media (max-width: 767px) {

    /* Grid tek kolona düşsün */
    .elementor-452 .elementor-element.elementor-element-35879ee .elementor-loop-container {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    /* ORTA ÇİZGİYİ KAPAT */
    .elementor-452 .elementor-element.elementor-element-35879ee .elementor-loop-container::before {
        display: none !important;
        content: none !important;
    }

    /* SVG / ikon tamamen kapat */
    .elementor-452 .elementor-element.elementor-element-35879ee .timeline-icon {
        display: none !important;
    }

    .last-center {
        margin-top: 0;
    }
}



/* 1. Ana Kolon Ters Çevirme (Genel) */
.right-item > .e-con, 
.right-item > .e-container, 
.right-item > .elementor-widget-wrap {
    flex-direction: row-reverse !important;
    display: flex !important; /* Flex olduğundan emin olalım */
}

/* 2. İçeriklerin (Görsel ve Metin Bloğu) yerini garantiye alalım */
/* Genelde görsel bir konteyner içinde, yazılar başka bir konteyner içindedir */
.right-item .e-con-inner,
.right-item .e-container {
    flex-direction: row-reverse !important;
}

/* 3. Yazıların Hizalaması */
/* Sağ kolonda yazılar orta çizgiye (sola) bakmalı, görsel sağda kalmalı */
.right-item .elementor-widget-heading,
.right-item .elementor-widget-text-editor,
.right-item .elementor-button-wrapper {
    text-align: right !important; /* İçerik sağa yaslanınca çizgiye yaklaşır */
}

/* 4. Görselin hizalamasını sağa çekelim */
.right-item .elementor-widget-image {
    text-align: right !important;
}





/* 5. Mobilde her şeyi default hale getir (Üst üste binmemesi için) */
@media (max-width: 767px) {

    /* ANA CONTAINER */
    .right-item .elementor-element-55c4dc2 .e-con-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    /* 1. container (genelde görsel) */
    .right-item .e-con-inner > div:first-of-type {
        order: 2;
    }

    /* 2. container (yazı + fiyat) */
    .right-item .e-con-inner > div:last-of-type {
        order: 1;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; /* SOLA YASLA */
        text-align: left !important;
        height: auto;
    }

    /* TÜM METİNLERİ GARANTİLE */
    .right-item h1,
    .right-item h2,
    .right-item h3,
    .right-item p,
    .right-item .elementor-heading-title,
    .right-item .elementor-widget-text-editor {
        text-align: left !important;
    }
}


@media (max-width: 767px) {

    .e-con-inner {
        display: flex !important;
        align-items: center !important;   /* 👈 DİKEY ORTALAMA BURADA */
    }

}




@media (max-width: 767px) {

    .e-loop-item .elementor-widget-wrap,
    .e-loop-item .elementor-widget-container {
        display: block !important;
        height: auto !important;
    }

    .e-loop-item .elementor-widget-heading,
    .e-loop-item .elementor-heading-title {
        margin: 0 !important;
        position: static !important;
        text-align: left !important;
    }

}

    .e-loop-item * {
        align-self: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-94ab3d8 *//* 1. Ana Konteyner Ayarları */
.elementor-452 .elementor-element.elementor-element-94ab3d8 .elementor-loop-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Masaüstünde 2 Kolon */
    column-gap: 70px; /* Ortadaki çizgi ve ikonlar için yeterli boşluk */

    position: relative;
    align-items: center;
}

/* 2. Dikey Çizgi */
.elementor-452 .elementor-element.elementor-element-94ab3d8 .elementor-loop-container::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    transform: translateX(-50%);
    height: var(--line-height, 0px); 

    /* Gradyanı değiştirdik: %90'a kadar net, sonra hızlıca kaybolur */
background: linear-gradient(
    to bottom, 
    #A9957C 0%, 
    #A9957C 85%, 
    rgba(169, 149, 124, 0) 100%
);
    z-index: 1;
}

/* 3. Dinamik İkonlar (JavaScript ile Eklenen Div'ler) */
/* 3. Dinamik İkonlar (Pseudo-element ile güncellendi) */
.timeline-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px; /* Genişliği biraz artırmanı öneririm, 12px çok dar kalabilir */
    height: 43px;
    background-color: #ffffff; /* Arka plan %100 opak */
    border-radius: 20px; /* Oval yapı için */
    z-index: 10;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* İkon görselini buraya taşıdık */
.timeline-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://tase.com.tr/wp-content/uploads/2026/05/ikon2.svg") no-repeat center;
    background-size: contain;
    
    /* Sadece görselin opaklığı */
    opacity: 1; 
}

/* 4. Tek Sayı Durumunda Son Öğe */
.last-center {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    max-width: 600px;
    width: 100%;
    text-align: center;
    /* Çizginin ucuyla öpüşmesi için biraz yukarı çekebiliriz */
}

/* 5. Mobil Uyumluluk (Opsiyonel) */
/* Mobilde çizgi ve ikonu gizlemek veya tek kolona düşürmek istersen: */
@media (max-width: 767px) {

    /* Grid tek kolona düşsün */
    .elementor-452 .elementor-element.elementor-element-94ab3d8 .elementor-loop-container {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    /* ORTA ÇİZGİYİ KAPAT */
    .elementor-452 .elementor-element.elementor-element-94ab3d8 .elementor-loop-container::before {
        display: none !important;
        content: none !important;
    }

    /* SVG / ikon tamamen kapat */
    .elementor-452 .elementor-element.elementor-element-94ab3d8 .timeline-icon {
        display: none !important;
    }

    .last-center {
        margin-top: 0;
    }
}



/* 1. Ana Kolon Ters Çevirme (Genel) */
.right-item > .e-con, 
.right-item > .e-container, 
.right-item > .elementor-widget-wrap {
    flex-direction: row-reverse !important;
    display: flex !important; /* Flex olduğundan emin olalım */
}

/* 2. İçeriklerin (Görsel ve Metin Bloğu) yerini garantiye alalım */
/* Genelde görsel bir konteyner içinde, yazılar başka bir konteyner içindedir */
.right-item .e-con-inner,
.right-item .e-container {
    flex-direction: row-reverse !important;
}

/* 3. Yazıların Hizalaması */
/* Sağ kolonda yazılar orta çizgiye (sola) bakmalı, görsel sağda kalmalı */
.right-item .elementor-widget-heading,
.right-item .elementor-widget-text-editor,
.right-item .elementor-button-wrapper {
    text-align: right !important; /* İçerik sağa yaslanınca çizgiye yaklaşır */
}

/* 4. Görselin hizalamasını sağa çekelim */
.right-item .elementor-widget-image {
    text-align: right !important;
}





/* 5. Mobilde her şeyi default hale getir (Üst üste binmemesi için) */
@media (max-width: 767px) {

    /* ANA CONTAINER */
    .right-item .elementor-element-55c4dc2 .e-con-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    /* 1. container (genelde görsel) */
    .right-item .e-con-inner > div:first-of-type {
        order: 2;
    }

    /* 2. container (yazı + fiyat) */
    .right-item .e-con-inner > div:last-of-type {
        order: 1;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; /* SOLA YASLA */
        text-align: left !important;
        height: auto;
    }

    /* TÜM METİNLERİ GARANTİLE */
    .right-item h1,
    .right-item h2,
    .right-item h3,
    .right-item p,
    .right-item .elementor-heading-title,
    .right-item .elementor-widget-text-editor {
        text-align: left !important;
    }
}


@media (max-width: 767px) {

    .e-con-inner {
        display: flex !important;
        align-items: center !important;   /* 👈 DİKEY ORTALAMA BURADA */
    }

}




@media (max-width: 767px) {

    .e-loop-item .elementor-widget-wrap,
    .e-loop-item .elementor-widget-container {
        display: block !important;
        height: auto !important;
    }

    .e-loop-item .elementor-widget-heading,
    .e-loop-item .elementor-heading-title {
        margin: 0 !important;
        position: static !important;
        text-align: left !important;
    }

}

    .e-loop-item * {
        align-self: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-4bf29b6 *//* 1. Ana Konteyner Ayarları */
.elementor-452 .elementor-element.elementor-element-4bf29b6 .elementor-loop-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Masaüstünde 2 Kolon */
    column-gap: 70px; /* Ortadaki çizgi ve ikonlar için yeterli boşluk */

    position: relative;
    align-items: center;
}

/* 2. Dikey Çizgi */
.elementor-452 .elementor-element.elementor-element-4bf29b6 .elementor-loop-container::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    transform: translateX(-50%);
    height: var(--line-height, 0px); 

    /* Gradyanı değiştirdik: %90'a kadar net, sonra hızlıca kaybolur */
background: linear-gradient(
    to bottom, 
    #A9957C 0%, 
    #A9957C 85%, 
    rgba(169, 149, 124, 0) 100%
);
    z-index: 1;
}

/* 3. Dinamik İkonlar (JavaScript ile Eklenen Div'ler) */
/* 3. Dinamik İkonlar (Pseudo-element ile güncellendi) */
.timeline-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px; /* Genişliği biraz artırmanı öneririm, 12px çok dar kalabilir */
    height: 43px;
    background-color: #ffffff; /* Arka plan %100 opak */
    border-radius: 20px; /* Oval yapı için */
    z-index: 10;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* İkon görselini buraya taşıdık */
.timeline-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://tase.com.tr/wp-content/uploads/2026/05/ikon2.svg") no-repeat center;
    background-size: contain;
    
    /* Sadece görselin opaklığı */
    opacity: 1; 
}

/* 4. Tek Sayı Durumunda Son Öğe */
.last-center {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    max-width: 600px;
    width: 100%;
    text-align: center;
    /* Çizginin ucuyla öpüşmesi için biraz yukarı çekebiliriz */
}

/* 5. Mobil Uyumluluk (Opsiyonel) */
/* Mobilde çizgi ve ikonu gizlemek veya tek kolona düşürmek istersen: */
@media (max-width: 767px) {

    /* Grid tek kolona düşsün */
    .elementor-452 .elementor-element.elementor-element-4bf29b6 .elementor-loop-container {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    /* ORTA ÇİZGİYİ KAPAT */
    .elementor-452 .elementor-element.elementor-element-4bf29b6 .elementor-loop-container::before {
        display: none !important;
        content: none !important;
    }

    /* SVG / ikon tamamen kapat */
    .elementor-452 .elementor-element.elementor-element-4bf29b6 .timeline-icon {
        display: none !important;
    }

    .last-center {
        margin-top: 0;
    }
}



/* 1. Ana Kolon Ters Çevirme (Genel) */
.right-item > .e-con, 
.right-item > .e-container, 
.right-item > .elementor-widget-wrap {
    flex-direction: row-reverse !important;
    display: flex !important; /* Flex olduğundan emin olalım */
}

/* 2. İçeriklerin (Görsel ve Metin Bloğu) yerini garantiye alalım */
/* Genelde görsel bir konteyner içinde, yazılar başka bir konteyner içindedir */
.right-item .e-con-inner,
.right-item .e-container {
    flex-direction: row-reverse !important;
}

/* 3. Yazıların Hizalaması */
/* Sağ kolonda yazılar orta çizgiye (sola) bakmalı, görsel sağda kalmalı */
.right-item .elementor-widget-heading,
.right-item .elementor-widget-text-editor,
.right-item .elementor-button-wrapper {
    text-align: right !important; /* İçerik sağa yaslanınca çizgiye yaklaşır */
}

/* 4. Görselin hizalamasını sağa çekelim */
.right-item .elementor-widget-image {
    text-align: right !important;
}





/* 5. Mobilde her şeyi default hale getir (Üst üste binmemesi için) */
@media (max-width: 767px) {

    /* ANA CONTAINER */
    .right-item .elementor-element-55c4dc2 .e-con-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    /* 1. container (genelde görsel) */
    .right-item .e-con-inner > div:first-of-type {
        order: 2;
    }

    /* 2. container (yazı + fiyat) */
    .right-item .e-con-inner > div:last-of-type {
        order: 1;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; /* SOLA YASLA */
        text-align: left !important;
        height: auto;
    }

    /* TÜM METİNLERİ GARANTİLE */
    .right-item h1,
    .right-item h2,
    .right-item h3,
    .right-item p,
    .right-item .elementor-heading-title,
    .right-item .elementor-widget-text-editor {
        text-align: left !important;
    }
}


@media (max-width: 767px) {

    .e-con-inner {
        display: flex !important;
        align-items: center !important;   /* 👈 DİKEY ORTALAMA BURADA */
    }

}




@media (max-width: 767px) {

    .e-loop-item .elementor-widget-wrap,
    .e-loop-item .elementor-widget-container {
        display: block !important;
        height: auto !important;
    }

    .e-loop-item .elementor-widget-heading,
    .e-loop-item .elementor-heading-title {
        margin: 0 !important;
        position: static !important;
        text-align: left !important;
    }

}

    .e-loop-item * {
        align-self: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-0771eeb *//* 1. Ana Konteyner Ayarları */
.elementor-452 .elementor-element.elementor-element-0771eeb .elementor-loop-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Masaüstünde 2 Kolon */
    column-gap: 70px; /* Ortadaki çizgi ve ikonlar için yeterli boşluk */

    position: relative;
    align-items: center;
}

/* 2. Dikey Çizgi */
.elementor-452 .elementor-element.elementor-element-0771eeb .elementor-loop-container::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    transform: translateX(-50%);
    height: var(--line-height, 0px); 

    /* Gradyanı değiştirdik: %90'a kadar net, sonra hızlıca kaybolur */
background: linear-gradient(
    to bottom, 
    #A9957C 0%, 
    #A9957C 85%, 
    rgba(169, 149, 124, 0) 100%
);
    z-index: 1;
}

/* 3. Dinamik İkonlar (JavaScript ile Eklenen Div'ler) */
/* 3. Dinamik İkonlar (Pseudo-element ile güncellendi) */
.timeline-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px; /* Genişliği biraz artırmanı öneririm, 12px çok dar kalabilir */
    height: 43px;
    background-color: #ffffff; /* Arka plan %100 opak */
    border-radius: 20px; /* Oval yapı için */
    z-index: 10;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* İkon görselini buraya taşıdık */
.timeline-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://tase.com.tr/wp-content/uploads/2026/05/ikon2.svg") no-repeat center;
    background-size: contain;
    
    /* Sadece görselin opaklığı */
    opacity: 1; 
}

/* 4. Tek Sayı Durumunda Son Öğe */
.last-center {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    max-width: 600px;
    width: 100%;
    text-align: center;
    /* Çizginin ucuyla öpüşmesi için biraz yukarı çekebiliriz */
}

/* 5. Mobil Uyumluluk (Opsiyonel) */
/* Mobilde çizgi ve ikonu gizlemek veya tek kolona düşürmek istersen: */
@media (max-width: 767px) {

    /* Grid tek kolona düşsün */
    .elementor-452 .elementor-element.elementor-element-0771eeb .elementor-loop-container {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    /* ORTA ÇİZGİYİ KAPAT */
    .elementor-452 .elementor-element.elementor-element-0771eeb .elementor-loop-container::before {
        display: none !important;
        content: none !important;
    }

    /* SVG / ikon tamamen kapat */
    .elementor-452 .elementor-element.elementor-element-0771eeb .timeline-icon {
        display: none !important;
    }

    .last-center {
        margin-top: 0;
    }
}



/* 1. Ana Kolon Ters Çevirme (Genel) */
.right-item > .e-con, 
.right-item > .e-container, 
.right-item > .elementor-widget-wrap {
    flex-direction: row-reverse !important;
    display: flex !important; /* Flex olduğundan emin olalım */
}

/* 2. İçeriklerin (Görsel ve Metin Bloğu) yerini garantiye alalım */
/* Genelde görsel bir konteyner içinde, yazılar başka bir konteyner içindedir */
.right-item .e-con-inner,
.right-item .e-container {
    flex-direction: row-reverse !important;
}

/* 3. Yazıların Hizalaması */
/* Sağ kolonda yazılar orta çizgiye (sola) bakmalı, görsel sağda kalmalı */
.right-item .elementor-widget-heading,
.right-item .elementor-widget-text-editor,
.right-item .elementor-button-wrapper {
    text-align: right !important; /* İçerik sağa yaslanınca çizgiye yaklaşır */
}

/* 4. Görselin hizalamasını sağa çekelim */
.right-item .elementor-widget-image {
    text-align: right !important;
}





/* 5. Mobilde her şeyi default hale getir (Üst üste binmemesi için) */
@media (max-width: 767px) {

    /* ANA CONTAINER */
    .right-item .elementor-element-55c4dc2 .e-con-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    /* 1. container (genelde görsel) */
    .right-item .e-con-inner > div:first-of-type {
        order: 2;
    }

    /* 2. container (yazı + fiyat) */
    .right-item .e-con-inner > div:last-of-type {
        order: 1;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; /* SOLA YASLA */
        text-align: left !important;
        height: auto;
    }

    /* TÜM METİNLERİ GARANTİLE */
    .right-item h1,
    .right-item h2,
    .right-item h3,
    .right-item p,
    .right-item .elementor-heading-title,
    .right-item .elementor-widget-text-editor {
        text-align: left !important;
    }
}


@media (max-width: 767px) {

    .e-con-inner {
        display: flex !important;
        align-items: center !important;   /* 👈 DİKEY ORTALAMA BURADA */
    }

}




@media (max-width: 767px) {

    .e-loop-item .elementor-widget-wrap,
    .e-loop-item .elementor-widget-container {
        display: block !important;
        height: auto !important;
    }

    .e-loop-item .elementor-widget-heading,
    .e-loop-item .elementor-heading-title {
        margin: 0 !important;
        position: static !important;
        text-align: left !important;
    }

}

    .e-loop-item * {
        align-self: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6068e27 *//* 1. Ana Konteyner Ayarları */
.elementor-452 .elementor-element.elementor-element-6068e27 .elementor-loop-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Masaüstünde 2 Kolon */
    column-gap: 70px; /* Ortadaki çizgi ve ikonlar için yeterli boşluk */

    position: relative;
    align-items: center;
}

/* 2. Dikey Çizgi */
.elementor-452 .elementor-element.elementor-element-6068e27 .elementor-loop-container::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    transform: translateX(-50%);
    height: var(--line-height, 0px); 

    /* Gradyanı değiştirdik: %90'a kadar net, sonra hızlıca kaybolur */
background: linear-gradient(
    to bottom, 
    #A9957C 0%, 
    #A9957C 85%, 
    rgba(169, 149, 124, 0) 100%
);
    z-index: 1;
}

/* 3. Dinamik İkonlar (JavaScript ile Eklenen Div'ler) */
/* 3. Dinamik İkonlar (Pseudo-element ile güncellendi) */
.timeline-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px; /* Genişliği biraz artırmanı öneririm, 12px çok dar kalabilir */
    height: 43px;
    background-color: #ffffff; /* Arka plan %100 opak */
    border-radius: 20px; /* Oval yapı için */
    z-index: 10;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* İkon görselini buraya taşıdık */
.timeline-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://tase.com.tr/wp-content/uploads/2026/05/ikon2.svg") no-repeat center;
    background-size: contain;
    
    /* Sadece görselin opaklığı */
    opacity: 1; 
}

/* 4. Tek Sayı Durumunda Son Öğe */
.last-center {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    max-width: 600px;
    width: 100%;
    text-align: center;
    /* Çizginin ucuyla öpüşmesi için biraz yukarı çekebiliriz */
}

/* 5. Mobil Uyumluluk (Opsiyonel) */
/* Mobilde çizgi ve ikonu gizlemek veya tek kolona düşürmek istersen: */
@media (max-width: 767px) {

    /* Grid tek kolona düşsün */
    .elementor-452 .elementor-element.elementor-element-6068e27 .elementor-loop-container {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    /* ORTA ÇİZGİYİ KAPAT */
    .elementor-452 .elementor-element.elementor-element-6068e27 .elementor-loop-container::before {
        display: none !important;
        content: none !important;
    }

    /* SVG / ikon tamamen kapat */
    .elementor-452 .elementor-element.elementor-element-6068e27 .timeline-icon {
        display: none !important;
    }

    .last-center {
        margin-top: 0;
    }
}



/* 1. Ana Kolon Ters Çevirme (Genel) */
.right-item > .e-con, 
.right-item > .e-container, 
.right-item > .elementor-widget-wrap {
    flex-direction: row-reverse !important;
    display: flex !important; /* Flex olduğundan emin olalım */
}

/* 2. İçeriklerin (Görsel ve Metin Bloğu) yerini garantiye alalım */
/* Genelde görsel bir konteyner içinde, yazılar başka bir konteyner içindedir */
.right-item .e-con-inner,
.right-item .e-container {
    flex-direction: row-reverse !important;
}

/* 3. Yazıların Hizalaması */
/* Sağ kolonda yazılar orta çizgiye (sola) bakmalı, görsel sağda kalmalı */
.right-item .elementor-widget-heading,
.right-item .elementor-widget-text-editor,
.right-item .elementor-button-wrapper {
    text-align: right !important; /* İçerik sağa yaslanınca çizgiye yaklaşır */
}

/* 4. Görselin hizalamasını sağa çekelim */
.right-item .elementor-widget-image {
    text-align: right !important;
}





/* 5. Mobilde her şeyi default hale getir (Üst üste binmemesi için) */
@media (max-width: 767px) {

    /* ANA CONTAINER */
    .right-item .elementor-element-55c4dc2 .e-con-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    /* 1. container (genelde görsel) */
    .right-item .e-con-inner > div:first-of-type {
        order: 2;
    }

    /* 2. container (yazı + fiyat) */
    .right-item .e-con-inner > div:last-of-type {
        order: 1;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; /* SOLA YASLA */
        text-align: left !important;
        height: auto;
    }

    /* TÜM METİNLERİ GARANTİLE */
    .right-item h1,
    .right-item h2,
    .right-item h3,
    .right-item p,
    .right-item .elementor-heading-title,
    .right-item .elementor-widget-text-editor {
        text-align: left !important;
    }
}


@media (max-width: 767px) {

    .e-con-inner {
        display: flex !important;
        align-items: center !important;   /* 👈 DİKEY ORTALAMA BURADA */
    }

}




@media (max-width: 767px) {

    .e-loop-item .elementor-widget-wrap,
    .e-loop-item .elementor-widget-container {
        display: block !important;
        height: auto !important;
    }

    .e-loop-item .elementor-widget-heading,
    .e-loop-item .elementor-heading-title {
        margin: 0 !important;
        position: static !important;
        text-align: left !important;
    }

}

    .e-loop-item * {
        align-self: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-53b6b89 *//* 1. Ana Konteyner Ayarları */
.elementor-452 .elementor-element.elementor-element-53b6b89 .elementor-loop-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Masaüstünde 2 Kolon */
    column-gap: 70px; /* Ortadaki çizgi ve ikonlar için yeterli boşluk */

    position: relative;
    align-items: center;
}

/* 2. Dikey Çizgi */
.elementor-452 .elementor-element.elementor-element-53b6b89 .elementor-loop-container::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    transform: translateX(-50%);
    height: var(--line-height, 0px); 

    /* Gradyanı değiştirdik: %90'a kadar net, sonra hızlıca kaybolur */
background: linear-gradient(
    to bottom, 
    #A9957C 0%, 
    #A9957C 85%, 
    rgba(169, 149, 124, 0) 100%
);
    z-index: 1;
}

/* 3. Dinamik İkonlar (JavaScript ile Eklenen Div'ler) */
/* 3. Dinamik İkonlar (Pseudo-element ile güncellendi) */
.timeline-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px; /* Genişliği biraz artırmanı öneririm, 12px çok dar kalabilir */
    height: 43px;
    background-color: #ffffff; /* Arka plan %100 opak */
    border-radius: 20px; /* Oval yapı için */
    z-index: 10;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* İkon görselini buraya taşıdık */
.timeline-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://tase.com.tr/wp-content/uploads/2026/05/ikon2.svg") no-repeat center;
    background-size: contain;
    
    /* Sadece görselin opaklığı */
    opacity: 1; 
}

/* 4. Tek Sayı Durumunda Son Öğe */
.last-center {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    max-width: 600px;
    width: 100%;
    text-align: center;
    /* Çizginin ucuyla öpüşmesi için biraz yukarı çekebiliriz */
}

/* 5. Mobil Uyumluluk (Opsiyonel) */
/* Mobilde çizgi ve ikonu gizlemek veya tek kolona düşürmek istersen: */
@media (max-width: 767px) {

    /* Grid tek kolona düşsün */
    .elementor-452 .elementor-element.elementor-element-53b6b89 .elementor-loop-container {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    /* ORTA ÇİZGİYİ KAPAT */
    .elementor-452 .elementor-element.elementor-element-53b6b89 .elementor-loop-container::before {
        display: none !important;
        content: none !important;
    }

    /* SVG / ikon tamamen kapat */
    .elementor-452 .elementor-element.elementor-element-53b6b89 .timeline-icon {
        display: none !important;
    }

    .last-center {
        margin-top: 0;
    }
}



/* 1. Ana Kolon Ters Çevirme (Genel) */
.right-item > .e-con, 
.right-item > .e-container, 
.right-item > .elementor-widget-wrap {
    flex-direction: row-reverse !important;
    display: flex !important; /* Flex olduğundan emin olalım */
}

/* 2. İçeriklerin (Görsel ve Metin Bloğu) yerini garantiye alalım */
/* Genelde görsel bir konteyner içinde, yazılar başka bir konteyner içindedir */
.right-item .e-con-inner,
.right-item .e-container {
    flex-direction: row-reverse !important;
}

/* 3. Yazıların Hizalaması */
/* Sağ kolonda yazılar orta çizgiye (sola) bakmalı, görsel sağda kalmalı */
.right-item .elementor-widget-heading,
.right-item .elementor-widget-text-editor,
.right-item .elementor-button-wrapper {
    text-align: right !important; /* İçerik sağa yaslanınca çizgiye yaklaşır */
}

/* 4. Görselin hizalamasını sağa çekelim */
.right-item .elementor-widget-image {
    text-align: right !important;
}





/* 5. Mobilde her şeyi default hale getir (Üst üste binmemesi için) */
@media (max-width: 767px) {

    /* ANA CONTAINER */
    .right-item .elementor-element-55c4dc2 .e-con-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    /* 1. container (genelde görsel) */
    .right-item .e-con-inner > div:first-of-type {
        order: 2;
    }

    /* 2. container (yazı + fiyat) */
    .right-item .e-con-inner > div:last-of-type {
        order: 1;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; /* SOLA YASLA */
        text-align: left !important;
        height: auto;
    }

    /* TÜM METİNLERİ GARANTİLE */
    .right-item h1,
    .right-item h2,
    .right-item h3,
    .right-item p,
    .right-item .elementor-heading-title,
    .right-item .elementor-widget-text-editor {
        text-align: left !important;
    }
}


@media (max-width: 767px) {

    .e-con-inner {
        display: flex !important;
        align-items: center !important;   /* 👈 DİKEY ORTALAMA BURADA */
    }

}




@media (max-width: 767px) {

    .e-loop-item .elementor-widget-wrap,
    .e-loop-item .elementor-widget-container {
        display: block !important;
        height: auto !important;
    }

    .e-loop-item .elementor-widget-heading,
    .e-loop-item .elementor-heading-title {
        margin: 0 !important;
        position: static !important;
        text-align: left !important;
    }

}

    .e-loop-item * {
        align-self: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-48f2de9 *//* 1. Ana Konteyner Ayarları */
.elementor-452 .elementor-element.elementor-element-48f2de9 .elementor-loop-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Masaüstünde 2 Kolon */
    column-gap: 70px; /* Ortadaki çizgi ve ikonlar için yeterli boşluk */

    position: relative;
    align-items: center;
}

/* 2. Dikey Çizgi */
.elementor-452 .elementor-element.elementor-element-48f2de9 .elementor-loop-container::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    transform: translateX(-50%);
    height: var(--line-height, 0px); 

    /* Gradyanı değiştirdik: %90'a kadar net, sonra hızlıca kaybolur */
background: linear-gradient(
    to bottom, 
    #A9957C 0%, 
    #A9957C 85%, 
    rgba(169, 149, 124, 0) 100%
);
    z-index: 1;
}

/* 3. Dinamik İkonlar (JavaScript ile Eklenen Div'ler) */
/* 3. Dinamik İkonlar (Pseudo-element ile güncellendi) */
.timeline-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px; /* Genişliği biraz artırmanı öneririm, 12px çok dar kalabilir */
    height: 43px;
    background-color: #ffffff; /* Arka plan %100 opak */
    border-radius: 20px; /* Oval yapı için */
    z-index: 10;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* İkon görselini buraya taşıdık */
.timeline-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://tase.com.tr/wp-content/uploads/2026/05/ikon2.svg") no-repeat center;
    background-size: contain;
    
    /* Sadece görselin opaklığı */
    opacity: 1; 
}

/* 4. Tek Sayı Durumunda Son Öğe */
.last-center {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    max-width: 600px;
    width: 100%;
    text-align: center;
    /* Çizginin ucuyla öpüşmesi için biraz yukarı çekebiliriz */
}

/* 5. Mobil Uyumluluk (Opsiyonel) */
/* Mobilde çizgi ve ikonu gizlemek veya tek kolona düşürmek istersen: */
@media (max-width: 767px) {

    /* Grid tek kolona düşsün */
    .elementor-452 .elementor-element.elementor-element-48f2de9 .elementor-loop-container {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    /* ORTA ÇİZGİYİ KAPAT */
    .elementor-452 .elementor-element.elementor-element-48f2de9 .elementor-loop-container::before {
        display: none !important;
        content: none !important;
    }

    /* SVG / ikon tamamen kapat */
    .elementor-452 .elementor-element.elementor-element-48f2de9 .timeline-icon {
        display: none !important;
    }

    .last-center {
        margin-top: 0;
    }
}



/* 1. Ana Kolon Ters Çevirme (Genel) */
.right-item > .e-con, 
.right-item > .e-container, 
.right-item > .elementor-widget-wrap {
    flex-direction: row-reverse !important;
    display: flex !important; /* Flex olduğundan emin olalım */
}

/* 2. İçeriklerin (Görsel ve Metin Bloğu) yerini garantiye alalım */
/* Genelde görsel bir konteyner içinde, yazılar başka bir konteyner içindedir */
.right-item .e-con-inner,
.right-item .e-container {
    flex-direction: row-reverse !important;
}

/* 3. Yazıların Hizalaması */
/* Sağ kolonda yazılar orta çizgiye (sola) bakmalı, görsel sağda kalmalı */
.right-item .elementor-widget-heading,
.right-item .elementor-widget-text-editor,
.right-item .elementor-button-wrapper {
    text-align: right !important; /* İçerik sağa yaslanınca çizgiye yaklaşır */
}

/* 4. Görselin hizalamasını sağa çekelim */
.right-item .elementor-widget-image {
    text-align: right !important;
}





/* 5. Mobilde her şeyi default hale getir (Üst üste binmemesi için) */
@media (max-width: 767px) {

    /* ANA CONTAINER */
    .right-item .elementor-element-55c4dc2 .e-con-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    /* 1. container (genelde görsel) */
    .right-item .e-con-inner > div:first-of-type {
        order: 2;
    }

    /* 2. container (yazı + fiyat) */
    .right-item .e-con-inner > div:last-of-type {
        order: 1;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; /* SOLA YASLA */
        text-align: left !important;
        height: auto;
    }

    /* TÜM METİNLERİ GARANTİLE */
    .right-item h1,
    .right-item h2,
    .right-item h3,
    .right-item p,
    .right-item .elementor-heading-title,
    .right-item .elementor-widget-text-editor {
        text-align: left !important;
    }
}


@media (max-width: 767px) {

    .e-con-inner {
        display: flex !important;
        align-items: center !important;   /* 👈 DİKEY ORTALAMA BURADA */
    }

}




@media (max-width: 767px) {

    .e-loop-item .elementor-widget-wrap,
    .e-loop-item .elementor-widget-container {
        display: block !important;
        height: auto !important;
    }

    .e-loop-item .elementor-widget-heading,
    .e-loop-item .elementor-heading-title {
        margin: 0 !important;
        position: static !important;
        text-align: left !important;
    }

}

    .e-loop-item * {
        align-self: auto !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'The Seasons';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://tase.com.tr/wp-content/uploads/2026/05/The-Seasons-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'The Seasons';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://tase.com.tr/wp-content/uploads/2026/05/The-Seasons-Bold-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'The Seasons';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://tase.com.tr/wp-content/uploads/2026/05/The-Seasons-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'The Seasons';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://tase.com.tr/wp-content/uploads/2026/05/The-Seasons-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'The Seasons';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://tase.com.tr/wp-content/uploads/2026/05/The-Seasons-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'The Seasons';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://tase.com.tr/wp-content/uploads/2026/05/The-Seasons-Light-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */