/* === Hero Section - Ana Sayfa Stili === */
.hero-dedicated-server {
    background-color: #E0F1F4 !important;
    border: 1px solid #CDE2E7 !important;
    min-height: 500px !important;
    display: flex !important;
    align-items: center !important;
    padding: 40px 0 !important;
}
.hero-dedicated-server .col-xl-6:first-child { padding-right: 40px; }
.hero-dedicated-server .box-banner-7 { display: flex; align-items: center; justify-content: center; }
.hero-dedicated-server .box-banner-left-home7 { display: flex; flex-direction: column; justify-content: center; height: 100%; }
.hero-dedicated-server p { font-size: 17px; line-height: 28px; }
.section.banner-6 { padding: 60px 0 !important; background-color: #E0F1F4 !important; }
.section.banner-6 .col-xl-6:first-child { flex: 0 0 45% !important; max-width: 45% !important; }
.section.banner-6 .col-xl-6:last-child { flex: 0 0 55% !important; max-width: 55% !important; padding-left: 40px !important; }
.section.banner-6 .box-banner-right-home6 { padding: 20px 0 !important; }
.section.banner-6 .box-banner-right-home6 h1 { font-size: 48px !important; line-height: 1.2 !important; margin-bottom: 25px !important; word-wrap: break-word !important; overflow-wrap: break-word !important; }
.section.banner-6 .box-banner-right-home6 p { font-size: 18px !important; line-height: 1.6 !important; margin-bottom: 30px !important; }
.section.banner-6 .box-banner-6 { max-width: 100% !important; height: auto !important; }
.section.banner-6 .box-banner-6 .img-main { max-width: 100% !important; height: auto !important; }
.section.banner-7 { padding-bottom: 30px !important; margin-bottom: 0 !important; }
.hosting-section { padding-top: 30px !important; padding-bottom: 60px !important; }
.card-guide .card-image img { filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(195deg) brightness(104%) contrast(101%) !important; }
.card-guide.bg-4 .card-image img, .card-guide.bg-5 .card-image img, .card-guide.bg-7 .card-image img { filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(195deg) brightness(104%) contrast(101%) !important; }
@media (max-width: 1199px) {
    .hero-dedicated-server { min-height: auto !important; padding: 30px 20px !important; }
    .hero-dedicated-server .col-xl-6:first-child { padding-right: 15px; }
    .section.banner-6 { padding: 40px 0 !important; }
    .section.banner-6 .col-xl-6:first-child { flex: 0 0 50% !important; max-width: 50% !important; }
    .section.banner-6 .col-xl-6:last-child { flex: 0 0 50% !important; max-width: 50% !important; padding-left: 20px !important; }
    .section.banner-6 .box-banner-right-home6 h1 { font-size: 42px !important; }
    .section.banner-7 { padding-bottom: 40px !important; }
    .hosting-section { padding-top: 40px !important; padding-bottom: 60px !important; }
}
@media (max-width: 768px) {
    .hero-dedicated-server { padding: 20px 15px !important; }
    .hero-dedicated-server h1 { font-size: 32px !important; }
    .hero-dedicated-server p { font-size: 15px !important; line-height: 24px !important; }
    .section.banner-6 { padding: 40px 0 !important; }
    .section.banner-6 .col-xl-6:first-child, .section.banner-6 .col-xl-6:last-child { flex: 0 0 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 30px !important; }
    .section.banner-6 .box-banner-right-home6 h1 { font-size: 36px !important; text-align: center !important; }
    .section.banner-6 .box-banner-right-home6 p { font-size: 16px !important; text-align: center !important; }
    .section.banner-6 .box-banner-right-home6 .title-line { text-align: center !important; }
    .section.banner-7 { padding-bottom: 30px !important; }
    .hosting-section { padding-top: 30px !important; padding-bottom: 50px !important; }
}