.elementor-24483 .elementor-element.elementor-element-d4d06d5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-24483 .elementor-element.elementor-element-d64aace .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:86px;font-weight:800;line-height:69px;letter-spacing:-0.06em;}.elementor-24483 .elementor-element.elementor-element-28f1d68{--display:flex;}.elementor-24483 .elementor-element.elementor-element-b6384d7{--display:flex;--gap:2px 0px;--row-gap:2px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-7b7ad3d{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-e7d4ee5{text-align:left;}.elementor-24483 .elementor-element.elementor-element-e7d4ee5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:800;letter-spacing:-3px;color:var( --e-global-color-a1acf17 );}.elementor-24483 .elementor-element.elementor-element-11d3e77 .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-11d3e77 .premium-img-gallery-fitRows div.premium-gallery-item{width:25%;}.elementor-24483 .elementor-element.elementor-element-11d3e77 .pa-gallery-img-container img{object-fit:fill;}.elementor-24483 .elementor-element.elementor-element-11d3e77 .premium-gallery-load-more{text-align:center;}.elementor-24483 .elementor-element.elementor-element-11d3e77 .premium-gallery-caption{text-align:center;}.elementor-24483 .elementor-element.elementor-element-11d3e77 .pa-gallery-img:not(.style2):hover .pa-gallery-icons-wrapper, .elementor-24483 .elementor-element.elementor-element-11d3e77 .pa-gallery-img .pa-gallery-icons-caption-container, .elementor-24483 .elementor-element.elementor-element-11d3e77 .pa-gallery-img:hover .pa-gallery-icons-caption-container{background-color:#0D0606;}.elementor-24483 .elementor-element.elementor-element-11d3e77 .premium-gallery-img-name, .elementor-24483 .elementor-element.elementor-element-11d3e77 .premium-gallery-img-name a{color:#000000;}.elementor-24483 .elementor-element.elementor-element-11d3e77 .premium-gallery-load-more-btn{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;line-height:28px;color:var( --e-global-color-5f86d1b );background-color:var( --e-global-color-a1acf17 );border-style:solid;border-width:2px 2px 2px 2px;padding:8px 20px 8px 20px;}.elementor-24483 .elementor-element.elementor-element-11d3e77 .premium-gallery-load-more-btn .premium-loader{border-color:var( --e-global-color-5f86d1b );}.elementor-24483 .elementor-element.elementor-element-9360144{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-3ecf7b3{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-522e13f{text-align:left;}.elementor-24483 .elementor-element.elementor-element-522e13f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:800;letter-spacing:-3px;color:var( --e-global-color-a1acf17 );}.elementor-24483 .elementor-element.elementor-element-50f9368 .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-50f9368 .premium-img-gallery-fitRows div.premium-gallery-item{width:25%;}.elementor-24483 .elementor-element.elementor-element-50f9368 .premium-gallery-load-more{text-align:center;}.elementor-24483 .elementor-element.elementor-element-50f9368 .premium-gallery-caption{text-align:center;}.elementor-24483 .elementor-element.elementor-element-50f9368 .pa-gallery-img:not(.style2):hover .pa-gallery-icons-wrapper, .elementor-24483 .elementor-element.elementor-element-50f9368 .pa-gallery-img .pa-gallery-icons-caption-container, .elementor-24483 .elementor-element.elementor-element-50f9368 .pa-gallery-img:hover .pa-gallery-icons-caption-container{background-color:#0D0606;}.elementor-24483 .elementor-element.elementor-element-50f9368 .premium-gallery-img-name, .elementor-24483 .elementor-element.elementor-element-50f9368 .premium-gallery-img-name a{color:#000000;}.elementor-24483 .elementor-element.elementor-element-50f9368 .premium-gallery-load-more-btn{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;line-height:28px;color:var( --e-global-color-5f86d1b );background-color:var( --e-global-color-a1acf17 );border-style:solid;border-width:2px 2px 2px 2px;padding:8px 20px 8px 20px;}.elementor-24483 .elementor-element.elementor-element-50f9368 .premium-gallery-load-more-btn .premium-loader{border-color:var( --e-global-color-5f86d1b );}.elementor-24483 .elementor-element.elementor-element-756fb63{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-2a515e1{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-8145c3b{text-align:left;}.elementor-24483 .elementor-element.elementor-element-8145c3b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:800;letter-spacing:-3px;color:var( --e-global-color-a1acf17 );}.elementor-24483 .elementor-element.elementor-element-5135bcd .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-5135bcd .premium-img-gallery-fitRows div.premium-gallery-item{width:25%;}.elementor-24483 .elementor-element.elementor-element-5135bcd .premium-gallery-load-more{text-align:center;}.elementor-24483 .elementor-element.elementor-element-5135bcd .premium-gallery-caption{text-align:center;}.elementor-24483 .elementor-element.elementor-element-5135bcd .pa-gallery-img:not(.style2):hover .pa-gallery-icons-wrapper, .elementor-24483 .elementor-element.elementor-element-5135bcd .pa-gallery-img .pa-gallery-icons-caption-container, .elementor-24483 .elementor-element.elementor-element-5135bcd .pa-gallery-img:hover .pa-gallery-icons-caption-container{background-color:#0D0606;}.elementor-24483 .elementor-element.elementor-element-5135bcd .premium-gallery-img-name, .elementor-24483 .elementor-element.elementor-element-5135bcd .premium-gallery-img-name a{color:#000000;}.elementor-24483 .elementor-element.elementor-element-5135bcd .premium-gallery-load-more-btn{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;line-height:28px;color:var( --e-global-color-5f86d1b );background-color:var( --e-global-color-a1acf17 );border-style:solid;border-width:2px 2px 2px 2px;padding:8px 20px 8px 20px;}.elementor-24483 .elementor-element.elementor-element-5135bcd .premium-gallery-load-more-btn .premium-loader{border-color:var( --e-global-color-5f86d1b );}.elementor-24483 .elementor-element.elementor-element-3f3e9f2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-d057aad{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-c0d4145{text-align:left;}.elementor-24483 .elementor-element.elementor-element-c0d4145 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:800;letter-spacing:-3px;color:var( --e-global-color-a1acf17 );}.elementor-24483 .elementor-element.elementor-element-26829d2 .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-26829d2 .premium-img-gallery-fitRows div.premium-gallery-item{width:25%;}.elementor-24483 .elementor-element.elementor-element-26829d2 .premium-gallery-load-more{text-align:center;}.elementor-24483 .elementor-element.elementor-element-26829d2 .premium-gallery-caption{text-align:center;}.elementor-24483 .elementor-element.elementor-element-26829d2 .pa-gallery-img:not(.style2):hover .pa-gallery-icons-wrapper, .elementor-24483 .elementor-element.elementor-element-26829d2 .pa-gallery-img .pa-gallery-icons-caption-container, .elementor-24483 .elementor-element.elementor-element-26829d2 .pa-gallery-img:hover .pa-gallery-icons-caption-container{background-color:#0D0606;}.elementor-24483 .elementor-element.elementor-element-26829d2 .premium-gallery-img-name, .elementor-24483 .elementor-element.elementor-element-26829d2 .premium-gallery-img-name a{color:#000000;}.elementor-24483 .elementor-element.elementor-element-26829d2 .premium-gallery-load-more-btn{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;line-height:28px;color:var( --e-global-color-5f86d1b );background-color:var( --e-global-color-a1acf17 );border-style:solid;border-width:2px 2px 2px 2px;padding:8px 20px 8px 20px;}.elementor-24483 .elementor-element.elementor-element-26829d2 .premium-gallery-load-more-btn .premium-loader{border-color:var( --e-global-color-5f86d1b );}.elementor-24483 .elementor-element.elementor-element-dd19b79{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-f445c9d{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-6e6c008{text-align:left;}.elementor-24483 .elementor-element.elementor-element-6e6c008 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:800;letter-spacing:-3px;color:var( --e-global-color-a1acf17 );}.elementor-24483 .elementor-element.elementor-element-d3bf72e .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-d3bf72e .premium-img-gallery-fitRows div.premium-gallery-item{width:25%;}.elementor-24483 .elementor-element.elementor-element-d3bf72e .premium-gallery-load-more{text-align:center;}.elementor-24483 .elementor-element.elementor-element-d3bf72e .premium-gallery-caption{text-align:center;}.elementor-24483 .elementor-element.elementor-element-d3bf72e .pa-gallery-img:not(.style2):hover .pa-gallery-icons-wrapper, .elementor-24483 .elementor-element.elementor-element-d3bf72e .pa-gallery-img .pa-gallery-icons-caption-container, .elementor-24483 .elementor-element.elementor-element-d3bf72e .pa-gallery-img:hover .pa-gallery-icons-caption-container{background-color:#0D0606;}.elementor-24483 .elementor-element.elementor-element-d3bf72e .premium-gallery-img-name, .elementor-24483 .elementor-element.elementor-element-d3bf72e .premium-gallery-img-name a{color:#000000;}.elementor-24483 .elementor-element.elementor-element-d3bf72e .premium-gallery-load-more-btn{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;line-height:28px;color:var( --e-global-color-5f86d1b );background-color:var( --e-global-color-a1acf17 );border-style:solid;border-width:2px 2px 2px 2px;padding:8px 20px 8px 20px;}.elementor-24483 .elementor-element.elementor-element-d3bf72e .premium-gallery-load-more-btn .premium-loader{border-color:var( --e-global-color-5f86d1b );}.elementor-24483 .elementor-element.elementor-element-b72ade5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-61848f7{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-1dbdd59{text-align:left;}.elementor-24483 .elementor-element.elementor-element-1dbdd59 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:800;letter-spacing:-3px;color:var( --e-global-color-a1acf17 );}.elementor-24483 .elementor-element.elementor-element-14653ae .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-14653ae .premium-img-gallery-fitRows div.premium-gallery-item{width:25%;}.elementor-24483 .elementor-element.elementor-element-14653ae .premium-gallery-load-more{text-align:center;}.elementor-24483 .elementor-element.elementor-element-14653ae .premium-gallery-caption{text-align:center;}.elementor-24483 .elementor-element.elementor-element-14653ae .pa-gallery-img:not(.style2):hover .pa-gallery-icons-wrapper, .elementor-24483 .elementor-element.elementor-element-14653ae .pa-gallery-img .pa-gallery-icons-caption-container, .elementor-24483 .elementor-element.elementor-element-14653ae .pa-gallery-img:hover .pa-gallery-icons-caption-container{background-color:#0D0606;}.elementor-24483 .elementor-element.elementor-element-14653ae .premium-gallery-img-name, .elementor-24483 .elementor-element.elementor-element-14653ae .premium-gallery-img-name a{color:#000000;}.elementor-24483 .elementor-element.elementor-element-14653ae .premium-gallery-load-more-btn{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;line-height:28px;color:var( --e-global-color-5f86d1b );background-color:var( --e-global-color-a1acf17 );border-style:solid;border-width:2px 2px 2px 2px;padding:8px 20px 8px 20px;}.elementor-24483 .elementor-element.elementor-element-14653ae .premium-gallery-load-more-btn .premium-loader{border-color:var( --e-global-color-5f86d1b );}.elementor-24483 .elementor-element.elementor-element-b865f38{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-27be050{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-2530457{text-align:left;}.elementor-24483 .elementor-element.elementor-element-2530457 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:800;letter-spacing:-3px;color:var( --e-global-color-a1acf17 );}.elementor-24483 .elementor-element.elementor-element-60b39e2 .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-60b39e2 .premium-img-gallery-fitRows div.premium-gallery-item{width:25%;}.elementor-24483 .elementor-element.elementor-element-60b39e2 .premium-gallery-load-more{text-align:center;}.elementor-24483 .elementor-element.elementor-element-60b39e2 .premium-gallery-caption{text-align:center;}.elementor-24483 .elementor-element.elementor-element-60b39e2 .pa-gallery-img:not(.style2):hover .pa-gallery-icons-wrapper, .elementor-24483 .elementor-element.elementor-element-60b39e2 .pa-gallery-img .pa-gallery-icons-caption-container, .elementor-24483 .elementor-element.elementor-element-60b39e2 .pa-gallery-img:hover .pa-gallery-icons-caption-container{background-color:#0D0606;}.elementor-24483 .elementor-element.elementor-element-60b39e2 .premium-gallery-img-name, .elementor-24483 .elementor-element.elementor-element-60b39e2 .premium-gallery-img-name a{color:#000000;}.elementor-24483 .elementor-element.elementor-element-60b39e2 .premium-gallery-load-more-btn{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;line-height:28px;color:var( --e-global-color-5f86d1b );background-color:var( --e-global-color-a1acf17 );border-style:solid;border-width:2px 2px 2px 2px;padding:8px 20px 8px 20px;}.elementor-24483 .elementor-element.elementor-element-60b39e2 .premium-gallery-load-more-btn .premium-loader{border-color:var( --e-global-color-5f86d1b );}.elementor-24483 .elementor-element.elementor-element-c66a4b8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-5e2736b{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-24483 .elementor-element.elementor-element-30a9577{text-align:left;}.elementor-24483 .elementor-element.elementor-element-30a9577 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:800;letter-spacing:-3px;color:var( --e-global-color-a1acf17 );}.elementor-24483 .elementor-element.elementor-element-b62eebd .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-b62eebd .premium-img-gallery-fitRows div.premium-gallery-item{width:20%;}.elementor-24483 .elementor-element.elementor-element-b62eebd .premium-gallery-load-more{text-align:center;}.elementor-24483 .elementor-element.elementor-element-b62eebd .premium-gallery-caption{text-align:center;}.elementor-24483 .elementor-element.elementor-element-b62eebd .pa-gallery-img:not(.style2):hover .pa-gallery-icons-wrapper, .elementor-24483 .elementor-element.elementor-element-b62eebd .pa-gallery-img .pa-gallery-icons-caption-container, .elementor-24483 .elementor-element.elementor-element-b62eebd .pa-gallery-img:hover .pa-gallery-icons-caption-container{background-color:#0D0606;}.elementor-24483 .elementor-element.elementor-element-b62eebd .premium-gallery-img-name, .elementor-24483 .elementor-element.elementor-element-b62eebd .premium-gallery-img-name a{color:#000000;}.elementor-24483 .elementor-element.elementor-element-b62eebd .premium-gallery-load-more-btn{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;line-height:28px;color:var( --e-global-color-5f86d1b );background-color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;padding:8px 20px 8px 20px;}.elementor-24483 .elementor-element.elementor-element-b62eebd .premium-gallery-load-more-btn .premium-loader{border-color:var( --e-global-color-5f86d1b );}.elementor-24483 .elementor-element.elementor-element-22c9f1b{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;margin:75px 0px calc(var(--kit-widget-spacing, 0px) + 75px) 0px;border-style:solid;border-width:0px 0px 0px 2px;border-color:var( --e-global-color-5f86d1b );border-radius:0px 0px 0px 0px;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:18px;--n-tabs-title-padding-top:5%;--n-tabs-title-padding-right:0%;--n-tabs-title-padding-bottom:0%;--n-tabs-title-padding-left:0%;--n-tabs-title-font-size:21px;--n-tabs-title-color:var( --e-global-color-5f86d1b );--n-tabs-title-color-active:var( --e-global-color-5f86d1b );--n-tabs-title-direction:row;--n-tabs-icon-order:initial;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-size:39px;--n-tabs-icon-gap:7px;--n-tabs-icon-color:var( --e-global-color-5f86d1b );--n-tabs-icon-color-active:var( --e-global-color-176324a );}.elementor-24483 .elementor-element.elementor-element-22c9f1b > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-a1acf17 );}.elementor-24483 .elementor-element.elementor-element-22c9f1b.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-a1acf17 );border-style:none;}.elementor-24483 .elementor-element.elementor-element-22c9f1b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-24483 .elementor-element.elementor-element-22c9f1b.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-a1acf17 );}.elementor-24483 .elementor-element.elementor-element-22c9f1b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-24483 .elementor-element.elementor-element-22c9f1b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:800;letter-spacing:-0.6px;}.elementor-24483 .elementor-element.elementor-element-22c9f1b [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-5f86d1b );--n-tabs-icon-color-hover:var( --e-global-color-176324a );}.elementor-24483 .elementor-element.elementor-element-a222e4d{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-24483 .elementor-element.elementor-element-11d3e77 .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-11d3e77 .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-50f9368 .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-50f9368 .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-5135bcd .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-5135bcd .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-26829d2 .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-26829d2 .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-d3bf72e .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-d3bf72e .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-14653ae .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-14653ae .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-60b39e2 .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-60b39e2 .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-b62eebd .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-b62eebd .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}}@media(min-width:768px){.elementor-24483 .elementor-element.elementor-element-d4d06d5{--content-width:1300px;}.elementor-24483 .elementor-element.elementor-element-28f1d68{--content-width:1300px;}}@media(max-width:767px){.elementor-24483 .elementor-element.elementor-element-d64aace .elementor-heading-title{font-size:50px;line-height:1em;}.elementor-24483 .elementor-element.elementor-element-11d3e77 .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-11d3e77 .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-50f9368 .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-50f9368 .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-5135bcd .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-5135bcd .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-26829d2 .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-26829d2 .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-d3bf72e .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-d3bf72e .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-14653ae .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-14653ae .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-60b39e2 .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-60b39e2 .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}.elementor-24483 .elementor-element.elementor-element-b62eebd .premium-img-gallery-masonry div.premium-gallery-item, .elementor-24483 .elementor-element.elementor-element-b62eebd .premium-img-gallery-fitRows div.premium-gallery-item{width:100%;}}/* Start custom CSS for heading, class: .elementor-element-e7d4ee5 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-11d3e77 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-522e13f *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-50f9368 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8145c3b *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c0d4145 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-26829d2 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6e6c008 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1dbdd59 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2530457 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-30a9577 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e7d4ee5 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-11d3e77 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-522e13f *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-50f9368 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8145c3b *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c0d4145 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-26829d2 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6e6c008 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1dbdd59 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2530457 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-30a9577 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e7d4ee5 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-11d3e77 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-522e13f *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-50f9368 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8145c3b *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c0d4145 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-26829d2 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6e6c008 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1dbdd59 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2530457 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-30a9577 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e7d4ee5 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-11d3e77 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-522e13f *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-50f9368 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8145c3b *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c0d4145 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-26829d2 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6e6c008 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1dbdd59 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2530457 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-30a9577 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e7d4ee5 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-11d3e77 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-522e13f *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-50f9368 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8145c3b *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c0d4145 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-26829d2 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6e6c008 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1dbdd59 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2530457 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-30a9577 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e7d4ee5 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-11d3e77 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-522e13f *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-50f9368 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8145c3b *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c0d4145 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-26829d2 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6e6c008 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1dbdd59 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2530457 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-30a9577 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e7d4ee5 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-11d3e77 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-522e13f *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-50f9368 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8145c3b *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c0d4145 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-26829d2 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6e6c008 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1dbdd59 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2530457 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-30a9577 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e7d4ee5 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-11d3e77 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-522e13f *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-50f9368 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8145c3b *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c0d4145 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-26829d2 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6e6c008 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1dbdd59 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2530457 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-30a9577 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e7d4ee5 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-11d3e77 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-522e13f *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-50f9368 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8145c3b *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c0d4145 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for premium-img-gallery, class: .elementor-element-26829d2 *//* ——— SADE, ITEM-BAZLI HOVER ——— */ .premium-gallery-container .premium-gallery-item .pa-gallery-img{ position: relative; overflow: hidden; } /* Görsel: hep renkli, eklentinin filtrelerini bastır */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter:none !important; transition:none !important; position:relative; z-index:0; } /* Tüm kart tıklanabilir: eklentinin linkini tam karta yay */ .premium-gallery-container .premium-gallery-item .pa-gallery-whole-link{ position:absolute; inset:0; z-index:1; display:block; } /* — SCRIM (karartma) sadece foto IMPOSTA — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::before{ content:""; position:absolute; inset:0; z-index:2; background:rgba(0,0,0,.68); opacity:0; transition:opacity .25s ease; pointer-events:none; /* tıklamayı engellemez */ } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::before{ opacity:1; } /* — BAŞLIK KATMANI — */ .premium-gallery-container .premium-gallery-item .pa-gallery-img::after{ /* Sabit başlık: tüm kartlarda aynı yazı */ content:"SHOW PHOTO"; position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:17px; font-weight:800; letter-spacing:.06em; opacity:0; transition:opacity .25s ease; pointer-events:none; } .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover::after{ opacity:1; } /* — İKONLU VARYANT — Tekil bir karta ikon eklemek istersen, o item’a “afw-icon” sınıfı ver (Elementor → Item CSS Classes). */ .premium-gallery-container .premium-gallery-item.afw-icon .pa-gallery-img::after{ background-repeat:no-repeat; background-size:46px 46px; background-position:center calc(50% - 34px); /* ikon biraz yukarıda */ padding-top:42px; /* yazıyı aşağı it, ikonla çakışmasın */ background-image:url("data:image/svg+xml;utf8,\ \ "); } /* (İsteğe bağlı) Eklentinin kendi ikon/overlay katmanları varsa görünmesin ve bizim efektle çakışmasın diye kapat. İhtiyaç yoksa bu bloğu silebilirsin. */ .premium-gallery-container .pa-gallery-icons-wrapper{ display:none !important; } /* Görsel: başlangıçta siyah-beyaz */ .premium-gallery-container .premium-gallery-item .pa-gallery-img img{ display:block; width:100%; height:auto; filter: grayscale(100%) !important; transition: filter .25s ease; /* yumuşak geçiş */ position:relative; z-index:0; } /* Hover'da renklendir (sadece ilgili item) */ .premium-gallery-container .premium-gallery-item .pa-gallery-img:hover img{ filter: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6e6c008 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1dbdd59 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2530457 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-30a9577 *//* AFW başlıkları için kontur (stroke) */ .outline-text{ color:#fff; /* iç dolgu rengi */ -webkit-text-stroke: 3px #9e9e9e; /* kontur kalınlığı + rengi (Chrome/Safari/Edge) */ paint-order: stroke fill; /* önce kontur, sonra dolgu */ font-weight: 800; /* kalın görünüm */ letter-spacing: .02em; /* isteğe bağlı ufak aralık */ line-height: 1.1; } /* (Opsiyonel) küçük ekranlarda konturu incelt */ @media (max-width: 768px){ .outline-text{ -webkit-text-stroke: 2px #9e9e9e; } }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-22c9f1b *//* İkon kapsayıcısındaki “hayalet” boşlukları kes */ .afw-year-tabs .e-n-tab-title .e-n-tab-icon { display: inline-flex; align-items: center; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } /* SVG'yi gerçek kare gibi davranmaya zorla */ .afw-year-tabs .e-n-tab-title .e-n-tab-icon svg { display: block; /* inline boşluklarını kaldırır */ width: 12px; /* Elementor’daki “Size” yerine piksel kontrol istersen */ height: auto; margin: 0; } /* Metin tarafında fazladan boşluk olmasın */ .afw-year-tabs .e-n-tab-title .e-n-tab-title-text { margin: 0 !important; line-height: 1.1; } /* (İsteğe bağlı) ikonu sol çizgiye daha da yaklaştırmak için */ .afw-year-tabs .e-n-tab-title .e-n-tab-icon { margin-left: -2px; } .afw-year-tabs .e-n-tabs-heading::before{ content:"YEARS"; color:#000000; /* rengin */ font-family:"Montserrat";/* font ailesi */ font-weight:800; font-size:25px; line-height:1.2; opacity:.9; /* istersen kaldır */ margin:75px 0 0px 15px; }/* End custom CSS */