.elementor-403 .elementor-element.elementor-element-a96da2e{--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:-7%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:10;}.elementor-403 .elementor-element.elementor-element-a96da2e:not(.elementor-motion-effects-element-type-background), .elementor-403 .elementor-element.elementor-element-a96da2e > .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-403 .elementor-element.elementor-element-e092dea{margin:10% 0% calc(var(--kit-widget-spacing, 0px) + 10%) 0%;text-align:center;}.elementor-403 .elementor-element.elementor-element-e092dea .elementor-heading-title{font-size:70px;font-weight:500;color:#D3202C;}.elementor-403 .elementor-element.elementor-element-144cedb{--display:flex;--overlay-opacity:0.6;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-403 .elementor-element.elementor-element-144cedb:not(.elementor-motion-effects-element-type-background), .elementor-403 .elementor-element.elementor-element-144cedb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-403 .elementor-element.elementor-element-144cedb::before, .elementor-403 .elementor-element.elementor-element-144cedb > .elementor-background-video-container::before, .elementor-403 .elementor-element.elementor-element-144cedb > .e-con-inner > .elementor-background-video-container::before, .elementor-403 .elementor-element.elementor-element-144cedb > .elementor-background-slideshow::before, .elementor-403 .elementor-element.elementor-element-144cedb > .e-con-inner > .elementor-background-slideshow::before, .elementor-403 .elementor-element.elementor-element-144cedb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-403 .elementor-element.elementor-element-30124a5{--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-403 .elementor-element.elementor-element-167872c{--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-403 .elementor-element.elementor-element-167872c: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-403 .elementor-element.elementor-element-167872c, .elementor-403 .elementor-element.elementor-element-167872c::before{--border-transition:0.3s;}.elementor-403 .elementor-element.elementor-element-98f1591{--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-403 .elementor-element.elementor-element-98f1591: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-403 .elementor-element.elementor-element-98f1591, .elementor-403 .elementor-element.elementor-element-98f1591::before{--border-transition:0.3s;}.elementor-403 .elementor-element.elementor-element-ed390df{--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-403 .elementor-element.elementor-element-ed390df: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-403 .elementor-element.elementor-element-ed390df, .elementor-403 .elementor-element.elementor-element-ed390df::before{--border-transition:0.3s;}.elementor-403 .elementor-element.elementor-element-74e4b67{--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-403 .elementor-element.elementor-element-74e4b67:not(.elementor-motion-effects-element-type-background), .elementor-403 .elementor-element.elementor-element-74e4b67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://zenithinsaat.com/wp-content/uploads/2025/10/Hizmetlerimiz.png");}.elementor-403 .elementor-element.elementor-element-59324b0{--display:flex;}.elementor-403 .elementor-element.elementor-element-b4ea81e{--display:flex;}.elementor-403 .elementor-element.elementor-element-29e7e0f{--display:flex;}.elementor-403 .elementor-element.elementor-element-ae51d7b{--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;}body.elementor-page-403:not(.elementor-motion-effects-element-type-background), body.elementor-page-403 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-403 .elementor-element.elementor-element-ae51d7b{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-403 .elementor-element.elementor-element-e092dea .elementor-heading-title{font-size:55px;}.elementor-403 .elementor-element.elementor-element-144cedb{--padding-top:15%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;}.elementor-403 .elementor-element.elementor-element-167872c{--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-403 .elementor-element.elementor-element-98f1591{--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-403 .elementor-element.elementor-element-ed390df{--margin-top:5%;--margin-bottom:5%;--margin-left:5%;--margin-right:5%;}.elementor-403 .elementor-element.elementor-element-74e4b67{--min-height:0vh;--margin-top:0%;--margin-bottom:-2%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;--z-index:10;}.elementor-403 .elementor-element.elementor-element-59324b0{--content-width:85%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-403 .elementor-element.elementor-element-b4ea81e{--content-width:85%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-403 .elementor-element.elementor-element-29e7e0f{--content-width:85%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-403 .elementor-element.elementor-element-ae51d7b{--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-403 .elementor-element.elementor-element-144cedb{--content-width:1300px;}.elementor-403 .elementor-element.elementor-element-167872c{--width:33%;}.elementor-403 .elementor-element.elementor-element-98f1591{--width:33%;}.elementor-403 .elementor-element.elementor-element-ed390df{--width:33%;}.elementor-403 .elementor-element.elementor-element-74e4b67{--content-width:1300px;}}/* Start custom CSS for container, class: .elementor-element-167872c */.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-98f1591 */.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-ed390df */.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 nested-carousel, class: .elementor-element-ae51d7b */.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.0;
  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 */