/*@charset "UTF-8";*/


:root{--tf-bg: #06101d !important;
    --tf-bg2: #0b1726!important;
    --tf-btn: linear-gradient(180deg, rgba(6, 120, 255,0.3) 0%, rgba(255, 255, 255,0.3) 100%)!important;
      --tf-active: #519FFF !important;
      --tf-btn2: linear-gradient(180deg, #0678ff 0%, #519fff 100%)!important;
}
 .sidebar__nav a svg, .sidebar__nav a .svg-icon {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    color: #519FFF !important;
    fill:#519FFF !important;
}
.sidebar__content .svg-icon use[href*="profile"],
.sidebar__content .svg-icon use[href*="lobby"],
.sidebar__content .svg-icon use[href*="slots"],
.sidebar__content .svg-icon use[href*="last-released"],
.sidebar__content .svg-icon use[href*="freespin"],
.sidebar__content .svg-icon use[href*="icon-enhanced-rtp"],
.sidebar__content .svg-icon use[href*="instant-win"],
.sidebar__content .svg-icon use[href*="jackpots"],
.sidebar__content .svg-icon use[href*="buy-bonus"],
.sidebar__content .svg-icon use[href*="casual"],
.sidebar__content .svg-icon use[href*="live"],
.sidebar__content .svg-icon use[href*="upcoming"],
.sidebar__content .svg-icon use[href*="football"],
.sidebar__content .svg-icon use[href*="basketball"],
.sidebar__content .svg-icon use[href*="american-football"],
.sidebar__content .svg-icon use[href*="baseball"],
.sidebar__content .svg-icon use[href*="tennis"],
.sidebar__content .svg-icon use[href*="table-tennis"],
.sidebar__content .svg-icon use[href*="volleyball"],
.sidebar__content .svg-icon use[href*="volleyball"],
.sidebar__content .svg-icon use[href*="mma"],
.sidebar__content .svg-icon use[href*="ice-hockey"],
.sidebar__content .svg-icon use[href*="lottery"],
.sidebar__content .svg-icon use[href*="craps"],
.sidebar__content .svg-icon use[href*="fishing"],
.sidebar__content .svg-icon use[href*="mines"],
.sidebar__content .svg-icon use[href*="scratch"],
.sidebar__content .svg-icon use[href*="live-lobby"],
.sidebar__content .svg-icon use[href*="table-games"],
.sidebar__content .svg-icon use[href*="blackjack"],
.sidebar__content .svg-icon use[href*="baccarat"],
.sidebar__content .svg-icon use[href*="roulette"],
.sidebar__content .svg-icon use[href*="poker"],
.sidebar__content .svg-icon use[href*="vip-club"],
.sidebar__content .svg-icon use[href*="statistics"],
.sidebar__content .svg-icon use[href*="transactions"],
.sidebar__content .svg-icon use[href*="affiliate"],
.sidebar__content .svg-icon use[href*="100"],
.sidebar__content .svg-icon use[href*="75"],
.sidebar__content .svg-icon use[href*="wallet"]{
    color: #519FFF !important;
    fill: #519FFF !important;

}

.sidebar__content .svg-icon use[href*="sportsbook2"] {
    color: #519FFF !important;
}
.sidebar__content .svg-icon use {
    stroke: transparent;
}

.sidebar__content .svg-icon use[href*="homepage"] {
  color: #519FFF;
}
.sidebar__content .svg-icon use[href*="vip-club"] {
  color: #519FFF !important;
}
.sidebar__content .svg-icon use[href*="blog"] {
  color: #519FFF;
}
.sidebar__content .svg-icon use[href*="casino2"] {
  color: #519FFF;
}
.sidebar__content .svg-icon use[href*="chart"] {
  color: #519FFF;
}
.sidebar__content .svg-icon use[href*="slots2"] {
  color: #519FFF !important;
}
.sidebar__content .svg-icon use[href*="live-casino"] {
  color: #519FFF !important;
}
.sidebar__content .svg-icon use[href*="sportsbook2"] {
  color: #519FFF !important;
}
.sidebar__content .svg-icon use[href*="exclusive"] {
  color: #519FFF !important;
}
.sidebar__content .svg-icon use[href*="virtual-sports"] {
  color: #519FFF !important;
}
.sidebar__content .svg-icon use[href*="gift"] {
  color: #519FFF !important;
}
.sidebar__content .svg-icon use[href*="tournaments"] {
  color: #519FFF !important;
}
.sidebar__content .svg-icon use[href*="head-set"],
.sidebar__content .svg-icon use[href*="headset"] {
  color: #519FFF !important;
}
.sidebar__content .svg-icon use[href*="privacy"],
.sidebar__content .svg-icon use[href*="shield"] {
  color: #519FFF !important;
}
.sidebar__content .svg-icon use[href*="favourited"] {
  color: #519FFF;
}
.sidebar__content .svg-icon use[href*="profile"] {
  color: #519FFF;
}


.sidebar__nav li.active a, .sidebar__nav li.active a svg {
    color: white !important;
   border:none;
}

.header__signup {
    background: linear-gradient(to right, #a55f1c, #eebb31) !important; 
    border: none !important; 
    border-radius: 8px !important; 
    color: #fff !important; 
    font-weight: bold !important; 
    padding: 8px 16px !important; 
    cursor: pointer !important; 
    transition: background 0.3s ease !important; 
}
.header__signup:hover {
    background: linear-gradient(to right, #eebb31, #a55f1c) !important; 
}

.form__btn {
  white-space:nowrap;
  width:100%;
  margin-top:10px;
  margin-right:10px;
  margin-left:-10px;
  padding:8px 15px 8px 15px;
  font-size: 14px !important;
  font-weight: 600;
  border-radius: 8888px;
  cursor: pointer;
  text-align:center !important;
  transition: all 1s ease;
  text-shadow: none;
  padding:14px 0;
  width:40%;
  margin-right:auto;
  margin-left:auto;
  background: #519fff;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  box-shadow: 0 0 4px 4px rgba(255,255,255,0.2);
  overflow: hidden !important;
}
.form__btn:hover {
  color: #0D1928;
  background: #519fff;
  box-shadow: 0 0 6px 6px rgba(255,255,255,0.25);
  transform: translateY(-3px);
  text-shadow: 0 0 5px rgba(255,255,255,0.8);
  transition:color 0.4s ease,  transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden !important;
}
.form__btn:active {
  transform: translateY(-1px);
  box-shadow: 0 0 5px 5px rgba(255,255,255,0.2);
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.form__btn::before {
  content: "";
  position: absolute;
  left:-50px;
  width: 60px;
  height: 100px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.4) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
  opacity:0;
  transition: all 0.5s ease;
}
.form__btn:hover::before {
  opacity:1;
  left: 125%;
}
.uzy_button:active::before {
  opacity:1;
  left: 50%;
}

.header--logged .header__logo {
    background: var(--tf-logo-s) no-repeat left center;
    width: 100px;
    height: 100px;
    background-size: 40px 40px;
}


.sidebar__links + .sidebar__menu > .sidebar__title {
  
   font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
    padding: 16px;
    width: 100%;
      background: linear-gradient(to right, #ee0979, #ff6a00);
    border-radius: 10px;
}

.sidebar__menu > ul.sidebar__nav.sidebar__nav--border:nth-of-type(2) > .sidebar__title {
  font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
    padding: 16px;
    width: 100%;
   background: linear-gradient(to right, #283c86, #45a247);
    border-radius: 10px;
}


.sidebar__big > .sidebar__menu > div.sidebar__menu:first-of-type .sidebar__title {
  font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
    padding: 16px;
    width: 100%;
     background: linear-gradient(to right, #f3904f, #3b4371);
    border-radius: 10px;
}

.sidebar__menu + .sidebar__menu .sidebar__title {
  font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
    padding: 16px;
    width: 100%;
    background: linear-gradient(to right, #f85032, #e73827);
    border-radius: 10px;
}



.sidebar__nav li.active a, .sidebar__nav li.active a svg {
    color: white !important;
    border: none !important;
    border-color: #519FFF !important;
}

.sidebar__content .svg-icon use[href*="homepage"] {
    color: #519FFF !important;
}

.sidebar__content .svg-icon use[href*="vip-club"] {
    color: #519FFF !important;
}

.sidebar__content .svg-icon use[href*="vip-club"] {
    color: #519FFF !important;
}





.sidebar__links + .sidebar__menu > .sidebar__title {
  
   font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
    padding: 16px;
    width: 100%;
    border-bottom:2px solid #133556;
}

.sidebar__menu > ul.sidebar__nav.sidebar__nav--border:nth-of-type(2) > .sidebar__title {
  font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
    padding: 16px;
    width: 100%;
    border-bottom:2px solid #133556;
}


.sidebar__big > .sidebar__menu > div.sidebar__menu:first-of-type .sidebar__title {
  font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
    padding: 16px;
    width: 100%;
    border-bottom:2px solid #133556;
}

.sidebar__menu + .sidebar__menu .sidebar__title {
  font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
    padding: 16px;
    width: 100%;
    border-bottom:2px solid #133556;
}

.sidebar__nav li.active a, .sidebar__nav li.active a svg {
    color: white !important;
    border: none !important;
    border-color: #519FFF !important;
}

.sidebar__menu--collapse, .sidebar__nav--collapse {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.01) 100%) !important;
  width:90% !important;
  margin-bottom:10px !important;
  margin-left:5% !important;
}

.header__signin {
    gap: 8px;
    padding: 16px 32px;
    border-radius: 8px;
    border: solid 1px #519FFF;
    font-weight: bold;
    height: 48px;
}

@media (max-width: 768px) {
    .header__signin {
        height: 40px;
        margin-left: 0px !important;
    }
}

.sidebar__nav a:hover svg.svg-icon {
  transform: scale(1.1) translateY(-3px);
  filter: /*hue-rotate(45deg)*/ brightness(1.2) drop-shadow(0 0 8px #ffffff) !important;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.sidebar__menu {
    margin-bottom: 0px !important;
}

.slot {
  position: relative;
  overflow: hidden;
  display: inline-block; 
  z-index: 0; 
}


.slot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;

  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M16 12v40l36-20z'/%3E%3C/svg%3E") no-repeat center center;
  background-size: contain;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  z-index: 10;        
  pointer-events: none; 
}


.slot:hover::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.slot .slot__img img {
  transition: filter 0.3s ease;
}


.slot:hover .slot__img img {
  filter: blur(5px);
}


.swiper-slide img {
    border-radius: 12px;
    display: block;
    height: auto !important;
    width: 100%;
}

.mini-game {
    display: flex
;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    min-height: 100px;
    background-color: #06101d !important;
    margin-top: 24px;
}

.sidebar__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}


.sidebar__links a {
  flex: 0 0 48%;
  margin-top: 10px;
}


.sidebar__links a:nth-child(5) {
  flex-basis: 100%;
}

.header__signin {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
    margin-left: 0px !important;
}

@media (max-width: 768px) {
  .header__fitTv,
  .header__fitCark {
    display: none !important;
  }
}

/* Uzay */


.sidebar__nav  li {
  position: relative;
  margin: 0px 0px 5px 0px;
  padding: -3px 0px -3px 0px;
  border-radius: 12px;
  overflow: hidden;
  background: #0b1622;
  transition: background 0.3s ease;
  border:1px solid rgba(6,120,255,0.1);
  border-left:none;
}

.sidebar__nav  li > a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 28px;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

.sidebar__nav  li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #0678ff, #0678ff, #0678ff);
  box-shadow: 0 0 8px #519fff;
  border-radius: 0;
  animation: glowMove 2s linear infinite;
}

.sidebar__nav  li:hover {
  background: #233546;
}

.sidebar__nav li.active {
  background-color: #133556 !important;
}

.sidebar__nav  li:hover > a {
  color: #fff;
}


.sidebar__nav li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background-color: #ffffff;
  transition: width 0.5s ease;
}

.sidebar__nav li:hover::after {
  width: 100%;
}

.sidebar__title
{
  background:none !important;
  border-bottom:2px solid #ffd966 !important;
  border-radius:0px  !important;
  text-align: center !important;
  color:#7394b4 !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  letter-spacing: 5px !important;
  padding-bottom:-15px !important;
  width: 100%;
}

.footer
{
  padding:0px 15px 0px 15px;
}
.footer__content .container .row > div:nth-of-type(-n+5) .footer__nav ul li
{
  position:relative;
  padding-left:20px;
  margin-top:0px !important;
  margin-bottom:5px !important;
  text-align:left !important;
  transition:all 0.5s ease;
}
.footer__content .container .row > div:nth-of-type(-n+5) .footer__nav ul li::before {
  content: "♤";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  color: #519fff;
  transition: transform 0.5s ease;
}
.footer__content .container .row > div:nth-of-type(-n+5) .footer__nav ul li:hover::before {
  transform: translateY(-50%) rotate(90deg);
}

  .sidebar__logo{
    transform:scale(1.15);
    transition:transform 0.3s ease;
    margin-left: 10px;
  }

.category-tile
{
  background-color:rgba(255,255,255,0.05) !important;
  border-left:2px solid rgba(6,120,255,0.25) !important;
  border-top:2px solid rgba(6,120,255,0.25) !important;
  border-right:2px solid rgba(6,120,255,0.25) !important;
  overflow: hidden !important; 
}

.category-tile .category-image img
{
  width:60px !important;
  height:60px !important;
  margin-top:10px !important;
  margin-left:10px !important;
}
@media (max-width: 480px) {
  .header__wallet-dropdown-btn {
    width: 110px;
  }
}
.header__actions {
  justify-content: flex-end;
  gap: 10px;
  margin-right:10px
}
.header__wallet {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 150px;
}
.tabs-nav__btn.active
{
  background: rgba(81, 159, 255, 1);
}
.tabs-nav__btn.active:hover
{
  color:#111722 !important;
}
.tabs-nav__btn
{
  border: 1px solid #519fff;
  box-shadow: 0px 0px 3px #519fff;
  margin-left:10px;
}

.tabs-nav {
  padding: 8px 12px !important;
}
.tabs-nav {
  border: 1px solid rgba(85,185,255,0.15) !important;
  margin-left:15px;
}
.section__title.section__title--head
{
  margin-left:15px;
  margin-bottom:10px;
}
.sidebar__nav a span, .sidebar__nav button span
{
  color:white !important;
}
.sidebar__nav li.active svg
{
  color:white !important;
  fill:white !important;
}

/*body
{
  background-image:url("https://raw.githubusercontent.com/Neo777Uzy/fitcas/refs/heads/main/Fitcas_BG2.png");
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  background-attachment: fixed;
}
@supports (-webkit-overflow-scrolling: touch) {
  body {
    background-attachment: scroll;
  }
}*/


body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
  background-color: #111722;
}

/* Arka plan sabitleme hilesi */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://cdn.jsdelivr.net/gh/Neo777Uzy/fitcas@master/images/bg_web.webp") center center / cover no-repeat;
 /* background: url("https://raw.githubusercontent.com/Neo777Uzy/fitcas/refs/heads/main/Fitcas_BG2.png") center center / cover no-repeat;*/
  z-index: -1;


  
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  perspective: 1000;
}



.header,
.footer,
.footer__content:before
{
    background:transparent !important;
}
.footer__list a
{
  color:#bbbbcc !important;
}
.footer__list span {
  color:#bbbbcc !important;
}

.uzy_header_section2,
.uzy_casino_section,
.uzy_header_section {
    width: 100%;
    height: auto;
}

.uzy_header_section2 img,
.uzy_casino_section img,
.uzy_header_section img {
    width: 100%;
    height: auto;
    border-radius: 15px;
  display:block;
}

.uzy_cups_container {
  display: flex !important;
  gap:25px;
}

.uzy_cups_container img {
  flex: 1; 
  width: calc((100% - (4 * 25px)) / 5);
  height: 100%;
  object-fit: cover; 
  transition: all 0.5s ease;
}
.uzy_cups_container img:hover {
  scale:1.1;
  filter: brightness(1.3);
  transition: all 0.5s ease;
}


.sidebar__links:nth-of-type(2) a {
    flex: 0 0 100% !important;
    margin-top: -10px !important;
}

#banners-wrapper .container img
{
    transition:all 0.25s ease;
}
#banners-wrapper .container img:hover
{
    transform:scale(1.08);
}

@keyframes glowMove {
  0%   { filter: brightness(1); }
  38%   { filter: brightness(1.3); }
  50%  { filter: brightness(1.8); }
  70%   { filter: brightness(1.3); }
  100% { filter: brightness(1); }
}

@media (max-width: 768px) {
  
.uzy_cups_container {
  gap:10px;
}

.uzy_cups_container img {
  width: calc((100% - (4 * 10px)) / 5);
}
  #chat-widget-minimized {
    opacity: 0 !important;
  }
body::before {
  background: url("https://cdn.jsdelivr.net/gh/Neo777Uzy/fitcas@master/images/bg_mobile.webp") center center / cover no-repeat;
  z-index:-1;
  /*background: url("https://raw.githubusercontent.com/Neo777Uzy/fitcas/refs/heads/main/MobileBG.jpg") center center / cover no-repeat;*/
}
  
  body
  {
  z-index:0;
  }
  
  .sidebar
  {
    width:70vw;
  }
  
  
  .header__logo {
    margin-left:15px;
  }

  .section > .container > .row > .d-flex
  {
    display:block !important;
  }
}
@media (min-width: 768px) {
  .sidebar__logo:hover{
    transform:scale(1.22);
  }
  .sidebar,
  .sidebar__big
  {
    background:transparent;
  }
  
  .header__wallet{
    width: 250px;
  }
  .form__btn
  {
    width:241px !important;
  }
}