/* Rectangle 2 - Main Background Gradient */
.hero-bg {
  background: linear-gradient(180deg, #ffffff 40.26%, #e2f5ff 100%);
}
.rerotationSection {
  background: linear-gradient(180deg, #ffffff 70.81%, #f3fbff 100%);
}
header.scrollAnimate {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  top: 0;
  position: fixed;
}
/* Rectangle 3 - Left Line (soldaki) */
.line-left {
  height: 1305.42px;
  width: 115.28px;
  background: linear-gradient(
    179.91deg,
    rgba(226, 245, 255, 0.47) 77.18%,
    rgba(255, 255, 255, 0) 115.15%
  );
  transform: rotate(20.64deg);
  pointer-events: none;
  z-index: 1;
}

/* Rectangle 4 - Right Line (en sagdaki) */
.line-right {
  width: 208.13px;
  height: 1503.55px;
  background: linear-gradient(
    178.76deg,
    rgba(255, 255, 255, 0) -3.17%,
    #d9f2ff 66.29%
  );
  transform: rotate(20.64deg);
  pointer-events: none;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .line-left {
    width: 242.24px;
    height: 1155.42px;
  }
  .line-right {
    width: 375.89px;
    height: 1373.55px;
  }
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #2aaef0 !important;
}
.contact-bg {
  background: linear-gradient(180deg, #f6fcff 0%, #e2f5ff 100%);
}
.form-input {
  outline-width: 1;
  outline-color: transparent;
}
.form-input:focus {
  outline-color: #2aaef0;
}
.sidebar {
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar.closed {
  max-height: 0;
}
.sidebar.open {
  max-height: 80vh;
}

/* Overlay */
.overlay {
  transition: opacity 0.3s ease;
}
.overlay.hidden {
  opacity: 0;
  pointer-events: none;
}
.overlay.visible {
  opacity: 1;
  pointer-events: auto;
}