.elementor-15 .elementor-element.elementor-element-faa784b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-6%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-15 .elementor-element.elementor-element-faa784b:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-faa784b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-3c8b353{margin:10% 0% calc(var(--kit-widget-spacing, 0px) + 10%) 0%;text-align:center;}.elementor-15 .elementor-element.elementor-element-3c8b353 .elementor-heading-title{font-family:"Stratos-One", Sans-serif;font-size:70px;font-weight:500;color:#D3202C;}.elementor-15 .elementor-element.elementor-element-451a243{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-451a243:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-451a243 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-4b3aa35{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-4b3aa35:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-4b3aa35, .elementor-15 .elementor-element.elementor-element-4b3aa35::before{--border-transition:0.3s;}.elementor-15 .elementor-element.elementor-element-96a48ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-96a48ae:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-96a48ae, .elementor-15 .elementor-element.elementor-element-96a48ae::before{--border-transition:0.3s;}.elementor-15 .elementor-element.elementor-element-5817ca4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-5817ca4:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-5817ca4, .elementor-15 .elementor-element.elementor-element-5817ca4::before{--border-transition:0.3s;}.elementor-15 .elementor-element.elementor-element-44b23fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-44b23fd:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-44b23fd, .elementor-15 .elementor-element.elementor-element-44b23fd::before{--border-transition:0.3s;}.elementor-15 .elementor-element.elementor-element-50cf7f8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-50cf7f8:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-50cf7f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-b5214e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-b5214e1:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-b5214e1, .elementor-15 .elementor-element.elementor-element-b5214e1::before{--border-transition:0.3s;}.elementor-15 .elementor-element.elementor-element-0339700{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-0339700:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-0339700, .elementor-15 .elementor-element.elementor-element-0339700::before{--border-transition:0.3s;}.elementor-15 .elementor-element.elementor-element-2666ce7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-2666ce7:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-2666ce7, .elementor-15 .elementor-element.elementor-element-2666ce7::before{--border-transition:0.3s;}.elementor-15 .elementor-element.elementor-element-fbfa184{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-fbfa184:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-fbfa184, .elementor-15 .elementor-element.elementor-element-fbfa184::before{--border-transition:0.3s;}.elementor-15 .elementor-element.elementor-element-ceda705{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-ceda705:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-ceda705 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-d84d34f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-d84d34f:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-d84d34f, .elementor-15 .elementor-element.elementor-element-d84d34f::before{--border-transition:0.3s;}.elementor-15 .elementor-element.elementor-element-1315ae2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-1315ae2:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-1315ae2, .elementor-15 .elementor-element.elementor-element-1315ae2::before{--border-transition:0.3s;}.elementor-15 .elementor-element.elementor-element-eabea1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-eabea1f:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-eabea1f, .elementor-15 .elementor-element.elementor-element-eabea1f::before{--border-transition:0.3s;}.elementor-15 .elementor-element.elementor-element-062a907{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-062a907:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-062a907, .elementor-15 .elementor-element.elementor-element-062a907::before{--border-transition:0.3s;}.elementor-15 .elementor-element.elementor-element-e9c9149{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-e9c9149:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-e9c9149 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-44e64a7{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-15 .elementor-element.elementor-element-44e64a7:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-44e64a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-5c3eacd{--display:flex;}.elementor-15 .elementor-element.elementor-element-2a8f840{--display:flex;}.elementor-15 .elementor-element.elementor-element-a2204d9{--display:flex;}.elementor-15 .elementor-element.elementor-element-4ff0440{--display:flex;}.elementor-15 .elementor-element.elementor-element-3e57d54{--display:flex;}.elementor-15 .elementor-element.elementor-element-5a12c8f{--display:flex;}.elementor-15 .elementor-element.elementor-element-29ad197{--display:flex;}.elementor-15 .elementor-element.elementor-element-2ec8ded{--display:flex;}.elementor-15 .elementor-element.elementor-element-c2d0e37{--display:flex;}.elementor-15 .elementor-element.elementor-element-9150c62{--display:flex;}.elementor-15 .elementor-element.elementor-element-8245cbd{--display:flex;}.elementor-15 .elementor-element.elementor-element-ffb9361{--display:flex;}.elementor-15 .elementor-element.elementor-element-39e65c6{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-dots-normal-color:#FFFFFF;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-39e65c6{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-3c8b353 .elementor-heading-title{font-size:40px;}.elementor-15 .elementor-element.elementor-element-4b3aa35{--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-15 .elementor-element.elementor-element-96a48ae{--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-15 .elementor-element.elementor-element-5817ca4{--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-15 .elementor-element.elementor-element-44b23fd{--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-15 .elementor-element.elementor-element-b5214e1{--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-15 .elementor-element.elementor-element-0339700{--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-15 .elementor-element.elementor-element-2666ce7{--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-15 .elementor-element.elementor-element-fbfa184{--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-15 .elementor-element.elementor-element-5c3eacd{--content-width:85%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-15 .elementor-element.elementor-element-2a8f840{--content-width:86%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-15 .elementor-element.elementor-element-a2204d9{--content-width:86%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-15 .elementor-element.elementor-element-4ff0440{--content-width:86%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-15 .elementor-element.elementor-element-3e57d54{--content-width:86%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-15 .elementor-element.elementor-element-5a12c8f{--content-width:86%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-15 .elementor-element.elementor-element-29ad197{--content-width:86%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-15 .elementor-element.elementor-element-2ec8ded{--content-width:86%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-15 .elementor-element.elementor-element-c2d0e37{--content-width:86%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-15 .elementor-element.elementor-element-9150c62{--content-width:86%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-15 .elementor-element.elementor-element-8245cbd{--content-width:86%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-15 .elementor-element.elementor-element-ffb9361{--content-width:86%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-15 .elementor-element.elementor-element-39e65c6{--e-n-carousel-swiper-slides-to-display:1;padding:0% 0% 0% 0%;--e-n-carousel-swiper-pagination-spacing:0px;}}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-451a243{--content-width:1300px;}.elementor-15 .elementor-element.elementor-element-4b3aa35{--width:25%;}.elementor-15 .elementor-element.elementor-element-96a48ae{--width:25%;}.elementor-15 .elementor-element.elementor-element-5817ca4{--width:25%;}.elementor-15 .elementor-element.elementor-element-44b23fd{--width:25%;}.elementor-15 .elementor-element.elementor-element-50cf7f8{--content-width:1300px;}.elementor-15 .elementor-element.elementor-element-b5214e1{--width:25%;}.elementor-15 .elementor-element.elementor-element-0339700{--width:25%;}.elementor-15 .elementor-element.elementor-element-2666ce7{--width:25%;}.elementor-15 .elementor-element.elementor-element-fbfa184{--width:25%;}.elementor-15 .elementor-element.elementor-element-ceda705{--content-width:1300px;}.elementor-15 .elementor-element.elementor-element-d84d34f{--width:25%;}.elementor-15 .elementor-element.elementor-element-1315ae2{--width:25%;}.elementor-15 .elementor-element.elementor-element-eabea1f{--width:25%;}.elementor-15 .elementor-element.elementor-element-062a907{--width:25%;}.elementor-15 .elementor-element.elementor-element-44e64a7{--content-width:1300px;}}/* Start custom CSS for container, class: .elementor-element-4b3aa35 */.case-item {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  z-index: 0;
  
}

.case-item:hover {
  z-index: 10;
}

.case-item .case-bg {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  filter: grayscale(100%);
}

.case-item .case-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
  color: white;
  height: 100%;
  width: 100%;
  padding-bottom: -20px;
  box-sizing: border-box;
  z-index: 2; /* Yazılar kırmızı alanın üstünde kalacak */
}

.case-item .case-logo {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  margin: 0;
  z-index: 2; /* Logo da üstte kalacak */
}

.case-item .case-desc {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.case-item:hover .case-bg {
  filter: grayscale(0%);
  transform: scale(1.2);
  border: 2px solid #D3202C;
  border-radius: 30px;
    transition: all 0.5s ease;
}

/* Hover durumunda kırmızı alan (yazının arkasında olacak) */
.case-item:hover::after {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 30%;
  background: #D3202C7A;
  border-radius: 0 0 30px 30px;
  z-index: 1; /* Yazı ve logonun arkasında, ama resmin önünde */
  transition: all 0.5s ease;
transform: scale(1.2);
}

.case-item:hover .case-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96a48ae */.case-item {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  z-index: 0;
  
}

.case-item:hover {
  z-index: 10;
}

.case-item .case-bg {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  filter: grayscale(100%);
}

.case-item .case-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
  color: white;
  height: 100%;
  width: 100%;
  padding-bottom: -20px;
  box-sizing: border-box;
  z-index: 2; /* Yazılar kırmızı alanın üstünde kalacak */
}

.case-item .case-logo {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  margin: 0;
  z-index: 2; /* Logo da üstte kalacak */
}

.case-item .case-desc {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.case-item:hover .case-bg {
  filter: grayscale(0%);
  transform: scale(1.2);
  border: 2px solid #D3202C;
  border-radius: 30px;
    transition: all 0.5s ease;
}

/* Hover durumunda kırmızı alan (yazının arkasında olacak) */
.case-item:hover::after {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 30%;
  background: #D3202C7A;
  border-radius: 0 0 30px 30px;
  z-index: 1; /* Yazı ve logonun arkasında, ama resmin önünde */
  transition: all 0.5s ease;
transform: scale(1.2);
}

.case-item:hover .case-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5817ca4 */.case-item {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  z-index: 0;
  
}

.case-item:hover {
  z-index: 10;
}

.case-item .case-bg {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  filter: grayscale(100%);
}

.case-item .case-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
  color: white;
  height: 100%;
  width: 100%;
  padding-bottom: -20px;
  box-sizing: border-box;
  z-index: 2; /* Yazılar kırmızı alanın üstünde kalacak */
}

.case-item .case-logo {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  margin: 0;
  z-index: 2; /* Logo da üstte kalacak */
}

.case-item .case-desc {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.case-item:hover .case-bg {
  filter: grayscale(0%);
  transform: scale(1.2);
  border: 2px solid #D3202C;
  border-radius: 30px;
    transition: all 0.5s ease;
}

/* Hover durumunda kırmızı alan (yazının arkasında olacak) */
.case-item:hover::after {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 30%;
  background: #D3202C7A;
  border-radius: 0 0 30px 30px;
  z-index: 1; /* Yazı ve logonun arkasında, ama resmin önünde */
  transition: all 0.5s ease;
transform: scale(1.2);
}

.case-item:hover .case-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44b23fd */.case-item {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  z-index: 0;
  
}

.case-item:hover {
  z-index: 10;
}

.case-item .case-bg {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  filter: grayscale(100%);
}

.case-item .case-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
  color: white;
  height: 100%;
  width: 100%;
  padding-bottom: -20px;
  box-sizing: border-box;
  z-index: 2; /* Yazılar kırmızı alanın üstünde kalacak */
}

.case-item .case-logo {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  margin: 0;
  z-index: 2; /* Logo da üstte kalacak */
}

.case-item .case-desc {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.case-item:hover .case-bg {
  filter: grayscale(0%);
  transform: scale(1.2);
  border: 2px solid #D3202C;
  border-radius: 30px;
    transition: all 0.5s ease;
}

/* Hover durumunda kırmızı alan (yazının arkasında olacak) */
.case-item:hover::after {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 30%;
  background: #D3202C7A;
  border-radius: 0 0 30px 30px;
  z-index: 1; /* Yazı ve logonun arkasında, ama resmin önünde */
  transition: all 0.5s ease;
transform: scale(1.2);
}

.case-item:hover .case-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5214e1 */.case-item {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  z-index: 0;
  
}

.case-item:hover {
  z-index: 10;
}

.case-item .case-bg {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  filter: grayscale(100%);
}

.case-item .case-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
  color: white;
  height: 100%;
  width: 100%;
  padding-bottom: -20px;
  box-sizing: border-box;
  z-index: 2; /* Yazılar kırmızı alanın üstünde kalacak */
}

.case-item .case-logo {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  margin: 0;
  z-index: 2; /* Logo da üstte kalacak */
}

.case-item .case-desc {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.case-item:hover .case-bg {
  filter: grayscale(0%);
  transform: scale(1.2);
  border: 2px solid #D3202C;
  border-radius: 30px;
    transition: all 0.5s ease;
}

/* Hover durumunda kırmızı alan (yazının arkasında olacak) */
.case-item:hover::after {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 30%;
  background: #D3202C7A;
  border-radius: 0 0 30px 30px;
  z-index: 1; /* Yazı ve logonun arkasında, ama resmin önünde */
  transition: all 0.5s ease;
transform: scale(1.2);
}

.case-item:hover .case-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0339700 */.case-item {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  z-index: 0;
  
}

.case-item:hover {
  z-index: 10;
}

.case-item .case-bg {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  filter: grayscale(100%);
}

.case-item .case-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
  color: white;
  height: 100%;
  width: 100%;
  padding-bottom: -20px;
  box-sizing: border-box;
  z-index: 2; /* Yazılar kırmızı alanın üstünde kalacak */
}

.case-item .case-logo {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  margin: 0;
  z-index: 2; /* Logo da üstte kalacak */
}

.case-item .case-desc {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.case-item:hover .case-bg {
  filter: grayscale(0%);
  transform: scale(1.2);
  border: 2px solid #D3202C;
  border-radius: 30px;
    transition: all 0.5s ease;
}

/* Hover durumunda kırmızı alan (yazının arkasında olacak) */
.case-item:hover::after {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 30%;
  background: #D3202C7A;
  border-radius: 0 0 30px 30px;
  z-index: 1; /* Yazı ve logonun arkasında, ama resmin önünde */
  transition: all 0.5s ease;
transform: scale(1.2);
}

.case-item:hover .case-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2666ce7 */.case-item {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  z-index: 0;
  
}

.case-item:hover {
  z-index: 10;
}

.case-item .case-bg {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  filter: grayscale(100%);
}

.case-item .case-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
  color: white;
  height: 100%;
  width: 100%;
  padding-bottom: -20px;
  box-sizing: border-box;
  z-index: 2; /* Yazılar kırmızı alanın üstünde kalacak */
}

.case-item .case-logo {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  margin: 0;
  z-index: 2; /* Logo da üstte kalacak */
}

.case-item .case-desc {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.case-item:hover .case-bg {
  filter: grayscale(0%);
  transform: scale(1.2);
  border: 2px solid #D3202C;
  border-radius: 30px;
    transition: all 0.5s ease;
}

/* Hover durumunda kırmızı alan (yazının arkasında olacak) */
.case-item:hover::after {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 30%;
  background: #D3202C7A;
  border-radius: 0 0 30px 30px;
  z-index: 1; /* Yazı ve logonun arkasında, ama resmin önünde */
  transition: all 0.5s ease;
transform: scale(1.2);
}

.case-item:hover .case-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbfa184 */.case-item {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  z-index: 0;
  
}

.case-item:hover {
  z-index: 10;
}

.case-item .case-bg {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  filter: grayscale(100%);
}

.case-item .case-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
  color: white;
  height: 100%;
  width: 100%;
  padding-bottom: -20px;
  box-sizing: border-box;
  z-index: 2; /* Yazılar kırmızı alanın üstünde kalacak */
}

.case-item .case-logo {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  margin: 0;
  z-index: 2; /* Logo da üstte kalacak */
}

.case-item .case-desc {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.case-item:hover .case-bg {
  filter: grayscale(0%);
  transform: scale(1.2);
  border: 2px solid #D3202C;
  border-radius: 30px;
    transition: all 0.5s ease;
}

/* Hover durumunda kırmızı alan (yazının arkasında olacak) */
.case-item:hover::after {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 30%;
  background: #D3202C7A;
  border-radius: 0 0 30px 30px;
  z-index: 1; /* Yazı ve logonun arkasında, ama resmin önünde */
  transition: all 0.5s ease;
transform: scale(1.2);
}

.case-item:hover .case-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d84d34f */.case-item {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  z-index: 0;
  
}

.case-item:hover {
  z-index: 10;
}

.case-item .case-bg {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  filter: grayscale(100%);
}

.case-item .case-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
  color: white;
  height: 100%;
  width: 100%;
  padding-bottom: -20px;
  box-sizing: border-box;
  z-index: 2; /* Yazılar kırmızı alanın üstünde kalacak */
}

.case-item .case-logo {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  margin: 0;
  z-index: 2; /* Logo da üstte kalacak */
}

.case-item .case-desc {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.case-item:hover .case-bg {
  filter: grayscale(0%);
  transform: scale(1.2);
  border: 2px solid #D3202C;
  border-radius: 30px;
    transition: all 0.5s ease;
}

/* Hover durumunda kırmızı alan (yazının arkasında olacak) */
.case-item:hover::after {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 30%;
  background: #D3202C7A;
  border-radius: 0 0 30px 30px;
  z-index: 1; /* Yazı ve logonun arkasında, ama resmin önünde */
  transition: all 0.5s ease;
transform: scale(1.2);
}

.case-item:hover .case-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1315ae2 */.case-item {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  z-index: 0;
  
}

.case-item:hover {
  z-index: 10;
}

.case-item .case-bg {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  filter: grayscale(100%);
}

.case-item .case-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
  color: white;
  height: 100%;
  width: 100%;
  padding-bottom: -20px;
  box-sizing: border-box;
  z-index: 2; /* Yazılar kırmızı alanın üstünde kalacak */
}

.case-item .case-logo {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  margin: 0;
  z-index: 2; /* Logo da üstte kalacak */
}

.case-item .case-desc {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.case-item:hover .case-bg {
  filter: grayscale(0%);
  transform: scale(1.2);
  border: 2px solid #D3202C;
  border-radius: 30px;
    transition: all 0.5s ease;
}

/* Hover durumunda kırmızı alan (yazının arkasında olacak) */
.case-item:hover::after {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 30%;
  background: #D3202C7A;
  border-radius: 0 0 30px 30px;
  z-index: 1; /* Yazı ve logonun arkasında, ama resmin önünde */
  transition: all 0.5s ease;
transform: scale(1.2);
}

.case-item:hover .case-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eabea1f */.case-item {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  z-index: 0;
  
}

.case-item:hover {
  z-index: 10;
}

.case-item .case-bg {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  filter: grayscale(100%);
}

.case-item .case-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
  color: white;
  height: 100%;
  width: 100%;
  padding-bottom: -20px;
  box-sizing: border-box;
  z-index: 2; /* Yazılar kırmızı alanın üstünde kalacak */
}

.case-item .case-logo {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  margin: 0;
  z-index: 2; /* Logo da üstte kalacak */
}

.case-item .case-desc {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.case-item:hover .case-bg {
  filter: grayscale(0%);
  transform: scale(1.2);
  border: 2px solid #D3202C;
  border-radius: 30px;
    transition: all 0.5s ease;
}

/* Hover durumunda kırmızı alan (yazının arkasında olacak) */
.case-item:hover::after {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 30%;
  background: #D3202C7A;
  border-radius: 0 0 30px 30px;
  z-index: 1; /* Yazı ve logonun arkasında, ama resmin önünde */
  transition: all 0.5s ease;
transform: scale(1.2);
}

.case-item:hover .case-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-062a907 */.case-item {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  z-index: 0;
  
}

.case-item:hover {
  z-index: 10;
}

.case-item .case-bg {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  filter: grayscale(100%);
}

.case-item .case-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
  color: white;
  height: 100%;
  width: 100%;
  padding-bottom: -20px;
  box-sizing: border-box;
  z-index: 2; /* Yazılar kırmızı alanın üstünde kalacak */
}

.case-item .case-logo {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  margin: 0;
  z-index: 2; /* Logo da üstte kalacak */
}

.case-item .case-desc {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.case-item:hover .case-bg {
  filter: grayscale(0%);
  transform: scale(1.2);
  border: 2px solid #D3202C;
  border-radius: 30px;
    transition: all 0.5s ease;
}

/* Hover durumunda kırmızı alan (yazının arkasında olacak) */
.case-item:hover::after {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 30%;
  background: #D3202C7A;
  border-radius: 0 0 30px 30px;
  z-index: 1; /* Yazı ve logonun arkasında, ama resmin önünde */
  transition: all 0.5s ease;
transform: scale(1.2);
}

.case-item:hover .case-overlay {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-39e65c6 */.case-item-scala-mice {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  z-index: 0;
}

.case-item-scala-mice:hover {
  z-index: 10;
}

.case-item-scala-mice .case-bg-scala-mice {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  filter: grayscale(100%);
}

.case-item-scala-mice .case-overlay-scala-mice {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease;
  color: white;
  height: 100%;
  width: 100%;
  padding-bottom: 0px;
  box-sizing: border-box;
  z-index: 2; /* Yazılar kırmızı alanın üstünde kalacak */
}

.case-item-scala-mice .case-logo-scala-mice {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  margin: 0;
  z-index: 2; /* Logo da üstte kalacak */
}

.case-item-scala-mice .case-desc-scala-mice {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

.case-item-scala-mice:hover .case-bg-scala-mice {
  filter: grayscale(0%);
  transform: scale(1.1);
  border: 2px solid #D3202C;
  border-radius: 30px;
  transition: all 0.5s ease;
}

/* Hover durumunda kırmızı alan (yazının arkasında olacak) */
.case-item-scala-mice:hover::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 0;
  width: 100%;
  height: 30%;
  background: #D3202C7A;
  border-radius: 0 0 30px 30px;
  z-index: 1; /* Yazı ve logonun arkasında, ama resmin önünde */
  transition: all 0.5s ease;
  transform: scale(1.1);
}

.case-item-scala-mice:hover .case-overlay-scala-mice {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Stratos-One';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://scalamice.com/wp-content/uploads/2025/09/Stratos-Medium.woff') format('woff');
}
/* End Custom Fonts CSS */