.elementor-10375 .elementor-element.elementor-element-ce424e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10375 .elementor-element.elementor-element-373e7de{--spacer-size:50px;}.elementor-10375 .elementor-element.elementor-element-e08116c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10375 .elementor-element.elementor-element-6c32b4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10375 .elementor-element.elementor-element-af8f072{--spacer-size:50px;}.elementor-10375 .elementor-element.elementor-element-259b40f{--display:flex;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10375 .elementor-element.elementor-element-4fd3612{text-align:center;}.elementor-10375 .elementor-element.elementor-element-4fd3612 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:45px;font-weight:900;line-height:59px;color:#474853;}.elementor-10375 .elementor-element.elementor-element-564c281{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10375 .elementor-element.elementor-element-7b2899f{--spacer-size:50px;}.elementor-10375 .elementor-element.elementor-element-120d0a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10375 .elementor-element.elementor-element-cd1de8f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:49px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10375 .elementor-element.elementor-element-4cb2e04{text-align:center;}.elementor-10375 .elementor-element.elementor-element-4cb2e04 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:36px;font-weight:900;line-height:47px;color:#474853;}.elementor-10375 .elementor-element.elementor-element-90d20f8{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-10375 .elementor-element.elementor-element-90d20f8 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:18px;font-weight:900;font-style:normal;line-height:27px;color:#474853;}.elementor-10375 .elementor-element.elementor-element-0f67236{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10375 .elementor-element.elementor-element-4ec6fc0{--spacer-size:50px;}@media(max-width:767px){.elementor-10375 .elementor-element.elementor-element-cb4cf61{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + -24px) 0px;}}/* Start custom CSS for heading, class: .elementor-element-4fd3612 *//* TCI — акцент в заголовках */
.tci-accent,
.elementor-widget-heading .elementor-heading-title .tci-accent{
  color:#8E8368 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-259b40f *//* 1) Жёсткий сброс, чтобы tci-badge не превращалась в кнопку */
[class*="badge"].tci-badge { 
  all: unset !important;              /* убрать ВСЁ унаследованное */
  display: inline-flex !important;    /* и вернуть нужную раскладку */
  align-items: center !important;
  gap: 14px !important;
  color: #7B5443 !important;
  font: 700 14px/1 'DM Sans', sans-serif !important;
  text-transform: uppercase !important;

  /* на всякий случай — убираем «кнопочные» штуки */
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: default !important;
}

/* 2) Иконка (два кружка) */
.tci-badge .circles{
  position: relative !important;
  width: 10px !important;
  height: 14px !important;
  display: inline-block !important;
}
.tci-badge .circle-solid{
  position: absolute !important;
  left: 0; top: 0;
  width: 14px; height: 14px;
  background: currentColor !important;
  border-radius: 50% !important;
  z-index: 2;
}
.tci-badge .circle-outline{
  position: absolute !important;
  left: 6px; top: 0;                  /* степень перекрытия */
  width: 14px; height: 14px;
  border: 2px solid currentColor !important;
  border-radius: 50% !important;
  background: transparent !important;
  z-index: 1;
}

/* 3) Центрирование HTML-виджета с бейджем (надежно через flex) */
.elementor-widget-html:has(.tci-badge) {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* 4) Фолбэк, если :has() вдруг не сработает в теме/оптимизаторе:
      центрируем через text-align у родителя */
.elementor-widget-html:has(.tci-badge),
.elementor-widget-html .tci-badge {
  text-align: center !important;
}

/* 5) На всякий: сам бейдж остаётся inline-flex (для корректной иконки) */
.elementor-widget-html .tci-badge {
  display: inline-flex !important;
}/* End custom CSS */
/* Start custom CSS for cleenhearts-skill, class: .elementor-element-3dbe63d *//* Donate page — СЕКЦИЯ "What is the impact..." */
/* 1) Дай этой секции класс: volunteer-details__background (в Elementor → Advanced → CSS Classes) */
section.volunteer-details__background{
  position: relative;               /* чтобы псевдо-слой позиционировался от секции */
  isolation: isolate;               /* защищаем z-index контента */
  z-index: 0;
}

/* 2) Полоса-фон на ВСЮ ШИРИНУ ЭКРАНА (full-bleed), не ломая контейнер */
section.volunteer-details__background::before{
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;                        /* ставим в центр */
  transform: translateX(-50%);      /* выравниваем по центру */
  width: 100vw;                     /* ширина = ширине окна */
  background: var(--cleenhearts-white2, #EFF0E7); /* цвет фона полосы */
  z-index: -1;                      /* фон под контентом */
}

/* 3) Внутренние отступы секции (можешь подправить по вкусу) */
section.volunteer-details__background .elementor-container,
section.volunteer-details__background .e-con-inner{
  padding-top: 60px;                /* верхний отступ секции */
  padding-bottom: 64px;             /* нижний отступ секции */
}

/* 4) На всякий случай — убираем возможные тени/бордеры темы у секции */
section.volunteer-details__background,
section.volunteer-details__background::after{
  box-shadow: none !important;
  border: 0 !important;
}


/* ===== Donate page — градиентная заливка текста заголовка блока "What is the Impact..." ===== */
/* Точечный селектор под ваш DOM (элемент на скриншотах) */
.volunteer-details__background__heading,
.volunteer-details__background__heading .elementor-heading-title {
  /* Делаем текст “прозрачным” и используем фон как заливку символов */
  color: transparent;
  -webkit-text-fill-color: transparent;         /* Safari fix */
  background-image: linear-gradient(90deg,#0057B7 0%, #2C7BE5 25%, #FFD700 50%, #F7C400 75%, #0057B7 100%);
  background-size: 200% 100%;                   /* запас для анимации */
  background-clip: text;
  -webkit-background-clip: text;                /* Safari/Chrome */
  /* Мягкий перелив слева направо */
  animation: tci-ua-gradient-move 8s linear infinite;
}

/* Тонкая тень для читаемости на светлом фоне (по желанию) */
.volunteer-details__background__heading .elementor-heading-title {
  text-shadow: 0 1px 0 rgba(0,0,0,.04);
}

/* Анимация движения градиента */
@keyframes tci-ua-gradient-move {
  0%   { background-position:   0% 50%; }
  100% { background-position: 200% 50%; }
}

/* Если у пользователя включено “уменьшение движения” — отключаем анимацию */
@media (prefers-reduced-motion: reduce) {
  .volunteer-details__background__heading,
  .volunteer-details__background__heading .elementor-heading-title {
    animation: none;
    background-size: 100% 100%;
  }
}

/* Адаптив — чтобы шрифт не “проваливался” на мобильных (настройте при желании) */
@media (max-width: 767.98px) {
  .volunteer-details__background__heading .elementor-heading-title {
    letter-spacing: .5px;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4cb2e04 *//* TCI — акцент в заголовках */
.tci-accent,
.elementor-widget-heading .elementor-heading-title .tci-accent{
  color:#8E8368 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90d20f8 *//* TCI — акцент в заголовках */
.tci-accent,
.elementor-widget-heading .elementor-heading-title .tci-accent{
  color:#8E8368 !important;
}/* End custom CSS */