.elementor-kit-10{--e-global-color-primary:#101415;--e-global-color-secondary:#F9F6EE;--e-global-color-text:#FFFFFF;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-a38d934-font-family:"Inter";--e-global-typography-a38d934-font-size:42px;--e-global-typography-a38d934-font-weight:600;--e-global-typography-bfc651f-font-family:"Inter";--e-global-typography-bfc651f-font-size:22px;--e-global-typography-bfc651f-font-weight:900;--e-global-typography-95f165b-font-family:"Inter";--e-global-typography-95f165b-font-size:1.2rem;--e-global-typography-38dc80d-font-family:"Inter";--e-global-typography-38dc80d-font-size:2rem;--e-global-typography-38dc80d-font-weight:700;--e-global-typography-9eb3f9d-font-family:"Inter";--e-global-typography-9eb3f9d-font-size:1.6rem;--e-global-typography-9eb3f9d-font-weight:bold;font-family:"Inter", Sans-serif;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 h2{font-family:"Inter", Sans-serif;}.elementor-kit-10 h3{font-family:"Inter", Sans-serif;}.elementor-kit-10 h4{font-family:"Inter", Sans-serif;}.elementor-kit-10 h5{font-family:"Inter", Sans-serif;}.elementor-kit-10 h6{font-family:"Inter", Sans-serif;}.elementor-kit-10 img{border-radius:15px 15px 15px 15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-95f165b-line-height:1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}.elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-heading-base{margin:0px;}.elementor .e-heading-link-base{all:unset;cursor:pointer;}.elementor .e-image-link-base{width:fit-content;display:inherit;}.elementor .e-image-base{display:block;}.elementor .e-paragraph-base{margin:0px;}.elementor .e-paragraph-link-base{all:unset;cursor:pointer;}.elementor .e-svg-base{width:65px;height:65px;display:inline-block;}.elementor .e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:2px;border-width:0px;background-color:#375EFB;display:inline-block;}
/* Start custom CSS */@keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translateY(10px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }
    .service-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      padding: 24px;
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
    }
  
    .service-card {
      position: relative !important;
      width: 100%;
      /* max-width: 340px; */
      margin: 0;
      /* height: 400px !important; */
      /* min-height: 360px; */
      aspect-ratio: 1/1;
      border-radius: 15px !important;
      background-size: cover !important;
      background-position: center center !important;
      background-repeat: no-repeat !important;
      overflow: hidden !important;
      will-change: transform;
    }
    .service-card:hover {
      /* background-size: 110% auto !important; */
      background-position: center center !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
      z-index: 1;
      transform: none !important;
    }
  
    .service-card::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background-image: inherit;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
      will-change: transform;
    }
    .service-card:hover::after {
      transform: scale(1.08);
    }
  
    .service-card > .service-content {
     
      position: absolute;
      z-index: 2;
      bottom: 20px;
      width: 100%;
      padding: 20px;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      color: white;
      margin-top: -30px;
    }
  
    .service-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
      z-index: 1;
      transition: background 0.3s ease, backdrop-filter 0.4s ease;
      backdrop-filter: blur(0px);
    }
  
    .service-card:hover::before {
      background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
      backdrop-filter: blur(4px);
    }
  
    .service-content .icon,
    .service-content .service-desc,
    .service-content .service-btn {
      opacity: 0;
      pointer-events: none;
      transform: translateY(10px);
      transition: all 0.3s ease;
    }
    .service-title {
      min-height: 54px;
      height: 54px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff !important;
      font-size: 1.6rem;
      margin-bottom: 16px;
      position: relative;
      transition: all 0.3s ease;
      text-shadow: 0 2px 8px rgba(0,0,0,0.7);
      font-weight: bold;
      letter-spacing: 0.5px;
      text-align: center;
      line-height: 1.2;
    }
    .service-title::after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 3px;
      border-radius: 2px;
      background: #fff;
      transition: width 0.3s cubic-bezier(0.4,0,0.2,1);
    }
    .service-card:hover .service-title::after {
      width: 60%;
    }
    .service-btn {
        width: 150px;
      margin-top: 14px;
      padding: 8px 20px;
      font-size: 15px;
      color: #fff;
      border: 1.5px solid #fff;
      background: rgba(255,255,255,0.08);
      border-radius: 4px;
      text-decoration: none;
      display: block; /* Değişiklik: inline-block -> block */
      cursor: pointer;
      opacity: 0;
      pointer-events: none;
      transform: translateY(10px);
      transition: all 0.3s ease;
      margin-left: auto; /* Eklendi */
      margin-right: auto; /* Eklendi */
    }
    .service-btn:hover {
      background: #fff;
      color: #111;
      border-color: #fff;
    }
  
    .service-card:hover .service-content .icon,
    .service-card:hover .service-content .service-desc,
    .service-card:hover .service-content .service-btn {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .service-card:hover .service-title {
      text-shadow: none;
    }
    .service-card:hover {
      box-shadow: none !important;
    }
  
    .service-day {
      min-height: 22px;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      color: #fff;
      font-size: 1.05rem;
      font-weight: 500;
      margin-bottom: 10px;
      margin-top: -8px;
      opacity: 0.85;
      letter-spacing: 0.2px;
      text-align: center;
      transition: color 0.3s;
    }
    .service-title + .service-day {
      margin-top: -6px;
    }
  
    .service-header {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 72px;
      min-height: 72px;
      margin-bottom: 8px;
      text-align: center;
    }
    .service-header .service-title,
    .service-header .service-day {
      margin-bottom: 0;
      margin-top: 0;
      min-height: unset;
      display: block;
      align-items: unset;
      justify-content: unset;
    }
  
    .service-icon {
      width: 120px;
      height: 120px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 12px;
    }
    .service-icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
  
    /* Mobil Uyum */
@media screen and (max-width: 768px) {
  .service-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 16px;
  }

  .service-header {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: auto;
    min-height: unset;
    margin-bottom: 8px;
    text-align: center;
  }
  .service-header .service-title,
  .service-header .service-day {
    display: block;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    min-height: unset;
    align-items: unset;
    justify-content: unset;
  }
  .service-title {
    font-size:1.4rem;
    min-height: unset;
    height: auto;
    margin-bottom: 4px;
  }

  .service-day{
    font-size:1.1rem;
    min-height: unset;
    height: auto;
    margin-bottom: 4px;
  }
  .service-title::after {
    width: 60% !important;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
    height: 3px;
    border-radius: 2px;
    background: #fff;
    content: "";
    position: absolute;
    display: block;
    transition: none;
  }
  .service-card:hover .service-title::after {
    width: 60% !important;
  }
  .service-card:hover .service-title {
    text-shadow: 0 2px 8px rgba(0,0,0,0.7);
  }
  .service-card:hover {
    box-shadow: none !important;
  }
  /* Hover efektlerini tamamen kaldır */
  .service-card:hover::after,
  .service-card:hover::before {
    transform: none !important;
    background: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
  .service-card > .service-content,
  .service-content .icon,
  .service-content .service-desc,
  .service-content .service-btn {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    transition: none !important;
  }
  .service-card {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
    backdrop-filter: none;
  }
  .service-content{

    font-size:1rem;
  }
  .service-card::after {
    transform: none !important;
  }
  .service-btn {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    transition: none !important;
  }
  .service-icon {
    width: 60px;
    height: 60px;
   
  }
  .service-header {
    margin-bottom: 2px !important;
  }
  .service-card > .service-content {
    padding: 4px 2px 2px 2px !important;
    position: static !important;
    bottom: unset !important;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: unset;
    margin-top: -30px !important;
  }
  .service-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 4px;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .service-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }
  .service-header,
  .service-card > .service-content {
    margin-top: -30px !important;
  }
  .service-card::before {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent) !important;
    backdrop-filter: blur(4px) !important;
    transition: none !important;
  }
  .service-card:hover::before {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent) !important;
    backdrop-filter: blur(4px) !important;
    transition: none !important;
  }
}

/* Menü için özel class ile örnek: .main-menu */

.main-menu li {
  display: inline-block;
  padding: 0 15px;
  position: relative;
  color: white;
}

.main-menu li:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 60%; /* biraz aşağı çekiyoruz */
  transform: translateY(-50%);
  right: 0;
  height: 60%; /* daha uzun çizgi için: 50%-60% arası iyi duruyor */
  width: 1px;
  background-color: #ffffff !important;
  z-index: 9999 !important;
  pointer-events: none;
}

/* Menü linkleri */
.main-menu li a {
  color: white;
  text-decoration: none;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
}

/* Hover alt çizgi (before ile çakışmasın diye) */
.main-menu li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: white;
  transition: width 0.3s ease;
}

.main-menu li a:hover::before {
  width: 100%;
}

/* Dropdown Menü Tasarımı */
.main-menu li.has-dropdown {
  position: relative;
}
.main-menu li.has-dropdown > a {
  padding-right: 32px;
}
.main-menu li.has-dropdown > a::after {
  content: "";
  border: solid white;
  border-width: 0 2px 2px 0;
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  pointer-events: none;
  transition: border-color 0.2s;
}
.main-menu li.has-dropdown:hover > a::after {
  border-color: #f6d365;
}
.main-menu li .dropdown {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 180px;
  background: #222;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18);
  padding: 10px 0;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s, transform 0.25s;
  transform: translateY(10px);
}
.main-menu li.has-dropdown:hover > .dropdown {
  display: block;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.main-menu li .dropdown a {
  color: #fff;
  padding: 10px 24px;
  display: block;
  text-decoration: none;
  font-size: 1rem;
  transition: background 0.2s, color 0.2s;
}
.main-menu li .dropdown a:hover {
  background: #f6d365;
  color: #111;
}/* End custom CSS */