.elementor-3142 .elementor-element.elementor-element-123b4f5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-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-3142 .elementor-element.elementor-element-1d0b12d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:53px;font-weight:600;color:#232323;}.elementor-3142 .elementor-element.elementor-element-fffd265{text-align:center;}.elementor-3142 .elementor-element.elementor-element-fffd265 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;color:#232323;}.elementor-3142 .elementor-element.elementor-element-86107be{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3142 .elementor-element.elementor-element-86107be.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3142 .elementor-element.elementor-element-b3391d9{width:100%;max-width:100%;}.elementor-3142 .elementor-element.elementor-element-b3391d9 > .elementor-widget-container{margin:0px 420px 100px 0px;padding:-16px 0px 0px 0px;}.elementor-3142 .elementor-element.elementor-element-b3391d9.elementor-element{--align-self:stretch;}.elementor-3142 .elementor-element.elementor-element-52b41b0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-3142 .elementor-element.elementor-element-416376b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:100px 0px 0px 0px;}.elementor-3142 .elementor-element.elementor-element-416376b.elementor-element{--align-self:flex-end;}@media(min-width:768px){.elementor-3142 .elementor-element.elementor-element-86107be{--width:100%;}}/* Start custom CSS for fibosearch, class: .elementor-element-b3391d9 *//* Замініть .fibosearch-input на реальний клас поля введення вашого плагіна */
.elementor-3142 .elementor-element.elementor-element-b3391d9 .dgwt-wcas-search-input {
  background-color: #e0e5ec; /* Колір фону, підберіть під фон вашої сторінки */
  border: none !important; /* Прибрати стандартну рамку */
  border-radius: 10px; /* Дуже заокруглені кути для "довгенької полоски" */
  padding: 15px 25px; /* Внутрішні відступи (зробить поле вищим і текст не біля країв) */
  font-size: 18px; /* Розмір тексту */
  color: #232323; /* Колір тексту, що вводиться */
  width: 1000px; /* Розтягнути на всю ширину колонки */
  max-width: 1000px; /* Щоб не виходила за межі батька */
  box-shadow: inset 7px 7px 15px #bfc5cc, /* Внутрішня темна тінь */
              inset -7px -7px 15px #ffffff; /* Внутрішня світла тінь */
  outline: none !important; /* Прибрати синю рамку при фокусі */
  transition: box-shadow 0.2s ease-in-out; /* Плавний перехід тіні при фокусі (опціонально) */
}

/* Стилізація плейсхолдера */
.elementor-3142 .elementor-element.elementor-element-b3391d9 .fibosearch-input::placeholder {
  color: #99a3b0; /* Колір тексту "Search..." */
  opacity: 1;
}

/* Можна додати ефект при фокусі (коли клікнули на поле) */
.elementor-3142 .elementor-element.elementor-element-b3391d9 .fibosearch-input:focus {
   box-shadow: inset 4px 4px 8px #bfc5cc,
               inset -4px -4px 8px #ffffff;
}

/* Стилізація спадного вікна результатів (знайдіть його клас) */
/* Замініть .fibosearch-suggestions-wrapper на реальний клас */
.elementor-3142 .elementor-element.elementor-element-b3391d9 .fibosearch-suggestions-wrapper {
  border-radius: 5px !important; /* Заокруглення для контейнера */
  background-color: #e0e5ec !important; /* Той же фон */
  box-shadow: 7px 7px 15px #bfc5cc, /* Зовнішня темна тінь */
              -7px -7px 15px #ffffff !important; /* Зовнішня світла тінь */
  margin-top: 15px !important; /* Відступ від поля пошуку */
  border: none !important;
  overflow: hidden; /* Щоб внутрішні елементи не вилазили за рамки заокруглення */
}

/* Можливо, знадобиться стилізувати окремі елементи результатів (заголовки) */
/* Замініть .fibosearch-suggestion на реальний клас */
.elementor-3142 .elementor-element.elementor-element-b3391d9 .fibosearch-suggestion a { /* Стилізація посилань у результатах */
 color: #333 !important; /* Колір тексту заголовків */
 padding: 10px 20px !important; /* Відступи */
}

.elementor-3142 .elementor-element.elementor-element-b3391d9 .fibosearch-suggestion a:hover { /* Ефект при наведенні на результат */
 background-color: #d1d9e6 !important; /* Трохи змінити фон */
}/* End custom CSS */