.elementor-kit-8{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#2E3C49;--e-global-color-text:#1A1A1A;--e-global-color-accent:#FF6B00;--e-global-color-5b8812f:#000000;--e-global-typography-primary-font-family:"Onest";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Onest";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Onest";--e-global-typography-text-font-size:30px;--e-global-typography-text-font-weight:600;--e-global-typography-accent-font-family:"Onest";--e-global-typography-accent-font-size:24px;--e-global-typography-accent-font-weight:600;--e-global-typography-96a2c3b-font-family:"Onest";--e-global-typography-96a2c3b-font-size:20px;--e-global-typography-96a2c3b-font-weight:400;--e-global-typography-7fee45f-font-family:"Onest";--e-global-typography-7fee45f-font-size:27px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.block {
  background: linear-gradient(
    135deg,
    #3A7D8C,
    #4FA3B5,
    #2F6672,
    #1F4E57
  );

  background-size: 200% 200%;
  animation: gradientMove 6s ease infinite;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  color: #fff;
  padding: 20px;
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes rotateFull {
    0% { transform: rotateY(0deg); opacity: 0.5; }
    100% { transform: rotateY(360deg); opacity: 1; }
}

.gmp-rotate-full img {
    /* Назва анімації */
    animation-name: rotateFull;
    animation-fill-mode: forwards;
    animation-iteration-count: 1; /* Тільки один раз */
    
    /* Прив'язка до прокрутки */
    view-timeline-name: --check-visible;
    view-timeline-axis: block;
    animation-timeline: --check-visible;

    /* Спрацьовує тільки коли елемент ПОВНІСТЮ увійшов (contain) */
    animation-range: contain 0% contain 45%;
}/* End custom CSS */