#klaro-banner, 
.klaro-banner{
    display: none !important;
 z-index: -10  !important;
 opacity: 0 !important;
}
    

/* Изменение ширины контейнера для стандартных блоков */
.t-container {
    max-width: 1360px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Для блоков с классом t-width */
.t-width {
    max-width: 1360px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Для wrapper блоков */
.t-col {
    max-width: 1360px !important;
}

@media screen and (max-width: 1400px) {
    .t-container,
    .t-width {
        max-width: calc(100% - 20px) !important;
    }
}

@media screen and (max-width: 960px) {
    .t-container,
    .t-width {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 10px !important;
    }
}


.glass-effect {
    background: rgba(255, 255, 255, 0.3); /* Полупрозрачный белый фон */
    backdrop-filter: blur(10px); /* Эффект размытия фона */
    -webkit-backdrop-filter: blur(10px); /* Для поддержки в Webkit-браузерах */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Легкая граница */
    border-radius: 24px; /* Скругленные углы */
    box-shadow: 32px 32px 40px rgba(0, 0, 0, 0.1); /* Мягкая тень */
    /*padding: 20px; /* Внутренние отступы */
}

.glass-effect::before {
      content: '';
      position: absolute;
      top: -5px;
      left: -5px;
      right: -5px;
      bottom: 5px;
      border-bottom: 4px solid rgba(255, 255, 255, 0.3);
      border-radius: 0px 0px 26px 26px; /* Чуть больше, чем у основного элемента */
      z-index: -1;
      filter: blur(12px);
      pointer-events: none;
    }

/* Для лучшей совместимости можно добавить фоллбэк для старых браузеров */
@supports not (backdrop-filter: blur(10px)) {
    .glass-effect {
        background: rgba(255, 255, 255, 0.5); /* Более непрозрачный фон как запасной вариант */
    }
}