.info-card {
display: flex;
align-items: center;
color: white;
padding: 25px 20px;
border-radius: 15px;
margin-bottom: 20px;
overflow: hidden;
position: relative;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.info-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 20px rgba(0,0,0,0.15);
}

.purple-gradient {
background: linear-gradient(45deg, #4e54c8, #8f94fb);
}

.red-gradient {
background: linear-gradient(45deg, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
}

.orange-gradient {
background: linear-gradient(45deg, #1d976c, #93f9b9);
}

.blue-gradient {
background: linear-gradient(45deg, #02AAB0, #00CDAC);
}

.info-card-icon {
font-size: 32px;
margin-right: 20px;
background-color: rgba(255, 255, 255, 0.2);
width: 65px;
height: 65px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
flex-shrink: 0;
}

.info-card-content .info-card-title {
font-size: 14px;
font-weight: 300;
margin: 0;
opacity: 0.9;
}

.info-card-content .info-card-value {
font-size: 28px;
font-weight: 700;
margin: 5px 0 0 0;
line-height: 1;
}

.info-card::after {
content: '';
position: absolute;
top: -20px;
right: -40px;
width: 120px;
height: 120px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: transform 0.3s ease-in-out; /* Yuvarlaklar için geçiş efekti */
}

.info-card:hover::after {
transform: scale(1.1); /* Fare üzerine gelindiğinde %10 büyüt */
}
  .btn-default {
    color: black;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #000;
    background-color: #fff;
    border-color: #92897e;
}
#bs-select-2 .dropdown-menu.inner li a span.text {
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
/* 1. Dropdown içindeki seçenekler hover olunca eski renk kalsın */
.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li a:focus {
    background-color: #fff !important;   /* Beyaz zemin */
    color: #333 !important;              /* Koyu gri yazı */
}

/* 2. Dropdown kapalıyken görünen buton hover olunca eski renk kalsın */
.bootstrap-select .btn.dropdown-toggle:hover,
.bootstrap-select .btn.dropdown-toggle:focus {
    background-color: #fff !important;   /* Beyaz zemin */
    border-color: #ccc !important;       /* Açık gri border */
    color: #333 !important;              /* Varsayılan koyu gri yazı */
    box-shadow: none !important;         /* Bootstrap’in mavi glow’unu kapatır */
}

/* Instagram - gradient */
.fab.fa-instagram {
  background: linear-gradient(200deg, #d047d1, red, #ff0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Facebook */
.fab.fa-facebook-f {
  color: #3b5998;
}

/* TikTok */
.fab.fa-tiktok {
  color: #000000;
}

/* YouTube */
.fab.fa-youtube {
  color: #CD201F;
}

/* Twitter */
.fab.fa-twitter {
  color: #1DA1F2;
}

/* Telegram */
.fab.fa-telegram {
  color: #0088cc;
}

/* Snapchat */
.fab.fa-snapchat-ghost {
  color: #FFFC00;
}

/* Spotify */
.fab.fa-spotify {
  color: #1DB954;
}

/* Pinterest */
.fab.fa-pinterest-p {
  color: #e60023;
}

/* Twitch */
.fab.fa-twitch {
  color: #6441A4;
}

/* Dailymotion */
.fab.fa-dailymotion {
  color: #00aaff;
}

/* Periscope */
.fab.fa-periscope {
  color: #3aa4c6;
}

/* Soundcloud */
.fab.fa-soundcloud {
  color: #ff8800;
}

/* Tumblr */
.fab.fa-tumblr {
  color: #35465c;
}

/* LinkedIn */
.fab.fa-linkedin-in {
  color: #0a66c2;
}

/* Vimeo */
.fab.fa-vimeo-v {
  color: #1ab7ea;
}
.fas.fa-star{
    color: #e4bd37;
    padding: 0 3px 0 0;
    width: 12px;
    height: 15px;
}