.elementor-744 .elementor-element.elementor-element-692a258{--display:flex;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-744 .elementor-element.elementor-element-7c51192{--display:flex;--min-height:304px;--background-transition:0.3s;--margin-top:24px;--margin-bottom:0px;--margin-left:24px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-744 .elementor-element.elementor-element-7c51192:not(.elementor-motion-effects-element-type-background), .elementor-744 .elementor-element.elementor-element-7c51192 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D9D9D9;background-image:url("https://adg-pd.com/wp-content/uploads/2026/05/photo_5188343244469767643_y.jpg");}.elementor-744 .elementor-element.elementor-element-44f31f0{--display:flex;--min-height:36px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--border-radius:100px 100px 100px 100px;--margin-top:24px;--margin-bottom:0px;--margin-left:24px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-744 .elementor-element.elementor-element-44f31f0:not(.elementor-motion-effects-element-type-background), .elementor-744 .elementor-element.elementor-element-44f31f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-744 .elementor-element.elementor-element-ee8c7fd.elementor-element{--align-self:center;}.elementor-744 .elementor-element.elementor-element-ee8c7fd{text-align:center;}.elementor-744 .elementor-element.elementor-element-ee8c7fd .elementor-heading-title{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:600;color:#1E1E1E;}@media(max-width:1024px){.elementor-744 .elementor-element.elementor-element-7c51192{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-744 .elementor-element.elementor-element-44f31f0{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-744 .elementor-element.elementor-element-ee8c7fd{text-align:center;}}@media(min-width:768px){.elementor-744 .elementor-element.elementor-element-692a258{--width:100%;}.elementor-744 .elementor-element.elementor-element-7c51192{--width:100%;}.elementor-744 .elementor-element.elementor-element-44f31f0{--width:74%;}}@media(max-width:767px){.elementor-744 .elementor-element.elementor-element-7c51192{--width:84%;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-744 .elementor-element.elementor-element-44f31f0{--width:100%;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for heading, class: .elementor-element-ee8c7fd */.elementor-744 .elementor-element.elementor-element-ee8c7fd a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c51192 *//* 1. Додаємо плавність для красивого ефекту (це треба писати БЕЗ ховера) */
.elementor-744 .elementor-element.elementor-element-7c51192 .hover-box-inner,
.elementor-744 .elementor-element.elementor-element-7c51192 .hover-title-inner,
.elementor-744 .elementor-element.elementor-element-7c51192 .hover-title-inner * {
    transition: all 0.3s ease !important;
}

/* 2. При наведенні на батьківський (.elementor-744 .elementor-element.elementor-element-7c51192) міняємо фон дочірнього (hover-box-inner) */
.elementor-744 .elementor-element.elementor-element-7c51192:hover .hover-box-inner {
    background-color: #FF5C00 !important; /* Заміни на свій відтінок оранжевого з макета */
}

/* 3. При наведенні на батьківський міняємо колір заголовка (hover-title-inner) */
.elementor-744 .elementor-element.elementor-element-7c51192:hover .hover-title-inner,
.elementor-744 .elementor-element.elementor-element-7c51192:hover .hover-title-inner * {
    color: #ffffff !important;
}/* End custom CSS */