.footer-social-item {width: 40px; height: 40px;}


.swiper-business {
    overflow: visible;
}

    .tt {
    cursor: pointer;
    position: relative;
    z-index: 1; 
}

.nolink {cursor: default} 

.swiper-business .nolink:hover path {fill: var(--gray) !important}

.swiper-business .swiper-slide:hover svg path.park {fill: #FFF !important;}

#news {display: block; position: relative;}

#news::before {
    content: "";
    display: block;
    width: 18%;
    height: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 1000;
    background: linear-gradient(-90deg, rgba(1, 0, 0, 0.00) 0%, #010000 20%);
}

.swiper-container,
.tt {
    overflow: visible; /* вместо hidden */

}

.tt::after {
    width: 300px;
    max-width: 90vw; /* чтобы не вылезало за экран на мобиле */
}

/* сам тултип */
.tt::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 20px);
    padding: 0 10px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    white-space: nowrap;
    border-radius: 4px;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
    z-index: 10000;
    max-width: 400px;
    min-height: 90px;
    padding: 20px;
    background-color: #fffffff1;
    color: #000;
    white-space: normal;

}

/* при ховере — показать */
.tt:hover::after{
    opacity: 1;
    z-index: 1000; 
}
.tt:not(.nolink):hover svg {transform: scale(1.1);}

.addr {flex-grow: 1;}

.form-agreed {font-size: 14px;}

input[type="checkbox"] {
    accent-color: #16CC6F;
    }

.allnews {font-size: 15px; margin-top: 20px; text-align: right; display: block; color: #16CC6F;}
.allnews:hover {color: #fff;}

.h-40 {height: 40px;}

  .tabbar { display:flex; gap:40px; }
  .tab {
    background:none; border:0; padding:10px 0; cursor:pointer;
    color:#666; border-bottom:2px solid #5A5959;
    font: inherit; line-height: 1;
  }
  .tab:hover {color: #FFF;}
  .tab.is-active { color:#FFF; border-bottom-color:#16CC6F; font-weight:500; }
  .panels { padding-top:16px; }
  .panel h2 {margin: 20px 0;}
  .panel h4 {font-size: 20px;margin: 0 0 20px; font-weight: 700;}
  .panel p, .panel {font-size: 16px; line-height: 1.5; margin-bottom: 10px;}
  .panel ul {list-style-type: disc; margin-left: 20px; margin-bottom: 10px; font-size: 16px;}
  .panel ol {list-style-type: decimal; margin-left: 20px; margin-bottom: 10px; font-size: 16px;}
  .policy_link, .policy_list  {color: #FFF}
  .policy_link:hover {color: #16CC6F;}
  .policy_list li {margin-bottom: 10px;}
  .legal_policy {display: flex; gap: 40px;}
  .legal_left {padding-top: 30px;}
  .legal_right {width: 130%;}

@media (min-width: 768px) {
    .pango-right {
        display: none;
    }
}

@media (max-width: 767px) {
    .about-item {
        min-height: 131px;
    }

    .h-40 {height: 38px;}

    .legal_left {display: none;}

    #news::before {display: none;}
}