@font-face {
    font-family: 'Inter';
    src: url('/public/assets/fonts/Inter_18pt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('/public/assets/fonts/Inter_18pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('/public/assets/fonts/Inter_18pt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('/public/assets/fonts/Inter_24pt-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('/public/assets/fonts/Inter_24pt-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src: url('/public/assets/fonts/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src: url('/public/assets/fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src: url('/public/assets/fonts/Manrope-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src: url('/public/assets/fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/public/assets/fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/public/assets/fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/public/assets/fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/public/assets/fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/public/assets/fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
.nav-top{
    background:#b6b3b3;
    padding-block: 4px;
}
.nav-blog, .nav-bilgi, .nav-kampanya {
  	font-size: 14px;
  	line-height: 20px;
  	font-family: Inter;
  	color: #ececed;
  	text-align: left;
    text-decoration: none;
}

.nav-kampanya{
    color: #e3c11b;
}
.nav-dik-cizgi{
    background-color: #bdbdc2;
    height: 13px;
    width: 1px;

}
.navbar{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.ni-logo img{
    height: 38px;
}
.veri-merkezi, .evde-internet{
 	font-size: 16px;
  	line-height: 20px;
  	font-weight: 300;
  	font-family: Inter;
  	color: #fff;
    text-decoration: none;
}
/* .veri-merkezi.active, .evde-internet.active{
  	color: rgb(228, 157, 99);
    border-bottom: 4px solid rgb(228, 157, 99);
} */
 .veri-merkezi.active, .evde-internet.active{
  	color: #bfdfff;
    border-bottom: 4px solid #bfdfff;
}

.müsteri-paneli{
	padding: 8px;
    border-radius: 8px;
  	font-size: 16px;
  	line-height: 128%;
  	font-family: Inter;
  	color: #fff;
    background: linear-gradient(90deg, #0082cf, #58b5eb);
    text-decoration: none;
}

.müsteri-paneli-logout {
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 14px;
    color: #fff;
    background: linear-gradient(90deg, #0082cf, #58b5eb);
    text-decoration: none;
    opacity: 0.8;
    transition: opacity 0.2s;
}
.müsteri-paneli-logout:hover {
    opacity: 1;
    color: #fff;
}

.sepet{
    height: 35px;
}
.nav-menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.nav-menu .menu-item{
    font-size: 16px;
  	line-height: 20px;
  	font-weight: 500;
  	font-family: Inter;
  	color: #ececec;
    text-decoration: none;
}
a{
    text-decoration: none;
}
.parent-section {
    position: relative;
    background: linear-gradient(135deg, #003859 0%, #00629D 50%, #0082cf 100%);
    padding: 0;
    overflow: hidden;
    /* min-height: 550px; */
}
.parent-section .container{
    margin-block: 80px!important;

}
.parent-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    z-index: 1;
}

.parent-section::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 80% 50%, rgba(0, 130, 207, 0.2) 0%, transparent 50%);
    z-index: 2;
}
/* === NI Carousel Styles === */
.ni-carousel .ni-carousel-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.ni-carousel-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1600px;
  gap: 40px;
}

.ni-carousel-text {
  max-width: 520px;
  text-align: center;
}

.ni-carousel-badge {
  display: inline-block;
  background: rgb(75,147,138);
  color: #fff;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 50px;
  margin-bottom: 15px;
}

.ni-carousel-text h2 {
  font-size: 50px;
  color: #e9ecef;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.3;
  font-family: 'Poppins';
}

.ni-carousel-text p {
  color: #ffffffad;
  font-size: 23px;
  font-family: 'Poppins';
  line-height: 1.6;
}

.ni-carousel-image img {
  width: 320px!important;
  max-width: 100%;
}

/* Owl Navigation Buttons */
.ni-carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}

.ni-carousel .owl-nav button {
  background: white !important;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 22px !important;
  color: #0066cc !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
  transition: 0.3s;
}

.ni-carousel .owl-nav button:hover {
  background: #0066cc !important;
  color: white !important;
}

/* Dots */
.ni-carousel .owl-dots {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
}

.ni-carousel .owl-dot span {
  background: #bbb !important;
  width: 10px;
  height: 10px;
  margin: 3px;
  border-radius: 50%;
}

.ni-carousel .owl-dot.active span {
  background: #0066cc !important;
}
.home-title, .home-title-blue{
	font-size: 50px;
  	line-height: 108%;
  	font-family: Poppins;
  	color: #068bdb;
    font-weight: 700;
}
.home-title-blue{
    color: #12567f;
}
.home-desc, .home-desc-blue-bold{
    font-size: 24px;
  	line-height: 117%;
  	font-family: Poppins;
    color: #000;
    font-weight: 200;
    margin-bottom: 46px;
}
.home-desc-blue-bold{
    color: #068BDB!important;
    font-weight: 600;
}
.incele {
  	padding: 15px 20px;
  	border-radius: 25px;
  	background: linear-gradient(90deg, #000, #444445);
    color: #fff;
}
.stratejik-altyapi-img{
    height: 560px;
}
.blue-card{
    background: linear-gradient(to right, #068BDB, #00629D);
    border-radius: 23px;
    padding: 32px 10px;
    text-align: center;
}
.dark-blue-card{
    background: linear-gradient(to right, #003859, #00629D);
    border-radius: 23px;
    padding: 32px 10px;
  	text-align: center;

}
.dark-blue{
    color: #12567F!important;
}
.kesintisiz-sreklilii {
  	font-size: 24px;
  	font-weight: 500;
  	font-family: Poppins;
  	color: #fff;
}

.yksek-eriilebilirlik-slaler {
  	font-size: 16px;
  	font-weight: 200;
  	font-family: Poppins;
  	color: #fff;
}
.alt-cizgi {
  	width: auto;
  	height: 0.5px;
  	border: 0.5px solid #fff;
  	box-sizing: border-box;
    margin: 20px;
    opacity: 0.5;
}
.home-subtitle, .home-subtitle-blue{
    font-size: 36px;
  	line-height: 117%;
  	color: #000;
  	font-family: Poppins;
    font-weight: 200;
}
.home-subtitle-blue{
    color: #068BDB;
    font-weight: 600;
}

.dark-blue-card2{
    background: linear-gradient(to right, #12567F, #004874);
    border-radius: 30px;
    padding: 35px;

}
.dark-card{
    background: linear-gradient(90deg, #000, #444445);
    border-radius: 30px;
    padding: 35px;
}
.card-title-dinamik {
  	position: relative;
  	font-size: 32px;
  	line-height: 29px;
  	font-family: Poppins;
  	color: #f9f9f9;
    font-weight: 600;
}
.card-desc-dinamik {
  	position: relative;
  	font-size: 20px;
  	line-height: 29px;
  	font-family: Poppins;
  	color: #f9f9f9;
    font-weight: 200;
}
.hizmetlerimiz-title {
  	font-size: 50px;
  	line-height: 108%;
  	font-family: Poppins;
  	color: #068bdb;
  	text-align: center;
    font-weight: 700;
}
.hizmetlerimiz-desc {
  	font-size: 24px;
  	line-height: 117%;
  	font-weight: 200;
  	font-family: Poppins;
  	color: #12567f;
  	text-align: center;
}
.gray-card1{
    background: #00000070;
    padding: 40px 47px;
    border-radius: 20px;
}
.gray-card2{
    background: #0000004F;
    padding: 40px 47px;
    border-radius: 20px;
}
.gray-card3{
    background: #000000C4;
    padding: 40px 47px;
    border-radius: 20px;
}
.gray-card4{
    background: #000000A3;
    padding: 40px 47px;
    border-radius: 20px;
}
.gray-card5{
    background: #000000AB;
    padding: 40px 47px;
    border-radius: 20px;
}
.gray-card6{
    background: #000000A6;
    padding: 40px 47px;
    border-radius: 20px;
}
.gray-card-title-white, .gray-card-title-blue{
    font-size: 32px;
  	line-height: 108%;
  	font-family: Poppins;
  	color: #fff;
    font-weight: 600;
}
.gray-card-title-blue{
    color: #0082cf;
}
.gray-card-desc{
    font-size: 17px;
  	line-height: 117%;
  	font-weight: 200;
  	font-family: Poppins;
  	color: #fff;
    margin-bottom: 30px;
}
.gray-card-button {
  	padding: 15px 35px;
  	position: relative;
  	border-radius: 17px;
  	background: linear-gradient(90deg, #0082cf, #58b5eb);margin-top: 15px;
    font-size: 17px;
  	line-height: 117%;
  	font-weight: 500;
  	font-family: Poppins;
  	color: #fffcfc;
}
.home-video-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.home-video-wrapper::before {
    content: '';
    position: absolute;
    inset: -30px;
    background: url('/public/assets/media/veri-merkezi.jpg') center / cover no-repeat;
    filter: blur(30px);
    transform: scale(1.1);
    z-index: 0;
    opacity: 0.8;
}

.home-video{
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 560 / 630;
    border-radius: 17px;
    display: block;
}

.tescilli-kantlanm-ve-container {
  	font-size: 50px;
  	line-height: 108%;
  	display: inline-block;
  	font-family: Poppins;
  	color: #068bdb;
    font-weight: 700;
}
.gvenilir-hizmet {
  	color: #12567f;
}
.veri-gvenliinden-i-container {
  	font-size: 24px;
  	line-height: 117%;
  	color: #000;
  	font-family: Poppins;
    font-weight: 200;
}
.bamsz-kurulularca-denetlen {
  	font-weight: 600;
  	color: #12567f;
}
.iso-blue, .iso-dark {
  	font-size: 24px;
  	line-height: 117%;
  	text-align: left;
  	display: inline-block;
  	color: #000;
  	font-family: Poppins;
    font-weight: 600;
}
.iso-blue {
  	margin: 0;
  	color: #12567f;
    font-weight: 200;
}
.sertifika-incele {
  	padding: 16px 20px;
  	border-radius: 25px;
  	background: linear-gradient(90deg, #000, #444445);
    color: #fff;
}

/* Genel Sıfırlama ve Font Ayarları */

:root {
    --footer-bg: #0d2f51; /* Resimden alınan ana mavi renk */
    --footer-border: #1f4f80; /* Ayırıcı çizgi rengi */
    --footer-text-light: #ffffff;
    --footer-text-dark: #c0d1e6; /* Linklerin normal rengi */
}

/* .container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
} */

.site-footer {
    background-color: #12567f;
    background-image: 
        url("/public/assets/media/footer-bg.png"),
        linear-gradient(90deg, rgb(18, 86, 127), rgb(11, 132, 205));
    background-position: 
        right center,
        left top;
    background-repeat: 
        no-repeat,
        repeat;
    background-size: 
        498px 505px,
        auto;

    color: var(--footer-text-light);
    padding: 60px 0 30px 0;
    margin-top: 50px;
}

.footer-top {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.footer-column h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--footer-text-light);
    text-transform: uppercase;
    line-height: 12px;
  	font-family: Helvetica;
    border-bottom: 0.5px solid #ffffff69;
    padding-bottom: 18px;
}


.footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-menu li {
    margin-bottom: 14px;
}

.footer-menu a {
    color: var(--footer-text-dark);
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 17px;
  	line-height: 128%;
  	font-family: Helvetica;
}
.footer-menu ul li a{
    font-size: 13px;
}
.footer-menu a:hover {
    color: var(--footer-text-light);
}

.submenu-toggle {
    display: flex;
    gap: 16px;
    align-items: center;
}

.submenu-toggle span {
    font-weight: bold;
    font-size: 16px;
}

.submenu {
    list-style: none;
    padding-left: 15px; 
    margin-top: 12px;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}

.submenu.open {
    max-height: 500px; 
    transition: max-height 0.4s ease-in;
}

.submenu li {
    margin-bottom: 10px;
    font-size: 13px;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 0.5px solid #fff;
    padding-top: 30px;
    margin-top: 30px;
    flex-wrap: wrap; 
    gap: 20px;
}

.footer-logo img {
    height: 35px;
    width: auto;
}

.footer-contact {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-wrap: wrap; 
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    line-height: 1.4;
}

.contact-item i {
    font-size: 20px;
    color: var(--footer-text-dark);
}

.footer-social {
    display: flex;
    gap: 15px;
}

.footer-social a {
    color: var(--footer-text-dark);
    font-size: 22px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-social a:hover {
    color: var(--footer-text-light);
}


@media (max-width: 991px) {
    .footer-top {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-bottom {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 30px;
    }

    .footer-contact {
        justify-content: center;
    }
}

@media (max-width: 767px) {
     .blue-title, .dark-blue-title {
        font-size: 24px!important;
        line-height: 32px!important;
    }
    .footer-top {
        grid-template-columns: 1fr;
    }

    .footer-column h3 {
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer-column h3::after {
        content: '+';
        font-size: 24px;
        font-weight: 300;
        transition: transform 0.3s ease;
    }

    .footer-column h3.open::after {
        content: '−';
        transform: rotate(180deg);
    }
    
    .footer-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-out, padding 0.4s ease-out;
        padding-left: 15px!important;
    }

    .footer-menu.open {
        max-height: 1000px; 
        padding-left: 15px; 
        padding-top: 15px; 
        transition: max-height 0.4s ease-in, padding 0.4s ease-in;
    }
    
    .footer-menu .submenu {
        max-height: 1000px; 
    }

    .footer-contact {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .card-title-dinamik {
        font-size: 24px!important;
    }
    .card-desc-dinamik {
        font-size: 16px!important;
    }
}
.menu-item.active {
    color: #bfdfff; /* marka rengine göre */
    font-weight: 600;
}
.menu-item:focus{
        color: #bfdfff!important;
    }
    .faq-container{
        margin-top: 50px!important;
    }
@media (max-width: 1080px) and  (min-width: 810px){
    .gradient-title-h1{font-size: 40px!important;}
    .cloud-altyapsna-sahip-ssd-container{font-size: 18px!important;}
    .ssd-vds-sunucular-container{font-size: 18px!important;}
    .feature-image img{height: 300px!important;}
    .feature-row h2{font-size: 40px!important;}
    .feature-row p{font-size: 18px!important;}
  
    .mega-menu-inner{
        padding: 30px 120px!important;
    }
    .menu-item-wrapper:focus .mega-menu{
        display: block;
    }
    .nav-menu .menu-item{
        font-size: 16px;
        text-align: center;
    }
    .nav-menu{
        gap: .5rem;
    }
    .navbar{
        padding-inline: 70px!important;
    }
    .margin-163{
        margin: 107px!important;
    }
    .stratejik-altyapi-img{
        display: none
    }
    .margin-244{
        margin: 120px!important;
    }
    .gray-card3, .gray-card4, .gray-card5, .gray-card6{
        padding: 60px 15px!important;
    }
    .gray-card-button{
        padding: 15px 22px!important;
    }
    .home-video{
        height: auto;
    }
    .footer-column h3{
        font-size: 16px;
    }
    .margin-60{
        margin: 10px!important;
    }
}
@media (max-width: 810px) and  (min-width: 540px){
    .package-title{font-size: 16px!important;}
    .current-price{font-size: 16px!important;}
    .feature-item span{font-size: 14px!important;}
    .feature-item{flex-direction: column;}
    .backgroundshadow{padding: 32px 16px 0px!important;}
    .price-display{min-width: 50px!important;}
    .package-col{padding: 0!important;}
    .features-section{margin-top:40px;}
    .feature-row{padding: 0px;gap: 0!important;}
    
    .nav-menu .menu-item{
        font-size: 16px;
        text-align: center;
    }

    .nav-menu{
        gap: .5rem;
    }
    .ni-carousel-text h2{
        font-size: 34px;
    }
    .ni-carousel-text p{
        font-size: 20px;
    }
    .navbar{
        padding-inline: 24px;
    }
    .margin-163{
        margin: 107px!important;
    }
    .stratejik-altyapi-img{
        height: 316px;
    }
    .margin-244{
        margin: 24px!important;
    }
    .gray-card3, .gray-card4, .gray-card5, .gray-card6{
        padding: 60px 20px!important;
    }
    .gray-card5, .gray-card6{
        margin-top: 20px;
    }
    .gray-card-button{
        padding: 15px 22px!important;
    }
    .home-video{
        height: auto;
        width: 100%;
    }
    .footer-column h3{
        font-size: 16px;
    }
    .margin-60{
        margin: 10px!important;
    }
} .mega-menu.menu-open{ display: block!important;}
@media (max-width: 540px){
    .gradient-title-h1,.faq-header h1{font-size: 30px!important;}
    .cloud-altyapsna-sahip-ssd-container{font-size: 16px!important;}
    .backgroundshadow{padding: 32px 10px 0px!important;}
    .ssd-vds-sunucular-container{font-size: 16px!important;}
    .feature-image img{height: 300px!important;}
    .feature-row h2{font-size: 40px!important;}
    .feature-row p{font-size: 18px!important;}
    .paketler{margin-top: 100px;}
    .package-price-action-col{max-width: 420px!important;}
    .package-card{border: 1px solid #eee;margin-bottom: 13px;}
    .performans-tutkunlarna-ozel,.ssd-vds-sunucular-container,.gradient-title-h1{padding-left: 26px!important;}
    .feature-box h2{font-size: 24px!important;}
    .feature-item span{font-size: 14px!important;}
    .package-title{font-size: 16px!important;}
    .feature-item{width: 100%!important;max-width: 100%!important;}
    .package-features-col{flex-direction: column!important;}
    .package-price-action-col{margin-top: 0!important;display: flex;justify-content: end!important;}
    .info-banner{
        flex-direction: column;
       
    }
    .info-button{font-size: 12px!important;}
    .banner-content{font-size: 16px!important; margin-bottom: 10px;}
    .ni-carousel-content{
        flex-direction:column!important;
    }
    .ni-carousel-text h2{
        font-size: 30px!important;
    }
    .ni-carousel-text p{
        font-size: 18px;
    }
    .margin-163{
        margin: 20px!important;
        margin-top:170px!important ;
    }
    .margin-right-55{
        margin-right: 20px!important;
    }
    .home-title, .home-title-blue,.ilkbyte-why-content h2{
        font-size: 24px!important;
    }
    .ilkbyte-feature-card p{
        font-size: 14px!important;
    }
    .ilkbyte-feature-card .feature-icon i{
        font-size: 20px!important;
    }
    .ilkbyte-feature-card h4{
        font-size: 18px!important;
    }
    .ilkbyte-feature-card .feature-icon{
        width: 50px!important;
        height: 50px!important;
    }
    .ilkbyte-how-it-works .step-item p{
        font-size: 14px!important;
    }
    .ilkbyte-feature-card{
        padding: 24px 10px!important;
    }
    .ilkbyte-how-it-works{
        padding: 20px 0!important;
    }
    .ilkbyte-how-it-works .step-number{
        width: 48px!important;
        height: 48px!important;
    }
    .ilkbyte-how-it-works .step-item h4{
        font-size: 18px!important;
    }
    .home-desc, .home-desc-blue-bold{
        font-size: 18px!important;
    }
    .stratejik-altyapi-img{
        display: none!important;
    }
    .nav-top{
        display: none;
    }
    .navbar{
        padding-inline: 10px;
        margin-top: 20px;
    }
    .ni-logo img{
        height: 36px!important;
    }
    .menu-navbar{
        width: 100%;
    }
 
    .mobile-menu {
         position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100vh;
          background: #fff;
          transform: translateY(-100%);
          transition: transform 0.4s ease;
          z-index: 9999;
          overflow-y: auto;
          display: flex;
          flex-direction: column;
    }
    .mobile-top-menu{
        border-bottom: 1px solid #afafaf4a;
        padding-inline: 10px;
    }
    .veri-mobile, .evde-internet-mobile{
        font-size: 12px;
        line-height: 20px;
        font-weight: 300;
        font-family: Inter;
        color: #626161;
        padding: 12px;
    }
    .veri-mobile.active{
        font-size: 12px;
        line-height: 20px;
        font-family: Inter;
        color: #0082cf;
        border-bottom: 4px solid #0082cf;
        font-weight:600
    }
    .musteri-paneli-mobile{
        border-radius: 6px;
        background: linear-gradient(90deg, #0082cf, #58b5eb);
        color: #fff;
        padding: 4px 8px;
        font-size: 14px;
        margin-right: 5px;
    }
    .info-banner{
        margin-top: 25px!important;
    }
    .mobile-menu.active {
        transform: translateY(0);
        top: 67px;
    }

    .mobile-menu-content {
        padding: 32px 20px;
        display: flex;
        flex-direction: column;
        gap: 18px;
        padding-bottom: 0px;
    }

    .mobile-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 18px;
        color: #0082CF;
        font-weight: 400;
        text-decoration: none;
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 10px;
    }

    .mobile-item span {
        font-size: 22px;
        color: #58B5EB;
    }
    .mobile-menu-footer{
        background-color: #f4f4f4;
        padding: 44px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-footer-text{
        font-size: 12px;
        line-height: 20px;
        font-family: Inter;
        color: #bdbdc2;
        margin-inline:6px
    }
    .mobile-footer-text-blue{
        font-size: 12px;
        line-height: 20px;
        font-family: Inter;
        color: #12567f;
            margin-inline:6px
    }
    .mobile-footer-dik-cizgi{
        width: 1px;
        height: 20px;
        background-color: #bdbdc2;
    }
    
    .menu-toggle {
    cursor: pointer;
    }

    body.menu-open {
        overflow: hidden;
        display: block!important;
    }
   
    .blue-card{
        margin-bottom: 10px;
    }
    .margin-244{
        margin: 20px!important;
    }
    .home-subtitle, .home-subtitle-blue{
        font-size: 30px;
    }
    .dark-blue-card2{
        width: 100%!important;
        max-width: 100%!important;
    }
    .hizmetlerimiz-title{
        font-size: 30px;
    }
    .hizmetlerimiz-desc{
        font-size: 18px;
    }
    .gray-card1,.gray-card2,.gray-card3,.gray-card4,.gray-card5,.gray-card6{
        padding: 30px 15px!important;
    }
    .margin-60{
        margin: 20px 10px!important;
    }
    .gray-card-title-white, .gray-card-title-blue{
        font-size:24px;
    }
    .margin-inline-34{
        margin-inline: 10px!important;
        margin-top: 100px!important;
    }
    .home-video{
        width: 100%!important;
        height: auto!important;
        margin-bottom: 30px;
    }
    .tescilli-kantlanm-ve-container{
        font-size: 30px;
    }
    .veri-gvenliinden-i-container{
        font-size: 18px;
    }
    .iso-blue, .iso-dark{
        font-size: 18px;
    }
    .iso-list svg{
        min-width: 32px;
    }
    .mobile-menu-content,
    .mobile-hizmetlerimiz-menu,
    .mobile-sektorel-menu,
    .mobile-servis-menu,
    .mobile-teknik-menu,
    .mobile-altyapi-menu,
    .mobile-icerik-menu{
    transition: transform 0.4s ease, opacity 0.4s ease;
    }
    .mobile-title{
        color: #575757;
        font-weight: 500;
        font-size: 18px;
    }
    .mobile-border-bottom{
        border-bottom: 1px solid #00000015;
        padding-inline: 10px;
    }
    .mobile-menu-content.hide {
    transform: translateX(-100%);
    opacity: 0;
    pointer-events: none;
    }

    .mobile-hizmetlerimiz-menu, .mobile-sektorel-menu,.mobile-servis-menu,.mobile-teknik-menu,.mobile-altyapi-menu,.mobile-icerik-menu {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    }

    .mobile-hizmetlerimiz-menu.show, .mobile-sektorel-menu.show, .mobile-servis-menu.show, .mobile-teknik-menu.show,.mobile-altyapi-menu.show,.mobile-icerik-menu.show {
    left: 0;
    opacity: 1;
    pointer-events: all;
    }

    /* Geri butonu */
    .mobile-back {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #0082CF;
    font-weight: 500;
    text-decoration: none;
    }

    .mobile-back svg {
    width: 14px;
    height: 14px;
    }

    /* Alt menü öğeleri */
    .mobile-sub-item {
    display: block;
    padding-top: 12px;
    padding-bottom: 6px;
    color: #292828;
    text-decoration: none;
    font-weight: 500;
    }
    .mobile-hemen-incele{
        color: #007BC1!important;
        font-size: 16px!important;
        font-weight: 400!important;
    }

    .mobile-sub-item span {
    display: block;
    color: #666;
    font-size: 13px;
    margin-top: 3px;
    }
}
@media (max-width: 576px) {
    .scroll-menu{
        scrollbar-width: thin;
        scrollbar-color: #0082cf #e5f2fb;max-height: 75vh;
        overflow-y: auto;margin-right: 12px;
    }
    .scroll-menu {
        overflow-y: scroll;
        scrollbar-width: thin; 
        scrollbar-color: #0082cf #e5f2fb;
    }
  .scroll-menu::-webkit-scrollbar {
    width: 12px; 
    background: #e5f2fb;
    border-radius: 8px;
  }
  .scroll-menu::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #0082cf, #58b5eb);
    border-radius: 8px;
    border: 3px solid #f6f7fa; 
  }
  .scroll-menu::-webkit-scrollbar-thumb:hover {
    background: #0082cf;
    border: 3px solid #b2e1fc;
  }
  .scroll-menu::-webkit-scrollbar-track {
    background: #e5f2fb;
    border-radius: 8px;
    box-shadow: inset 0 0 5px #b2e1fc;
  }
    .scroll-menu {
        max-height: 75vh;
        overflow-y: auto;
        position: relative;
        z-index: 1; 
    }

    .scroll-menu::after {
        content: "";
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 80%;
        pointer-events: none; 

        background: linear-gradient(
            to bottom,
            rgba(246, 247, 250, 0) 0%, 
            rgba(246, 247, 250, 1) 80% 
        );
    }
    .mobile-sub-item span{
        display: none; 
        opacity: 0;
        transition: opacity 0.5s ease-in-out; 
        font-size: 0.85em;
        color: #6c757d;
        
    }
    .mobile-sub-item a {
        display: none;
        opacity: 0; 
        transition: opacity 0.5s ease-in-out; 
        font-size: 0.85em;
        color: #6c757d;
        
    }
    .mobile-sub-item.is-scrolled span {
        display: block; 
        opacity: 1; 
    }
    .mobile-sub-item.is-scrolled a {
        display: block; 
        opacity: 1; 
    }
 
}
.margin-163{
    margin: 163px;
}
.margin-60{
    margin: 60px;
}
.margin-244{
    margin: 244px;
}
.margin-inline-34{
    margin-inline: 34px;
    margin-top: 170px
}
.margin-right-55{
    margin-right: 55px
}

.menu-item:hover {
  color: #bfdfff;
}

.menu-item-wrapper {
  position: relative;
  padding-block: 20px;
  padding-inline: 20px;
  color: #ececec;
}

.mega-menu {
  display: none;
  position: absolute;
  top: 130px;
  width: 100%;
  background: #fff;
  border-top: 1px solid #eee;
  z-index: 999;
  left: 0px;
}

.menu-item-wrapper:hover .mega-menu {
  display: block;
}

.mega-menu-inner {
  display: flex;
  justify-content: space-between;
  
  margin: auto;
  padding: 30px 260px;
}
.mega-menu-border-bottom{
    border-bottom: 1px solid #00000015;
}
.mega-column h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #007bff;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mega-column a {
  display: block;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  padding: 3px 0;
}

.mega-column a:hover {
  text-decoration: underline;
  color: #007bff;
}

/* Responsive */
@media (max-width: 768px) {
  .mega-menu-inner {
    flex-direction: column;
  }
}
 .mega-menu-sub-item {
    display: block;
    padding-top: 12px;
    padding-bottom: 6px;
    color: #292828;
    text-decoration: none;
    font-weight: 500;
}
.mega-menu-hemen-incele{
    color: #007BC1!important;
    font-size: 16px!important;
    font-weight: 400!important;
}

.mega-menu-sub-item span {
    display: block;
    color: #666;
    font-size: 13px;
    margin-top: 3px;
}
.mega-menu-title{
    color: #575757;
    font-weight: 500;
    font-size: 18px;
}
.mega-menu-sub-item .sub-item-desc {
  display: none;
  transition: all 0.4s;
}
.mega-menu-sub-item.active .sub-item-desc {
  display: block;
}
.mega-menu-sub-item a {
  display: none;
  transition: all 0.4s;
}
.mega-menu-sub-item.active a {
  display: block;
}
.mega-menu-sub-item.active .sub-item-toggle{
    font-weight: 600;
}
.sub-item-toggle {
  background: none;
  border: none;
  font-weight: 300;
  font-size: 16px;
  width: 100%;
  color: #292828!important;
  text-align: left;
  padding: 0;
  outline: none;
  margin-bottom: 0;
  cursor: pointer;
}

.mega-menu-backdrop {
  display: none; 
  position: fixed; 
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 998; 
  transition: opacity 0.3s ease;
}

.mega-menu-backdrop.is-active {
  display: block;
  opacity: 1; 
}
.close-text{
    font-size: 26px;
    cursor: pointer;
}
.home-breadcrumb{
    font-size: 16px;
  	line-height: 24px;
  	font-weight: 500;
  	font-family: Poppins;
  	color: #ffffff;
    position: relative;
}
.blue-breadcrumb{
    font-size: 16px;
  	line-height: 24px;
  	font-weight: 600;
  	font-family: Poppins;
  	color: #068bdb;
}
.gradient-title-h1 {
  	font-size: 50px;
  	line-height: 108%;
  	display: inline-block;
  	font-family: Poppins;
  	background: linear-gradient(90deg, #0082cf, #58b5eb);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
    font-weight: 700;
}
.cloud-altyapsna-sahip-ssd-container {
  	position: relative;
  	font-size: 24px;
  	line-height: 124%;
  	color: #12567f;
  	text-align: center;
  	display: inline-block;
  	font-family: Poppins;
}
.cloud-altyapsna-sahip-ssd {
  	font-weight: 700;
}
.performans-tutkunlarna-ozel{
    line-height: 122%;
  	text-align: left;
  	display: inline-block;
  	font-size: 40px;
  	color: #fff;
  	font-family: Poppins;
  	position: relative;
  	border-radius: 0 12px 12px 0;
background: linear-gradient(
  90deg,
  #0082cf 0%,
  #58b5eb 60%,
  white 60%
);
    padding-block:16px ;
}
.ssd-vds-sunucular-container {
  	max-width: 992px;
  	position: relative;
  	font-size: 24px;
  	line-height: 135%;
  	font-family: Poppins;
  	color: #12567f;
  	text-align: left;
  	display: inline-block;
}
.ssd-vds-sunucular {
  	margin: 0;
}
.features-container {
    display: flex; /* Flexbox'ı etkinleştir */
    gap: 20px; /* Kutular arasına boşluk */
    justify-content: center; /* Kutuları ortala */
    flex-wrap: wrap; /* Gerekirse alt satıra geç */
    margin-top: 56px;
}

/* Her bir özellik kutusu */
.feature-box {
    flex: 1 1 300px; /* Esnekliği ayarla: büyü, küçül, temel genişlik */
    min-width: 280px;
    padding: 30px;
    border-radius: 15px; /* Yuvarlak köşeler */
    color: #fff; /* Beyaz metin rengi */
    position: relative;
    overflow: hidden; /* SVG'lerin dışarı taşmasını engelle */
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    background: linear-gradient(90deg, #0082cf, #58b5eb);
    transition: transform 0.3s ease-in-out; /* Hafif hover efekti */
}

.feature-box:hover {
    transform: translateY(-5px);
}

/* Başlık Stili */
.feature-box h2 {
    margin-top: 0;
    font-weight: bold;
    position: relative;
    z-index: 10; /* Metnin SVG'nin üstünde kalması için */
    font-size: 32px;
  	line-height: 38px;
  	font-family: Poppins;
  	color: #fff;
}

/* Açıklama Metni Stili */
.feature-box p {
    position: relative;
    z-index: 10;
    font-size: 18px;
  	line-height: 24px;
  	font-family: Poppins;
  	color: #fff;
    margin-top: 28px;
}

/* SVG İkonları için stil */
.icon-svg {
    position: absolute;
    top: 32%;
    left: 75%;
    transform: translate(-50%, -50%);
    z-index: 5; /* Metnin altında kalması için */
    width: 150px; 
    height: 150px;

}

/* SVG'leri gizlemek/göstermek için */
.feature-box.online-panel .icon-svg.server,
.feature-box.online-panel .icon-svg.support,
.feature-box.super-servers .icon-svg.panel,
.feature-box.super-servers .icon-svg.support,
.feature-box.support-desk .icon-svg.panel,
.feature-box.support-desk .icon-svg.server {
    display: none;
}

@media (max-width: 992px) {
    .feature-box {
        flex-basis: 45%; 
    }
}
@media (max-width: 600px) {
    .feature-box {
        flex-basis: 100%; 
    }
}

.backgroundshadow {
  	width: 100%;
  	position: relative;
  	box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  	border-radius: 16px;
  	background-color: #fff;
  	overflow: hidden;
  	box-sizing: border-box;
  	gap: 32px;
  	text-align: center;
  	font-size: 14px;
  	color: #fff;
  	font-family: Inter;
    margin-top: 50px;
}

.pricing-switcher-currency .fieldset-currency {
    display: inline-block;
    position: relative;
    padding: 0px 8px;
    border-radius: 1em;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
  	border-radius: 9999px;
  	background-color: #f3f4f6;
  	width: 100%;
  	box-sizing: border-box;
  	text-align: center;
  	font-size: 14px;
  	color: #6b7280;
  	font-family: Inter;
    margin-bottom: 0;
}

.pricing-switcher-currency input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.pricing-switcher-currency label {
    position: relative;
    z-index: 1;
    display: inline-block;
    float: left;
    width: 47px;
    height: 37px;
    line-height: 40px;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
    font-family: Inter;
    left: 0;
}
.pricing-switcher-currency .dolar{
    color: #fff;
}
.pricing-switcher-currency .tl{
    color: #6b7280;
}
.pricing-switcher-currency .switch-currency {
    position: absolute;
    top: 0px;
    left: 0;
    height: 37px;
    width: 57px;
    background: linear-gradient(90deg, #0082cf, #58b5eb);
    border-radius:  9999px;
    transition: transform 0.5s;
    color: #fff;
}
.pricing-switcher-currency input[type="radio"]:checked + label + .switch-currency, .pricing-switcher-currency input[type="radio"]:checked + label:nth-of-type(n) + .switch-currency {
  transform: translateX(54px);
}
.pricing-switcher-currency {
    padding: 7px;
    right: 0;
}

/* Genel Ayarlar ve Font */
.package-list-container {
    width: 100%;
    margin: 0 auto;
    font-family: sans-serif; /* Fontunuzu buraya ekleyin */
    color: #173078; /* Metin rengi */
}

/* Başlık Satırı (Sadece Bilgi Amaçlı Görseldeki Sütun Başlıkları) */
.package-header-row {
    display: none; /* Mobil/Küçük Ekranlarda Gizli */
    display: flex; /* Gerekirse büyük ekranlarda gösterin */
    justify-content: space-between;
    padding: 10px 20px;
    font-weight: bold;
    color: #888; /* Daha açık renk */
    border-bottom: 1px solid #eee;
}
.package-header-cell {
    flex-grow: 1;
    text-align: center;
    padding: 0 5px;
    font-size: 14px;
  	letter-spacing: 0.7px;
  	line-height: 20px;
  	text-transform: uppercase;
  	font-weight: 600;
  	font-family: Inter;
  	color: #4b5563;
}

.package-header-cell:first-child { text-align: left; max-width: 166px; }
.package-header-price { max-width: 120px; text-align: right; }

/* Paket Kartları */
.package-card {
    display: flex;
    align-items: center; /* Dikeyde ortala */
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #eee;
    position: relative; /* Popüler etiketi için */
}
.package-card:last-child {
    border-bottom: none;
}

.package-card:hover {
    background-color: #eff6ff;
    border-top: 1px solid #f3f4f6;
    box-sizing: border-box;
}
.package-card:hover .buy-button{
    background-color: #12567f!important;
    color: #fff!important;
}
/* Popüler Paket Vurgusu (SSD VDS II) */
.is-popular-card {
   box-shadow: 0px 0px 15px rgba(59, 130, 246, 0.3), 0px 0px 5px rgba(59, 130, 246, 0.2);
    background-color: #eff6ff;
    border-top: 1px solid #f3f4f6;
    box-sizing: border-box;
    margin: 0 0 10px 0; /* Diğerlerinden biraz ayırma */
    
}
.package-card:hover .feature-item span{
    font-weight: 700!important;
}
.package-card:hover svg path{
    fill: #12567f;
}
.is-popular-card .feature-item span{
    font-weight: 700!important;
}
.is-popular-card svg path{
    fill: #12567f;
}
.is-popular-card .buy-button{
    background-color: #12567f!important;
    color: #fff!important;
}
/* Popüler Etiketi */
.popular-tag {
    position: absolute;
    top: 0;
    right: 42.95px;
    border-radius: 0px 0px 6px 6px;
    background-color: #12567f; /* Koyu Mavi */
    color: white;
    padding: 2px 15px;
    font-size: 12px;
    font-weight: bold;
}

/* Sütunlar (Flexbox Düzeni) */
.package-col {
    padding: 0 10px;
}

/* Paket Adı Sütunu */
.package-name-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 200px; /* Görseldeki gibi dar tut */
    flex-shrink: 0;
}
.package-title {
    font-weight: 900!important;
    font-size: 16px!important;
  	line-height: 28px;
  	display: inline-block;
  	font-family: Inter!important;
  	color: #111827!important;
}
.feature-item span {
  	font-size: 16px;
  	font-weight: 500;
  	font-family: Inter;
  	color: #12567f;
  	text-align: center;
}
.cpanel-packages .feature-item span{
    font-size: 16px!important;
  	line-height: 24px!important;
  	font-family: Inter!important;
  	color: #6b7280!important;
  	text-align: left!important;
}
.cpanel-packages .detayli-bilgi{
    font-size: 14px;
  	line-height: 20px;
  	font-family: Inter;
  	background: linear-gradient(90deg, #0082cf, #58b5eb);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

.cpanel-packages .aylik{
    font-size: 16px;
  	line-height: 24px;
  	font-weight: 600;
  	font-family: Inter;
  	color: #6b7280;
    text-align: center;
}

.cpanel-packages .fiyat {
  display:flex;
  align-items: flex-start;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
}

.cpanel-packages .fiyat .currency {
 	font-size: 43px;
  	line-height: 40px;
  	font-weight: 800;
  	font-family: Inter;
  	color: #12567f;
    margin-right: 2px;
}


.cpanel-packages .fiyat .amount {
  	font-size: 43px;
  	line-height: 40px;
  	font-weight: 800;
  	font-family: Inter;
  	color: #12567f;
}

.cpanel-packages .fiyat .decimal {
  font-size: 28px;
    line-height: 32px;
    font-weight: 800;
    font-family: Inter;
    color: #12567f;
  position: relative;
  top: -6px;       /* biraz yukarı kaldır */
}
.cpanel-packages-annually .feature-item span{
    font-size: 16px!important;
  	line-height: 24px!important;
  	font-family: Inter!important;
  	color: #6b7280!important;
  	text-align: left!important;
}
.cpanel-packages-annually .detayli-bilgi{
    font-size: 14px;
  	line-height: 20px;
  	font-family: Inter;
  	background: linear-gradient(90deg, #0082cf, #58b5eb);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

.cpanel-packages-annually .aylik{
    font-size: 16px;
  	line-height: 24px;
  	font-weight: 600;
  	font-family: Inter;
  	color: #6b7280;
    text-align: center;
}

.cpanel-packages-annually .fiyat {
  display:flex;
  align-items: flex-start;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
}

.cpanel-packages-annually .fiyat .currency {
 	font-size: 43px;
  	line-height: 40px;
  	font-weight: 800;
  	font-family: Inter;
  	color: #12567f;
    margin-right: 2px;
}


.cpanel-packages-annually .fiyat .amount {
  	font-size: 43px;
  	line-height: 40px;
  	font-weight: 800;
  	font-family: Inter;
  	color: #12567f;
}

.cpanel-packages-annually .fiyat .decimal {
  font-size: 28px;
    line-height: 32px;
    font-weight: 800;
    font-family: Inter;
    color: #12567f;
  position: relative;
  top: -6px;       /* biraz yukarı kaldır */
}
.package-description {
    font-size: 0.85rem;
    color: #888;
    margin-top: 5px;
}

/* Özellikler Sütunu */
.package-features-col {
    display: flex;
    flex-grow: 1; /* Ortada kalan alanı kapla */
    justify-content: space-around;
    padding-left: 30px;
    padding-right: 30px;
}
.feature-item {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 0.95rem;
    gap: 4px;
}
.feature-item i {
    font-size: 1.2rem;
    color: #173078;
    margin-bottom: 6px;
}

/* Fiyat ve Aksiyon Sütunu */
.package-price-action-col {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end; /* Sağ tarafa hizala */
    max-width: 220px;
    flex-shrink: 0;
}

/* Fiyat Gösterimi */
.price-display {
    text-align: right;
    margin-right: 20px; /* Butondan ayır */
    min-width: 130px; /* Fiyatın sabit durması için */
}
.current-price {
   	font-size: 20px;
  	line-height: 32px;
  	font-family: Inter;
  	color: #111827;
    font-weight: 600;
}
.current-price small {
    font-size: 14px;
  	line-height: 20px;
  	font-family: Inter;
  	color: #6b7280;
}
.old-price {
    font-size: 1rem;
    color: #173078;
    text-decoration: line-through;
    display: block; /* Alt alta gelmesi için */
}

/* Satın Al Butonu */
.buy-button {
    border-radius: 8px;
  	background-color: #dbeafe;
  	padding: 8px 20px;
  	box-sizing: border-box;
  	font-size: 16px;
  	color: #068bdb;
  	font-family: Inter;
}

.buy-button:hover {
    background-color: #0d1e4e; /* Hover efekti */
}

/* Stok Yok Mesajı */
.no-stock-message {
    padding: 10px 25px;
    color: #ccc;
    border: 1px solid #ccc;
    border-radius: 6px;
    min-width: 80px;
    text-align: center;
    display: inline-block;
}

/* Responsive Düzenleme (Mobil Görünüm) */
@media (max-width: 768px) {
    .package-header-row {
        display: none;
    }
    .package-card {
        flex-direction: column; /* Dikey yığılma */
        align-items: flex-start;
        padding: 15px;
    }
    
    .package-name-col {
        max-width: 100%;
        margin-bottom: 10px;
    }
    
    .package-features-col {
        flex-wrap: wrap; /* Özellikleri alt alta sırala */
        justify-content: space-between;
        padding: 0;
        margin-bottom: 15px;
        width: 100%;
    }
    .feature-item {
        width: 48%; /* Yan yana ikişerli sıralama */
        margin-bottom: 10px;
        flex-direction: row; /* İkon ve metin yan yana */
        justify-content: flex-start;
        text-align: left;
    }
    .feature-item i {
        margin-right: 8px;
        margin-bottom: 0;
    }

    .package-price-action-col {
        width: 100%;
        justify-content: space-between; /* Fiyat ve butonu yay */
        margin-top: 10px;
    }
    .price-display {
        margin-right: 0;
    }
}

.features-section {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 60px; /* Bölümler arası boşluk */
    margin-top: 100px;
}

/* Her bir özellik sırası */
.feature-row {
    display: flex;
    align-items: center; /* Dikeyde ortalama */
    gap: 40px;
    padding: 20px 0;
}


/* Görsel Bloğu */
.feature-image {
    flex: 1;
    height: 559px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Başlıklar */
.feature-row h2 {
   	font-size: 50px;
  	line-height: 108%;
  	display: inline-block;
  	font-family: Poppins;
  	background: linear-gradient(90deg, #0082cf, #58b5eb);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
    margin-bottom: 15px;
    font-weight: 700;
}

/* Açıklama Metni */
.feature-row p {
    font-size: 24px;
  	line-height: 124%;
  	font-weight: 500;
  	font-family: Poppins;
  	color: #12567f;
}

/* Görselin Kendisi */
.feature-image img {
    height: 559px;
    width: auto;
    display: block;
}

/* TERS SIRA DÜZENİ (2. ve 3. sıra için) */
/* Görseldeki 2. ve 3. bloklarda görsel solda, yazı sağda */
.feature-row.reverse {
    flex-direction: row-reverse;
}

/* Mobil Uyum */
@media (max-width: 768px) {
    .feature-row,
    .feature-row.reverse {
        flex-direction: column; /* Mobil cihazlarda üst üste yığılma */
        text-align: center;
        gap: 20px;
    }

    .feature-text,
    .feature-image {
        max-width: 100%;
    }

    .feature-row h2 {
        font-size: 28px;
    }
}
.faq-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    margin-top: 100px;
}

/* Başlık Alanı */
.faq-header {
    text-align: center;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.faq-header h1 {
    font-size: 50px;
  	letter-spacing: -1.2px;
  	line-height: 48px;
  	font-weight: 800;
  	font-family: Poppins;
  	text-align: center;
  	display: flex;
  	align-items: center;
  	color: #068bdb;
    margin-bottom: 20px;
}

.faq-header p {
    font-size: 20px;
  	line-height: 28px;
  	font-family: Inter;
  	color: #4b5563;
}

/* Accordion (Açılır Kapanır) Stili */
.accordion-item {
    background-color: #fff;
    margin-bottom: 10px; /* Her bir öğe arasına boşluk */
    border-radius: 5px;
    border: 1px solid #e5e7eb!important;
}

.accordion-question {
    padding: 18px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 18px;
  	line-height: 24px;
  	font-weight: 600;
  	font-family: Poppins;
  	color: #068bdb;
    transition: background-color 0.3s;
}

.accordion-question:hover {
    background-color: #f5f5f5;
}

/* Ok (İkon) Stili */
.accordion-icon {
    font-size: 20px;
    color: #12567F;
    transition: transform 0.3s ease;
}

/* Açık duruma gelen ok (Tersine dönme) */
.accordion-question[aria-expanded="true"] .accordion-icon {
    transform: rotate(180deg);
}

/* Cevap İçeriği */
.accordion-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out;
    padding: 0 25px; /* Başlangıçta padding 0 */
    
}

/* Açık Cevap İçeriği */
.accordion-item.open .accordion-answer {
    max-height: 200px; /* Yeterince büyük bir değer */
    padding: 15px 25px 20px 25px; /* Açılınca padding ekle */
}

.accordion-answer p {
    margin: 0;
    font-size: 16px;
  	line-height: 24px;
  	font-family: Poppins;
  	color: #12567f;
}
/* Paket Kartları */
.paket-card {
    width: 100%;
    height: 552px;
    position: relative;
    box-shadow: 0px 6px 15px -2px rgba(0, 0, 0, 0.1), 0px -7px 6px -4px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    background-color: #fff;
    text-align: left;
    font-size: 16px;
    color: #6b7280;
    font-family: Inter;
    padding: 32px;
}
.paket-card:hover {
    box-shadow: 0 12px 48px 0 rgba(6,139,219,0.17),0 3px 24px rgba(0,0,0,0.09);
    transform: translateY(-6px) scale(1.03);
}

.paket-card.populer {
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    background-color: #fff;
    border: 2px solid #0082cf;
}
.card-populer {
    position: absolute;
    left: 20%;
    transform: translateX(-20%);
    top: -20px;
    font-size: 13px;
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    letter-spacing: 0.09em;
    z-index: 9;
    box-shadow: 0 3px 16px rgba(6,139,219,0.16);
    background: #068bdb linear-gradient(90deg, #0580b8 30%, #2fabf9 93%);
    border-radius: 100px;
    padding: 5px 23px;
    text-shadow: 0 2px 6px #187fbd28;
}

.paket-card .card-title {
    font-size: 24px;
  	line-height: 32px;
  	font-family: Inter;
  	color: #1f2937;
    margin-bottom: 8px;
}


.paket-card ul,
.paket-card .text-start {
    margin: 0;
    padding-left: 0;
}
.paket-card li {
    list-style: none;
    margin-bottom: 8px;
    font-size: 15px;
}

.paket-card li i {
    margin-right: 7px;
}
.paket-card .display-6 {
    font-size: 2.1rem;
    font-weight: 600;
    color: #068bdb;
}

.paket-card .btn-primary {
    border: none;
    padding: 8px 20px;
  	box-sizing: border-box;
  	border-radius: 12px;
  	background: linear-gradient(90deg, #0082cf, #58b5eb);
  	text-align: center;
  	font-size: 16px;
  	color: #fff;
  	font-family: Inter;
    margin-top: 16px;
    transition: background 0.16s, box-shadow 0.16s;
}
.paket-card .btn-primary:hover {
    background: #046cb1;
    box-shadow: 0 8px 32px rgba(6,139,219,0.28);
}

.paket-card .text-muted {
    color: #789cb9 !important;
}

/* Responsive grid uyarlamaları */
@media (max-width: 991px) {
    .paket-card {
        min-height: 360px;
    }
}
@media (max-width: 576px) {
    .paket-card {
        margin-bottom: 28px;
    }
    .switch-togglers {
        flex-direction: column !important;
        gap: 20px;
    }
}

.switch-togglers {
    margin-bottom: 36px;
    z-index: 3;
}
.pricing-switcher .fieldset {
    display: inline-block;
    position: relative;
    padding: 4px 8px;
    border-radius: 9999px; 
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    background-color: #f3f4f6;
    width: 100%; 
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    color: #6b7280;
    font-family: Inter;
    margin-bottom: 0;

}

.pricing-switcher input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.pricing-switcher label {
    position: relative;
    z-index: 1;
    display: inline-block;
    float: left; 
    width: 80px; 
    height: 37px;
    line-height: 37px;
    cursor: pointer;
    font-size: 17px; 
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
    font-family: Inter; /* Veya kullandığınız font */
    left: 0;
    color: #6b7280; 
    transition: color 0.5s; 
}

.pricing-switcher .hosting {
    color: #fff; 
}
.pricing-switcher .yearly {
    color: #6b7280; 
}

.pricing-switcher .switch {

    position: absolute;
    top: 0px;
    left: 0;
    height: 45px;
    width: 93px; 
    background: linear-gradient(90deg, #0082cf, #58b5eb); /* Gradyan renk */
    border-radius: 9999px;
    transition: transform 0.5s;
    color: #fff;
}

.pricing-switcher input[type="radio"]#yearly-1:checked ~ .switch {
  transform: translateX(85px); 
}

.pricing-switcher input[type="radio"]#yearly-1:checked ~ .hosting {
    color: #6b7280; 
}
.pricing-switcher input[type="radio"]#yearly-1:checked ~ .yearly {
    color: #fff;
}

.pricing-switcher input[type="radio"]#monthly-1:checked ~ .hosting {
    color: #fff; 
}
.pricing-switcher input[type="radio"]#monthly-1:checked ~ .yearly {
    color: #6b7280;
}

.pricing-switcher {
    padding: 7px; 
}

/* Ana Kapsayıcı Stili */
.product-features-list {
    display: flex; /* İçerideki öğeleri (özellikleri) alt alta hizalamak için */
    flex-direction: column;
    gap: 10px; /* Her bir özellik satırı arasına boşluk */
    padding-left: 15px; /* Opsiyonel: Kenardan içeri itmek için */
}

/* Her Bir Özellik Satırı Stili */
.feature-item {
    display: flex; /* İkon ve metni yan yana hizalar */
    align-items: center; /* Dikey olarak ortalar */
    line-height: 1.5; /* Metin satır yüksekliği */
    font-size: 15px; /* Metin boyutu (small sınıfını eziyor olabilir) */
    color: #4a5568; /* Metin rengi, görsele yakın bir ton */
}

/* İkon Kapsayıcı Stili */
.feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px; /* İkonun kaplayacağı alan */
    height: 28px;
    margin-right: 10px; /* İkon ile metin arasına boşluk */
}

/* SVG İkonları İçin Stil (Gerekli Değil, SVG'deki boyutlar baskın) */
.feature-icon svg {
    width: 100%;
    height: 100%;
    /* İkonlar zaten SVG içinde lineer gradyan ile renklendirilmiş. 
       Bu kısım, gradyan renginin sorunsuz görünmesini sağlar. */
}

/* Detaylı Bilgi Bağlantı Stili */
.detail-link {
    display: block;
    margin-top: 15px;
    color: #0082CF; /* Mavi gradyanın başlangıç rengine yakın */
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

.detail-link:hover {
    text-decoration: underline;
}

 /* Sol Navigasyon Menüsü (Sidebar) */
.sidebar {
    width: 400px; /* Sabit genişlik */
    background-color: #f7f7f7; /* Sidebar arka planı */
    padding: 20px 0;
    border-right: 1px solid #ddd;
    overflow: auto;
    min-width: 400px;
}
.sidebar img{
  width: 100%;
 max-height: 600px;

}
.mega-nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-item {
    padding: 12px 20px;
    font-size: 15px;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-item:hover:not(.selected) {
    background-color: #ebebeb;
}

/* Seçili Menü Öğesi */
.nav-item.selected {
    background-color: #fff; /* Beyaz arka plan */
    border-left: 4px solid #005A9C; /* Mavi çizgi */
    font-weight: bold;
    color: #000;
}

.nav-item .arrow {
    font-weight: bold;
    color: #666;
    font-size: 14px;
    margin-left: 10px;
}

/* Sağ Ana İçerik Alanı */
.menu-main-content {
    flex-grow: 1; /* Kalan tüm alanı kaplar */
    padding: 30px;
    position: relative; /* Kapatma düğmesi için */
}

/* Başlık ve Kapatma Düğmesi */
.header {
    margin-bottom: 30px;
    position: relative;
}

.header .title {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 5px;
    color: #111;
}

.header .description {
    font-size: 14px;
    color: #555;
    margin-bottom: 15px;
}

.header .view-all-link {
    color: #007bff; /* Mavi link rengi */
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px solid transparent;
}

.header .view-all-link:hover {
    border-bottom: 1px solid #007bff;
}

.close-btn {
    position: absolute;
    top: -15px;
    right: -15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #777;
}

/* Ürün Kartları Düzeni (Tablo yerine Grid kullandım) */
.products-grid {
    display: none;
    /* 3 Sütunlu Izgara */
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px; /* Kartlar arası boşluk */
    margin-bottom: 40px;
    margin-inline: 20px;
}
.products-grid2{
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px; /* Kartlar arası boşluk */
    margin-bottom: 40px;
     margin-inline: 20px;
}
.product-card {
    padding: 15px;
    /* Arka plan beyaz kalır, üzerine gelince hafif gölge */
    transition: box-shadow 0.3s ease;
    cursor: pointer;
    min-height: 120px; /* Yükseklik farklılıklarını dengelemek için */
    background-color: #f7f7f7;
}

.product-card:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.product-name {
    font-size: 16px;
    font-weight: bold;
    color: #005A9C; /* Mavi Başlık */
    margin-top: 0;
    margin-bottom: 5px;
}

.product-description {
    font-size: 13px;
    color: #444;
    line-height: 1.4;
    margin: 0;
}

/* Alt Bölümler (Yenilikler ve Başarı Öyküleri) */
.footer-sections {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    margin-inline: 20px;
}

.footer-card {
    flex: 1;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #ddd;
    min-height: 120px;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 80px; /* Resimlerin boyutunu ayarlayın */
}

/* Ekrandaki resimleri taklit eden arka plan stilleri (Gerçek resimler yerine placeholder renkler) */
.new-features {
    background-color: #f0f8ff; /* Açık mavi ton */
    /*  */
}

.success-stories {
    background-color: #fffaf0; /* Açık sarı/şeftali tonu */
    /*  */
}

.footer-card .card-title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-top: 0;
    margin-bottom: 5px;
}

.footer-card .card-description {
    font-size: 14px;
    color: #555;
}

/* --------------------------------------
DUYARLILIK (RESPONSIVE) AYARLARI 
-------------------------------------- */
@media (max-width: 1024px) {
    .products-grid {
        /* Daha küçük ekranlarda 2 sütuna düşür */
        grid-template-columns: repeat(2, 1fr);
    }
}
    .mega-menu-content {
        display: flex; /* İç elemanları yan yana dizer */
        background-color: white;
        overflow: hidden; /* Kenar yuvarlaklığını korumak için */
        border: 1px solid #ddd;
        height: 100%;
    }
@media (max-width: 768px) {
    .container {
        /* Tek sütunlu mobil görünüm */
        flex-direction: column;
        margin: 0; /* Sayfa kenarlarına yayılır */
        box-shadow: none;
        border: none;
    }

    .sidebar {
        width: 100%; /* Tam genişlik */
        border-right: none;
        border-bottom: 1px solid #ddd;
    }

    .mega-nav-menu {
        display: flex; /* Sidebar'ı yatay kaydırılabilir yapabilirsiniz (veya mobil menüye dönüştürebilirsiniz) */
        overflow-x: auto;
    }
    
    .nav-item {
        flex-shrink: 0; /* Kaydırmayı sağlamak için */
        padding: 10px 15px;
    }

    .menu-main-content {
        padding: 20px;
    }

    .products-grid {
        /* Mobil görünümde tek sütun */
        grid-template-columns: 1fr;
    }

    .footer-sections {
        /* Mobil görünümde alt bölümleri alt alta dizer */
        flex-direction: column;
    }

    .close-btn {
        /* Mobil görünümde kapatma düğmesini daha uygun bir yere taşıyın */
        right: 0;
        top: 0;
    }
    
}
.tab-content.active {
    display: grid; /* Aktif olduğunda grid yapısına döner */
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.mega-section {
    display: none;
}

.mega-section.active {
    display: block;
}
.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}


.submenu-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
}

.submenu {
    list-style: none;
    padding-left: 15px;
    margin-top: 6px;
    display: none;
}

.submenu li a {
    font-size: 14px;
    opacity: 0.85;
}

.has-submenu.active .submenu {
    display: block;
}

.has-submenu .icon {
    transition: transform 0.3s ease;
}

.has-submenu.active .icon {
    transform: rotate(45deg); /* + -> x */
}
.hero-title{
font-size: 50px;
  color: #e9ecef;
  font-weight: 700;
  line-height: 1.3;
  font-family: 'Poppins';
}
.hero-desc{
  color: #ffffffad;
  font-size: 23px;
  font-family: 'Poppins';
  line-height: 1.6;
  max-width: 700px;
}
.lang-option{
    font-size: 14px;
    /* color: #e9ecef; */
    font-family: 'Inter';
    cursor: pointer;
    color: #fff;
}



.experience-badge {
     display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(0, 130, 207, 0.15);
    border: 1px solid rgba(88, 181, 235, 0.25);
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    color: #58b5eb;
    margin-bottom: 24px;
    backdrop-filter: blur(10px);
    animation: fadeInLeft 0.8s ease-out;
}



/* Başlık Stili */
.hero-title,.hero-title-blue {
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    animation: fadeInLeft 0.8s ease-out 0.1s both;
}




/* Alt Metin Stili */
.hero-desc {
   font-size: 18px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.8;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
    animation: fadeInLeft 0.8s ease-out 0.2s both;
}

/* Breadcrumb Stili */
.home-breadcrumb {
    font-size: 0.9rem;
    font-weight: 600;
}
.home-breadcrumb a {
    color: #fff;
    text-decoration: none;
}
.blue-breadcrumb {
    color: #00a8e8; /* Açık mavi tonu */
}
.img-fluid {
    max-width: 328px;
    height: auto;
}

/* Başlık Renkleri */
.section-title {
    font-weight: 800;
    color: #333;
}
.text-primary-blue {
    color: #0082cf;
}
.info-banner {
    background: linear-gradient(90deg, #0082cf, #00395b); /* Mavi gradient */
    color: white;
    padding: 54px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden; /* SVG'nin taşan kısımlarını gizlemek için */
}

/* SVG Arka Plan Deseni */
.info-banner::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -20px; /* Sağa biraz dışarı taşırdık */
    transform: translateY(-50%);
    width: 214px; /* SVG genişliği */
    height: 218px; /* SVG yüksekliği */
    /* SVG kodunu doğrudan background-image olarak kullandık. */
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='214' height='218' viewBox='0 0 214 218' fill='none' xmlns='http://www.w3.org/2000/svg'><g opacity='0.1'><path d='M195.697 182.88H185.57C182.214 182.88 179.493 185.652 179.493 189.071V199.39C179.493 202.809 182.214 205.581 185.57 205.581H195.697C199.053 205.581 201.773 202.809 201.773 199.39V189.071C201.773 185.652 199.053 182.88 195.697 182.88Z' fill='white'/><path d='M180.267 161.943C180.267 159.953 179.491 158.044 178.11 156.637C176.728 155.229 174.855 154.439 172.901 154.439H158.944C156.991 154.439 155.117 155.229 153.736 156.637C152.355 158.044 151.579 159.953 151.579 161.943V176.239C151.579 178.229 152.355 180.138 153.736 181.545C155.117 182.952 156.991 183.743 158.944 183.743H172.901C174.855 183.743 176.728 182.952 178.11 181.545C179.491 180.138 180.267 178.229 180.267 176.239V161.943Z' fill='white'/><path d='M209.36 145.584H203.91C201.347 145.584 199.269 147.7 199.269 150.311V155.865C199.269 158.476 201.347 160.592 203.91 160.592H209.36C211.923 160.592 214 158.476 214 155.865V150.311C214 147.7 211.923 145.584 209.36 145.584Z' fill='white'/><path d='M192.199 125.172H184.575C181.606 125.172 179.199 127.624 179.199 130.65V138.379C179.199 141.405 181.606 143.857 184.575 143.857H192.199C195.168 143.857 197.575 141.405 197.575 138.379V130.65C197.575 127.624 195.168 125.172 192.199 125.172Z' fill='white'/><path d='M170.802 100.971H162.811C158.743 100.971 155.446 104.33 155.446 108.475V116.617C155.446 120.762 158.743 124.121 162.811 124.121H170.802C174.87 124.121 178.168 120.762 178.168 116.617V108.475C178.168 104.33 174.87 100.971 170.802 100.971Z' fill='white'/><path d='M147.049 71.2161H133.607C129.539 71.2161 126.242 74.5759 126.242 78.7204V92.4157C126.242 96.5603 129.539 99.9201 133.607 99.9201H147.049C151.117 99.9201 154.414 96.5603 154.414 92.4157V78.7204C154.414 74.5759 151.117 71.2161 147.049 71.2161Z' fill='white'/><path d='M152.978 202.991H147.528C144.965 202.991 142.888 205.108 142.888 207.719V213.272C142.888 215.883 144.965 218 147.528 218H152.978C155.541 218 157.618 215.883 157.618 213.272V207.719C157.618 205.108 155.541 202.991 152.978 202.991Z' fill='white'/><path d='M135.817 182.58H128.194C125.224 182.58 122.817 185.033 122.817 188.058V195.788C122.817 198.813 125.224 201.266 128.194 201.266H135.817C138.786 201.266 141.194 198.813 141.194 195.788V188.058C141.194 185.033 138.786 182.58 135.817 182.58Z' fill='white'/><path d='M114.421 158.378H106.429C102.362 158.378 99.064 161.738 99.064 165.883V174.025C99.064 178.169 102.362 181.529 106.429 181.529H114.421C118.488 181.529 121.786 178.169 121.786 174.025V165.883C121.786 161.738 118.488 158.378 114.421 158.378Z' fill='white'/><path d='M90.6672 128.624H77.2255C73.1577 128.624 69.8602 131.984 69.8602 136.128V149.824C69.8602 153.968 73.1577 157.328 77.2255 157.328H90.6672C94.735 157.328 98.0326 153.968 98.0326 149.824V136.128C98.0326 131.984 94.735 128.624 90.6672 128.624Z' fill='white'/><path d='M144.729 117.78H122.927C118.859 117.78 115.562 121.14 115.562 125.285V147.46C115.562 151.604 118.859 154.964 122.927 154.964H144.729C148.796 154.964 152.094 151.604 152.094 147.46V125.285C152.094 121.14 148.796 117.78 144.729 117.78Z' fill='white'/><path d='M196.36 20.8244H188.81C184.743 20.8244 181.445 24.1842 181.445 28.3287V36.0206C181.445 40.1652 184.743 43.525 188.81 43.525H196.36C200.428 43.525 203.725 40.1652 203.725 36.0206V28.3287C203.725 24.1842 200.428 20.8244 196.36 20.8244Z' fill='white'/><path d='M160.601 15.9469H143.403C139.336 15.9469 136.038 19.3067 136.038 23.4512V40.9362C136.038 45.0807 139.336 48.4405 143.403 48.4405H160.601C164.669 48.4405 167.967 45.0807 167.967 40.9362V23.4512C167.967 19.3067 164.669 15.9469 160.601 15.9469Z' fill='white'/><path d='M115.194 8.74224H83.965C79.8972 8.74224 76.5997 12.102 76.5997 16.2465V48.0648C76.5997 52.2093 79.8972 55.5691 83.965 55.5691H115.194C119.262 55.5691 122.559 52.2093 122.559 48.0648V16.2465C122.559 12.102 119.262 8.74224 115.194 8.74224Z' fill='white'/><path d='M108.675 71.2161H77.2255C73.1577 71.2161 69.8602 74.5759 69.8602 78.7204V110.764C69.8602 114.908 73.1577 118.268 77.2255 118.268H108.675C112.743 118.268 116.041 114.908 116.041 110.764V78.7204C116.041 74.5759 112.743 71.2161 108.675 71.2161Z' fill='white'/><path d='M55.7924 0H7.36534C3.29757 0 0 3.35979 0 7.50431V56.8451C0 60.9897 3.29757 64.3494 7.36534 64.3494H55.7924C59.8602 64.3494 63.1577 60.9897 63.1577 56.8451V7.50431C63.1577 3.35979 59.8602 0 55.7924 0Z' fill='white'/><path d='M47.2116 78.0449H15.9458C11.878 78.0449 8.58043 81.4047 8.58043 85.5492V117.367C8.58043 121.512 11.878 124.872 15.9458 124.872H47.2116C51.2794 124.872 54.5769 121.512 54.5769 117.367V85.5492C54.5769 81.4047 51.2794 78.0449 47.2116 78.0449Z' fill='white'/><path d='M40.178 138.605H22.9799C18.9121 138.605 15.6146 141.964 15.6146 146.109V163.632C15.6146 167.776 18.9121 171.136 22.9799 171.136H40.178C44.2457 171.136 47.5433 167.776 47.5433 163.632V146.109C47.5433 141.964 44.2457 138.605 40.178 138.605Z' fill='white'/><path d='M35.3535 184.869H27.7672C23.6994 184.869 20.4018 188.228 20.4018 192.373V200.065C20.4018 204.209 23.6994 207.569 27.7672 207.569H35.3535C39.4212 207.569 42.7188 204.209 42.7188 200.065V192.373C42.7188 188.228 39.4212 184.869 35.3535 184.869Z' fill='white'/></g></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none; /* Etkileşim olmaması için */
    z-index: 1; /* İçerik altta kalsın */
}

/* Banner İçeriği */
.banner-content {
    position: relative;
    z-index: 2; /* İçerik SVG'nin üstünde olmalı */
   	font-size: 36px;
  	line-height: 108%;
  	color: #fff;
  	text-align: left;
  	display: inline-block;
  	font-family: Poppins;
}
.sb-about-title .sb-dark {
    -webkit-text-fill-color: #12567f;
}
.banner-content p {
    margin: 0;
}

.banner-content strong {
    display: block;
    font-weight: bold;
    margin-top: 5px;
}

/* Bilgi İste Butonu */
.info-button {
    color: #007bff; /* Mavi renk, gradientin başlangıcı */
    border: none;
    border-radius: 21px;
  	background: linear-gradient(90deg, #0082cf, #58b5eb);
    padding: 16px 39px;
   	font-size: 30px;
  	line-height: 108%;
  	font-weight: 600;
  	font-family: Poppins;
  	color: #fff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
    /* Hafif bir kutu gölgesi ekledik */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
}


.info-button:hover {
    background-color: #f0f0f0;
    color: #0056b3;

}
.numerical{
    font-size: 48px; 
    font-weight: 800; 
    background: linear-gradient(90deg, #0082cf, #58b5eb); 
    -webkit-background-clip: 
    text; -webkit-text-fill-color: transparent;
}
@media (max-width: 540px){
    .numerical{
        font-size: 20px!important;
    }
    .performans-tutkunlarna-ozel{
        font-size: 24px!important;
        background: linear-gradient( 90deg, #0082cf 0%, #58b5eb 84%, white 100% )!important;
        padding-left: 0!important;
    }
    .koruma-content h2 {
        font-size: 24px!important;
    }
    .stats-section{
        padding-block: 10px!important;
    }
    .stat-value{
        font-size: 28px!important;
    }
    .antiddos-table{
        white-space: nowrap;
    }
    .antiddos-table thead th{
        font-size: 12px!important;
    }
    .antiddos-table tbody td{
        font-size: 12px!important;
        padding: 16px 10px;
    }
    .table-badge{
        font-size: 12px!important;
        padding: 4px 8px!important;
    }
    .buy-button{
        font-size: 12px!important;
    }
    .step-card{
        padding-block: 0!important;
    }
    .koruma-card{
        padding-block: 26px!important;
    }
    .koruma-card-icon{
        width: 52px!important;
        height: 52px!important;
    }
    .koruma-card-icon svg{
        width: 24px!important;
        height: 24px!important;
    }
    .decimal-text{
        font-size: 30px!important;
    }
    .banner-content strong, .banner-content span{
        font-size: 24px!important;
        line-height: 30px;
    }
    .hero-desc{
        font-size: 14px!important;
        line-height: 1.6!important;
    }
    .spec-icon{
        display: none!important;
    }
    .spec-value{
        font-size: 10px!important;
    }
    .server-card-price{
        font-size: 20px!important;
    }
     .server-card-title{
        font-size: 16px!important;
    }
    .server-card-header svg{
        width: 20px!important;
        height: 20px!important;
    }
    .server-card-header{
        padding-block: 12px!important;
    }
    .price-amount.usd-price span{
        font-size: 18px!important;
    }
    .main-content h2 {
        font-size: 24px!important;
    }
    .ts-iso{
        font-size: 18px!important;
    }
    .step-item .step-number{
        width: 56px!important;
        height: 56px!important;
        font-size: 28px!important;
        
    }
     .step-item {
        margin-bottom: 28px!important;
    }
    .altyapi-title, .altyapi-title-blue {
        font-size: 24px!important;
    }
    .altyapi-desc{
        font-size: 16px!important;
        line-height: 16px!important;
    }
    .dc-feature-card__title{
        font-size: 24px!important;
    }
    .dc-feature-card__desc {
        font-size: 16px!important;
        line-height: 16px!important;
    }
    .filter-tab{
        font-size: 12px!important;
        padding: 6px 10px!important;
    }
    .filter-tabs{
        gap: 6px!important;
    }
     .products-grid2 {
        grid-template-columns: 1fr!important;
     }
     .featured-case .case-card-image{
        width: 100%!important;
        max-height: 200px!important;
     }
     .featured-case .case-card-content{
        padding: 14px!important;
     }
     .featured-badge{
        font-size: 12px!important;
        padding: 4px 8px!important;
     }
     .case-card-title{
        font-size: 16px!important;
        margin-bottom: 0!important;
     }
     .case-card-desc{
        font-size: 14px!important;
        margin-bottom: 0!important;
     }
     .clamp-text p{
        font-size: 14px!important;
     }
     .case-stat-value{
        font-size: 18px!important;
     }
     .case-card-stats{
        padding-top: 12px!important;
     }
     .case-card-link{
        margin-top:0px!important; ;
     }
     .case-grid-section{
        padding: 0!important;
     }
     .case-card-image{
        display: none!important;
     }
     .case-card-image-mobile img{
        height: 100%!important;
        width: 100%!important;
     }
     .case-card-image-mobile{
        display: block !important;
        width: 80px !important;
        height: 80px !important;
        margin-bottom: 10px !important;
            
     }
     .blog-featured-image{
        width: 35%!important;
        padding-bottom: 0!important;
     }
     .blog-featured-section{
        padding-bottom: 0!important;
     }
     .blog-article p{
        font-size: 14px!important;
        line-height: 1.6!important;
     }
     .share-btn{
        width: 36px!important;
        height: 36px!important; 
     }
     .share-text{
        font-size: 14px!important;
     }
     .author-bio{
        padding: 0!important;
     }
     .author-bio-avatar{
        width: 80px!important;
        height: 80px!important;
     }
     .blog-article img{
        margin: 10px 0!important;
     }
     .author-bio-content h4{
        font-size: 18px!important;
     }
     .author-bio-content p{
        font-size: 14px!important;
     }
     .comments-header h3{
        font-size: 24px!important;
     }
     .popular-post-title{
        font-size: 12px!important;
     }
     .popular-post-image{
        width: 50px!important;
        height: 50px!important;
     }
     .category-list li a{
       margin-bottom: 0!important;
     }
     .related-posts-title{
        font-size: 24px!important;
        margin-bottom: 20px;
     }
     .related-post-image{
        display: none;
     }
     .related-post-content{
        padding: 10px!important;
     }
     .related-post-meta{
        font-size: 12px!important;
     }
     .related-post-title{
        font-size: 14px!important;
     }
     .related-posts-grid{
        grid-template-columns: 1fr!important;
        gap: 15px!important;
     }
     .related-posts-section{
        padding-top: 20px!important;
        padding-bottom: 20!important;
     }
     .testimonial-role{
        margin-bottom: 2px!important;
     }
     .testimonial-avatar{
        width: 90px!important;
        height: 90px!important;
     }
     .testimonial-quote{
        top: -108px!important;
     }
     .testimonial-text{
        font-size: 14px!important;
        margin-top: -47px!important;

     }
     .testimonial-card{
        padding: 20px!important;
     }
     .cta-title{
        font-size: 24px!important;
     }
     .case-cta-section{
        padding: 30px 0!important;
     }
     .cta-desc{
        font-size: 16px!important;
        margin-bottom: 20px!important;
     }
     .cta-buttons{
        gap: 10px!important;
        flex-direction: row!important;
     }
     .cta-btn-primary,.cta-btn-secondary{
        padding: 10px 16px!important;
        font-size: 12px!important;
    }
    .featured-event-image{
        min-height: 132px!important;
    }
    .countdown-number{
        font-size: 24px!important;
    }
     .countdown-label{
        font-size: 12px!important;
    }
    .asn-number{
        font-size: 28px!important;
    }
     .asn-name{
        font-size: 18px!important;
    }
    .asn-main-card{
        padding: 20px!important;
    }
    .asn-badge{
        font-size: 10px!important;
        padding: 8px 8px!important;
        gap: 4px!important;
    }
    .asn-badges{
        gap: 6px!important;
    }
     .asn-stats {
        flex-direction: row!important;
        gap: 6px!important;
    }
    .asn-stat {
        text-align: center;
        padding: 10px 8px!important;
    }
    .asn-stat-value {
        font-size: 18px!important;
    }
    .asn-section{
        padding: 20px 0!important;
    }
    .policy-types-section{
        padding: 20px 0!important;
    }
     .bg-world{
        padding: 0!important;
    }
    .policy-type-card{
        padding: 20px 0!important;
    }
     .policy-type-icon,.technical-card-icon{
        width: 40px!important;
        height: 40px!important;
    }
     .policy-type-title{
        font-size: 18px!important;
        margin-top: 10px!important;
    }
     .policy-type-desc{
        font-size: 14px!important;
        margin-top: 6px!important;
    }
    .policy-type-icon{display: none!important;}
    .ix-header h2{
        font-size: 24px!important;
    }
     .ix-header p{
        font-size: 16px!important;
    }
    .ix-card-header{
        margin-bottom: 10px;
    }
    .ix-name{
        font-size: 14px!important;
    }
     .ix-grid {
        grid-template-columns: repeat(2, 1fr)!important;
    }
    .ix-stats{
        padding-top: 6px!important;
    }
    .ix-stat-value{
        font-size: 16px!important;
    }
    .ix-card-header{
        flex-direction: column!important;
    }
    .ix-location{
        font-size: 12px!important;
    }
    .ix-status{
        padding: 4px 10px!important;
        font-size: 10px!important;
    }
    .ix-card{
        padding: 10px!important;
    }
    .requirements-section h2{
        font-size: 24px!important;
        margin-bottom: 20px!important;

    }
     .requirement-item{
        padding: 10px!important;
    }
     .requirement-number{
        width: 40px!important;
        height: 40px!important;
    }
    .requirement-card{
        gap: 14px!important;
        padding: 14px!important;
    }
   .requirement-content h4, .technical-card h4{
        font-size: 16px!important;
   }
   .requirements-section,.technical-section,.peeringdb-section{
        padding: 40px 0!important;  
   }
   .requirements-grid{
        gap: 18px!important;
   }
   .technical-card{
        padding: 18px!important;
   }
   .technical-card-icon{
    margin-bottom: 12px!important;
   }
   .peeringdb-card{
        padding: 20px!important;
   }
    .peeringdb-info-grid {
        grid-template-columns: repeat(2, 1fr)!important;
    }
    .peeringdb-info-item span{
        font-size: 14px!important;
    }
    .peeringdb-info-item label{
        font-size: 10px!important;
    }
    .peeringdb-info-item{
        padding: 10px!important;
    }
    .contact-cta-content h3{
        font-size: 20px!important;
    }
    .contact-cta-content p{
        font-size: 16px!important;
    }
    .contact-cta-buttons{
        flex-direction: row!important;
        gap: 6px!important;
    }
     .contact-cta-button{
        padding: 10px 16px!important;
        font-size: 14px!important;
    }
    .cta-btn-primary, .cta-btn-secondary{
        gap: 4px!important;
        padding: 10px 16px!important;
        font-size: 12px!important;
        padding: 4px 6px !important;
    }
    .contact-cta-card{
        padding: 28px 10px!important;
        gap: 20px!important;
    }
    .peer-card-title{
        margin-top: 10px!important;
        font-size: 16px!important;
    }
    .peer-card{
        padding: 20px!important;
    }
    .peer-desc{
        font-size: 14px!important;
        margin: 0px!important;
    }
    .search-tag{
        font-size: 12px;
        padding: 6px 10px;
    }
    .faq-search-wrapper{
        margin-bottom: 20px!important;
    }
    .faq-stats-bar{
        flex-direction: row!important;
        gap: 10px!important;
        margin-bottom: 50px!important;
        padding: 20px!important;
    }
    .faq-stat-number{
        font-size: 18px!important;
    }
    .faq-stat-label {
        font-size: 12px!important;
    }
    .faq-category-btn{
        font-size: 12px!important;
        gap: 4px!important;
        padding: 10px 10px!important;
    }
    .faq-categories{
        flex-direction: row!important;
        gap: 10px!important;
        margin-bottom: 28px!important;
    }
    .popular-questions-section{
        padding: 30px!important;
    }
    .contact-support-content h3{
        font-size: 20px!important;
    }
    .contact-support-content p{
        font-size: 14px!important;
    }
    .contact-support-actions{
        flex-direction: row!important;
        gap: 10px!important;
    }
    .support-btn-primary, .support-btn-secondary{
        padding: 4px 6px!important;
        font-size: 12px!important;
    }
    .ssd-vds-desc .ssd-vds-sunucular-container{
        padding: 0px!important;
    }
}
@media (min-width: 1400px) { .container { max-width: 1400px; } }
@media (min-width: 1600px) { .container { max-width: 1600px; } }
@media (min-width: 1920px) { .container { max-width: 1600px; } }
@media (min-width: 2500px) { .container { max-width: 1800px; } }
@media (min-width: 1920px) {
   .menu-item-wrapper{
        justify-content: center!important;
        gap: 40px!important;
    }
}


@media (min-width: 1500px){
  
    .menu-item-wrapper{
        justify-content: center!important;
        gap: 40px!important;
    }
    
}
@media (max-width: 1400px) and (min-width: 540px) {
    .tab-content.active{
        grid-template-columns: repeat(2, 1fr)!important;
    }
    .products-grid2 {
        grid-template-columns: repeat(2, 1fr)!important;
    }
    .eposta-section-title {
        font-size: 40px!important;
    }
    .parent-section-v4 .ni-carousel-text h2 {
        font-size: 40px!important;
    }
    .home-title, .home-title-blue {
        font-size: 40px!important;
    }
    .intro-title {
        font-size: 40px!important;
    }
    .hero-title, .hero-title-blue {
        font-size: 40px!important;
    }
    .arsiv-section-title {
        font-size: 40px!important;
    }
    .home-desc {
        font-size: 20px!important;
    }
    .home-subtitle, .home-subtitle-blue{
        font-size: 30px!important;
    }
    .card-desc-dinamik {
        font-size: 16px!important;
    }
    .card-title-dinamik{
        font-size: 24px!important;
    }
    .gray-card-title-white, .gray-card-title-blue{
        font-size: 24px;
    }
    .gray-card-desc {
        font-size: 16px;
    }
    .gray-card-button {
        font-size: 16px!important;
        padding: 10px 18px!important;
    }
    .gray-card1, .gray-card2, .gray-card3 ,.gray-card4 ,.gray-card5 ,.gray-card6 {
        padding: 24px!important;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .tescilli-kantlanm-ve-container {
        font-size:40px!important;
    }
    .veri-gvenliinden-i-container {
        font-size: 20px!important;
    }
    .iso-blue, .iso-dark{
        font-size: 18px!important;
    }
    .hizmetlerimiz-title {
        font-size: 40px!important;
    }
    .sidebar{
        min-width: 300px;
        width: 300px;
    }
    .faq-header h1 {
        font-size: 40px!important;
    }
    .gradient-title-h1 {
        font-size: 40px!important;
    }
    .kabinet-title-1 {
        font-size: 40px!important;
    }
    .banner-content{
        font-size: 32px!important;
    }
    .sb-about-title {
        font-size: 40px!important;
    }
    .sb-features-header h2 {
        font-size: 40px!important;
    }
    .sb-stat-num {
        font-size: 40px!important;
    }
    .numerical {
        font-size: 40px!important;
    }
    .sb-about-title h2 {
        font-size: 40px!important;
    }
    .paket-card .card-title {
        font-size: 20px!important;
    }
    .performans-tutkunlarna-ozel{
        font-size: 32px!important;
    }
    .blue-title, .dark-blue-title {
        font-size: 40px!important;
    }
    .feature-box h2{
        font-size: 24px!important;
    }
    .feature-box p{
        margin-top: 16px;
    }
    .ssd-vds-sunucular-container {
        font-size: 20px!important;
    }
    .cloud-altyapsna-sahip-ssd-container {
        font-size: 20px!important;
    }
    .koruma-content h2 {
        font-size: 40px!important;
    }
    .tasima-section-title {
        font-size: 40px!important;
    }
    .dark-blue{
        font-size: 40px!important;
    }
    .details-row  {
       padding:0 55px!important;
    }
    .main-content h2 {
        font-size: 30px!important;
    }
    .section-title-dark{
        font-size: 40px!important;
    }
    .sektorel-title, .sektorel-title-blue {
        font-size: 40px!important;
    }
    .altyapi-title {
        font-size: 40px!important;
    }
    .dc-feature-card__title{
        font-size: 40px!important;
    }
}
.ts-iso{
    font-size: 28px; font-weight: 700; color: #12567f;
}
.stat-hero-card {
    background: linear-gradient(135deg, #0082cf 0%, #12567f 100%);
    border-radius: 20px;
    padding: 36px 32px 28px;
    color: #fff;
}
.stat-hero-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}
.stat-hero-left {
    display: flex;
    flex-direction: column;
}
.stat-hero-badge {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    color: rgba(255,255,255,0.85);
    margin-bottom: 8px;
}
.stat-hero-big {
    font-size: 72px;
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
    color: #fff;
}
.stat-hero-right {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    padding-top: 4px;
}
.stat-hero-item {
    text-align: center;
    border-left: 1px solid rgba(255,255,255,0.2);
    padding-left: 20px;
}
.stat-hero-item-value {
    font-size: 28px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    display: block;
    color: #fff;
}
.stat-hero-item-value small {
    font-size: 16px;
    font-weight: 500;
}
.stat-hero-item-label {
    font-size: 13px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: rgba(255,255,255,0.75);
    display: block;
    margin-top: 2px;
}
.stat-hero-desc {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    color: rgba(255,255,255,0.8);
    line-height: 1.6;
    margin: 0 0 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,0.15);
}
.stat-hero-iso {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: rgba(255,255,255,0.5);
    line-height: 1.5;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

@media (max-width: 768px) {
    .stat-hero-top {
        flex-direction: column;
        gap: 20px;
    }
    .stat-hero-right {
        width: 100%;
        justify-content: flex-start;
    }
    .stat-hero-item:first-child {
        border-left: none;
        padding-left: 0;
    }
    .stat-hero-big {
        font-size: 52px;
    }
    .stat-hero-card {
        padding: 24px 20px 20px;
        margin-top: 20px;
    }
}
@media (max-width: 540px) {
    .stat-hero-big {
        font-size: 42px;
    }
    .stat-hero-item-value {
        font-size: 22px;
    }
}