.nav-tabs {
    border-bottom: none !important;
    background: -webkit-gradient(linear, left top, right top, from(#001a70), to(#910048)) 0 0 / 100% 100%;
    /* background: -webkit-linear-gradient(left, #001a70, #910048) 0 0 / 100% 100%; */
    background: -moz-linear-gradient(left,#001a70,#910048) 0 0/100% 100%;
    background: -o-linear-gradient(left,#001a70,#910048) 0 0/100% 100%;
 padding: 20px;border-radius: 10px;
}
 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
   
    cursor: default;
   background-color: unset !important;
    border: none !important;
     border-bottom-color:  unset !important;
}

.nav-tabs > li {
 
    width: 20% !important;
	text-align: center !important; 
margin: 10px 0px !important;
}

.services-item .services-icon {
  border-right: 5px dashed #265bfb;
  border-bottom: 5px solid #265bfb;
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 50%;
  transition: border-color 0.3s ease; /* yumuşak geçiş efekti */
}

/* Hover ve aktif durumunda kırmızıya geçsin */
.nav-tabs > li > a:hover .services-icon,
.nav-tabs > li.active .services-icon,
.nav-tabs > li.active > a .services-icon {
  border-right-color: #0376b9 !important;
  border-bottom-color: #0376b9 !important;
}
.services-item .services-icon {
    border-right: 5px dashed #939498;
    border-bottom: 5px solid #939498;
    display: inline-block;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 50%;
}

.services-item .services-icon i {
    background: #265bfb;
}
.services-item .services-icon i {
  text-align: center;
  color: #fff;
  display: inline-block;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
  background: #939498;
  transition: background-color 0.3s ease; /* yumuşak geçiş */
}

/* Hover’da kırmızı olur */
.nav-tabs > li > a:hover .services-icon i {
  background: #0376b9 !important;
}

/* Aktif sekmede kırmızı kalır */
.nav-tabs > li.active .services-icon i,
.nav-tabs > li.active > a .services-icon i {
  background: #0376b9 !important;
}
.services-body   {
    color: #FFF; font-size: 14px;
}
li.chart-title {
    color: #FFF;
    /* line-height: 120px; */
    font-weight: bold;
    font-size: 20px;
    width:40% !important;
	margin-top: 50px !important;
}
.tab-content > .active {
     
    padding: 20px 0px;
}


.nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  border: none !important;
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
  outline: none !important;
}

/* Aktif olunca ikon ve metin yukarı/aşağı oynamasın */
.nav-tabs > li > a .services-item {
  display: inline-block;
  transition: none !important;
}

/* Tarayıcı focus çerçevesini kaldır */
.nav-tabs > li > a:focus {
  outline: none !important;
  box-shadow: none !important;
}


.nav-tabs > li {
  position: relative;
}

 
 .comparebox-left-column{color#FFF}
						.comparebox-left-column ul   li {color:#FFF  !important}
			 
	.compare-box ul li {
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.15);list-style-type: none !important;
}

.compare-left ul li:last-child,
.compare-right ul li:last-child {
  border-bottom: none;
}

/* Sol kırmızı sütun */
.compare-left {
 /* border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;*/
}

ul.comparebox-left-column-ul {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    background: #0973bd;background:#0973bd;
}

.compare-left ul li {
  /*border-color: rgba(255,255,255,0.25);*/
  text-indent: 20px;
}

/* Sağ kısımlar */
.compare-right ul li {
border-bottom: 1px solid #eee;
    box-shadow: #f5eeee 2px 2px 10px;
}
}

.compare-right h5 {
  text-transform: uppercase;
  font-size: 0.95rem;
  letter-spacing: .5px;
}

@media (max-width: 767px) {
  .compare-box {
    border-radius: 1rem !important;
  }
  .compare-left {
    border-radius: 1rem 1rem 0 0;
  }
  .compare-right .col-md-4 {
    border-right: none !important;
    border-bottom: 1px solid #ddd;
  }
  .compare-right .col-md-4:last-child {
    border-bottom: none;
  }
}
.row.g-0.text-center.compare-right {
    margin-left: auto;
    margin-right: auto;
}

.compare-title {
    background: aliceblue;
    padding: 10px;
    border-radius: 10px;
  
    max-width: 50%;
    text-align: center;
    margin-left: 23%;
	margin-bottom: 20px;
}

.compare-title.mavi {
    background: #0973bd;
   color:#FFF
}

						 </style>
						 <style>
						 
						 <style>
        #comparetable {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            font-family: Arial, sans-serif;
            border: none;
        }
        
        #comparetable th {
            background-color: #f2f2f2;
            font-weight: bold;
            padding: 15px 10px;
            text-align: left;
            border-bottom: 2px solid #ddd;
        }
        
        #comparetable td {
            padding: 12px 10px;
            text-align: left;
            vertical-align: top;
        }
        
        /* İlk sütun için stiller */
   #comparetable tr:first-child td:first-child {
/*border-top-left-radius: 1rem;*/
;

}

#comparetable tr:last-child td:first-child {
border-bottom-left-radius: 1rem;
border-bottom: none;
}

#comparetable td:first-child {
background: #0973bd;
color: #FFF;
font-weight: bold;
padding: 12px 15px;
vertical-align: middle;
border-bottom: 1px solid #308fd1
}
        
        /* Diğer td'ler için stiller */
        #comparetable td:not(:first-child) {
            border-bottom: 1px solid #eee;
            box-shadow: #f5eeee 2px 2px 10px;
            padding: 12px 15px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            background-color: #fff;
			vertical-align: middle;
        }
        
        /* Satır hover efekti */
        #comparetable tbody tr:hover td:not(:first-child) {
            background-color: #f9f9f9;
        }
        
        /* Başlık hücreleri için stil */
        #comparetable th:first-child {
            border-top-left-radius: 1rem;
        }
        
        #comparetable th:last-child {
            border-top-right-radius: 1rem;
        }
		
		
		@media (max-width: 800px) {
  .nav-tabs {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .nav-tabs > li {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  /* Aradaki kesik çizgileri mobilde gizle */
  .nav-tabs > li::after {
    display: none !important;
  }

  /* Mobilde ikonlar ve metinler biraz daha küçük görünsün */
  .services-item .services-icon i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
  }

  .services-body {
    font-size: 13px;
  }
}