.elementor-534 .elementor-element.elementor-element-5577f65{--display:flex;--min-height:289px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.6s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E6ECF2;--border-color:#E6ECF2;--border-radius:24px 24px 24px 24px;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.05);--padding-top:0px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-534 .elementor-element.elementor-element-5577f65:not(.elementor-motion-effects-element-type-background), .elementor-534 .elementor-element.elementor-element-5577f65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ef94e69 );}.elementor-534 .elementor-element.elementor-element-5577f65:hover{background-color:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-534 .elementor-element.elementor-element-f1dbed4 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-534 .elementor-element.elementor-element-f1dbed4.elementor-element{--align-self:flex-start;}.elementor-534 .elementor-element.elementor-element-f1dbed4 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:24px;font-weight:700;line-height:1.2em;color:#1E2A38;}.elementor-534 .elementor-element.elementor-element-edae3ca > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-534 .elementor-element.elementor-element-edae3ca.elementor-element{--align-self:flex-start;}.elementor-534 .elementor-element.elementor-element-edae3ca .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;color:#1E2A38;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-534 .elementor-element.elementor-element-7943abf .elementor-button{background-color:#E27D6000;font-family:"Figtree", Sans-serif;font-size:14px;font-weight:600;text-transform:none;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-534 .elementor-element.elementor-element-7943abf > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-534 .elementor-element.elementor-element-7943abf.elementor-element{--align-self:flex-start;}.elementor-534 .elementor-element.elementor-element-7943abf .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(max-width:1024px){.elementor-534 .elementor-element.elementor-element-5577f65{--min-height:244px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-534 .elementor-element.elementor-element-f1dbed4 .elementor-heading-title{font-size:30px;}.elementor-534 .elementor-element.elementor-element-edae3ca .elementor-heading-title{font-size:16px;}.elementor-534 .elementor-element.elementor-element-7943abf .elementor-button{font-size:13px;}}@media(min-width:768px){.elementor-534 .elementor-element.elementor-element-5577f65{--width:384px;}}@media(max-width:1024px) and (min-width:768px){.elementor-534 .elementor-element.elementor-element-5577f65{--width:100%;}}@media(max-width:767px){.elementor-534 .elementor-element.elementor-element-5577f65{--width:100%;--min-height:0px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-534 .elementor-element.elementor-element-f1dbed4 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-534 .elementor-element.elementor-element-f1dbed4.elementor-element{--align-self:flex-start;}.elementor-534 .elementor-element.elementor-element-f1dbed4 .elementor-heading-title{font-size:20px;}.elementor-534 .elementor-element.elementor-element-edae3ca > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-534 .elementor-element.elementor-element-edae3ca.elementor-element{--align-self:flex-start;}.elementor-534 .elementor-element.elementor-element-edae3ca{text-align:start;}.elementor-534 .elementor-element.elementor-element-edae3ca .elementor-heading-title{font-size:14px;}.elementor-534 .elementor-element.elementor-element-7943abf > .elementor-widget-container{margin:4px 0px 0px 0px;}.elementor-534 .elementor-element.elementor-element-7943abf.elementor-element{--align-self:flex-start;}.elementor-534 .elementor-element.elementor-element-7943abf .elementor-button{font-size:12px;line-height:1.3em;letter-spacing:1.4px;}}/* Start custom CSS for container, class: .elementor-element-5577f65 *//* =========================================
   1. Основний контейнер
   ========================================= */
.lihover {
  position: relative;
  overflow: hidden;
  padding-top: 100px;
}

/* =========================================
   2. Зображення (Default / Hover)
   ========================================= */
.lihover .img-default,
.lihover .img-hover {
  position: absolute;
  top: 32px;
  left: 32px;
  transition: opacity 0.4s ease-in-out;
}

.lihover .img-hover {
  opacity: 0;
}

.lihover:hover .img-default {
  opacity: 0;
}

.lihover:hover .img-hover {
  opacity: 1;
}

/* =========================================
   3. Головний заголовок (.maintext)
   ========================================= */
.lihover .maintext,
.lihover .maintext * {
  color: #013E74 !important;
  transition: color 0.4s ease-in-out !important;
}

.lihover:hover .maintext,
.lihover:hover .maintext * {
  color: #FFFFFF !important;
}

/* =========================================
   4. Підзаголовок / Опис (.maindesk)
   ========================================= */
.lihover .maindesk,
.lihover .maindesk * {
  color: #787F88 !important;
  transition: color 0.4s ease-in-out !important;
}

.lihover:hover .maindesk,
.lihover:hover .maindesk * {
  color: #B2C5D5 !important;
}

/* =========================================
   5. Мобільна адаптація (до 767px)
   ========================================= */
@media (max-width: 767px) {
  .lihover .img-default,
  .lihover .img-hover {
    top: 10px;
    left: 10px;
  }

  .lihover .img-default img,
  .lihover .img-hover img {
    width: 50px;
    height: 50px;
    object-fit: contain;
  }

  .lihover {
    padding-top: 50px;
  }

  .lihover .maintext {
    margin-top: 0;
  }

  .lihover .maindesk {
    margin-top: 5px;
  }
}/* End custom CSS */