/* ARK: Yeşil -> Beyaz (üstten aşağı) */
.rts-hosting-banner.rts-hosting-banner-bg.banner-default-height.banner-style-home-one {
  background-image: linear-gradient(to bottom, #076ebc 0%, #ffffff 100%) !important;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative !important;
}
/* Varsayılan banner kaplamalarını kapat */
.rts-hosting-banner.rts-hosting-banner-bg.banner-style-home-one::before,
.rts-hosting-banner.rts-hosting-banner-bg::before {
  background: transparent !important;
}
.rts-hosting-banner.rts-hosting-banner-bg::after {
  background-image: none !important;
}

/* Header ve Banner arasında ayırıcı çerçeve */
.rts-hosting-banner.rts-hosting-banner-bg.banner-style-home-one::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, 
    rgba(30, 58, 138, 0.8) 0%, 
    rgba(37, 99, 235, 0.9) 25%, 
    rgba(59, 130, 246, 1) 50%, 
    rgba(96, 165, 250, 0.9) 75%, 
    rgba(147, 197, 253, 0.8) 100%
  );
  box-shadow: 0 2px 10px rgba(59, 130, 246, 0.3);
  z-index: 10;
}

/* Gradient animasyonu için keyframes */
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Başlık için geçişli renk teması */
.banner-title {
  background: linear-gradient(45deg, #1E3A8A, #2563EB, #3B82F6, #60A5FA, #93C5FD, #DBEAFE) !important;
  background-size: 400% 400% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: gradientShift 3s ease-in-out infinite !important;
}