.elementor-kit-10{--e-global-color-primary:#FE471D;--e-global-color-secondary:#FFA65C;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FF5C00;--e-global-color-bdc1aa9:#0F0F0F;--e-global-color-f985189:#1A1A1A;--e-global-color-efac8d5:#2A2A2A;--e-global-color-a392136:#5C5858;--e-global-color-7fcea86:#A8A8A8;--e-global-color-929f929:#B3B3B3;--e-global-color-d56f347:#E7E7E7;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-size:clamp(3.375rem, 5.476vw + 1.321rem, 6.25rem);--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-secondary-font-family:"Bebas Neue";--e-global-typography-secondary-font-size:clamp(3rem, 3.81vw + 1.571rem, 5rem);--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:clamp(1rem, 0.119vw + 0.955rem, 1.063rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:23px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:clamp(0.938rem, 0.119vw + 0.893rem, 1rem);--e-global-typography-accent-font-weight:600;--e-global-typography-bf124e5-font-family:"Bebas Neue";--e-global-typography-bf124e5-font-size:clamp(2.5rem, 2.143vw + 1.696rem, 3.625rem);--e-global-typography-bf124e5-font-weight:400;--e-global-typography-ea04994-font-family:"Bebas Neue";--e-global-typography-ea04994-font-size:clamp(2rem, 1.905vw + 1.286rem, 3rem);--e-global-typography-68cb22e-font-family:"Bebas Neue";--e-global-typography-68cb22e-font-size:clamp(1.5rem, 0.952vw + 1.143rem, 2rem);--e-global-typography-68cb22e-font-weight:400;--e-global-typography-d882a9e-font-family:"Bebas Neue";--e-global-typography-d882a9e-font-size:clamp(1.188rem, 0.595vw + 0.964rem, 1.5rem);--e-global-typography-d882a9e-font-weight:400;--e-global-typography-d882a9e-line-height:27px;--e-global-typography-91cd750-font-family:"Bebas Neue";--e-global-typography-91cd750-font-size:clamp(1rem, 0.238vw + 0.911rem, 1.125rem);--e-global-typography-91cd750-font-weight:400;--e-global-typography-c02b01e-font-family:"Inter";--e-global-typography-c02b01e-font-size:clamp(0.813rem, 0.119vw + 0.768rem, 0.875rem);--e-global-typography-c02b01e-font-weight:500;--e-global-typography-b1044db-font-family:"Inter";--e-global-typography-b1044db-font-size:clamp(0.813rem, 0.238vw + 0.723rem, 0.938rem);--e-global-typography-b1044db-font-weight:500;--e-global-typography-f97638d-font-family:"Inter";--e-global-typography-f97638d-font-size:clamp(0.875rem, 0.238vw + 0.786rem, 1rem);--e-global-typography-f97638d-font-weight:500;--e-global-typography-66f5ad5-font-family:"Inter";--e-global-typography-66f5ad5-font-size:12px;--e-global-typography-66f5ad5-font-weight:700;background-color:var( --e-global-color-bdc1aa9 );}.elementor-kit-10 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){margin-block-end: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-kit-10{--e-global-typography-primary-font-size:46px;--e-global-typography-bf124e5-line-height:43px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html, body {
    overflow-x: hidden;
}
	
.elementor-icon-list-text {
    transition: 0.3s;
}

.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}

/* Kontenery */

.pad-m{padding: clamp(2rem, 10.476vw - 1.929rem, 7.5rem) 20px;}

@media only screen and (max-width: 1100px) {

}


/* Przyciski */

.btn1 a, .btn2 a, .btn3 a, .btn4 a, .btn5 a {
    padding: 16px 32px;
    border-radius: 100px;
}

@media only screen and (max-width: 1000px) {
    .btn1 a, .btn2 a, .btn3 a, .btn4 a, .btn5 a {
        padding: 12px 24px 12px 24px;
    }
}

.btn1 a, .btn4 a:hover, .btn5 a:hover {
background: #FF5C00 !important;
color: #FFF !important;
border: 1px solid #FF5C00 !important;
}

.btn1 a:hover {
background:  #FE471D !important;
}

.btn2 a, .btn5 a {
background: transparent !important;
color: #FFF !important;
border: 1px solid #FFF !important;
}

.btn2 a:hover, .btn3 a, .btn4 a {
background: #FFF !important;
color: #0F0F0F !important;
}

.btn3 a:hover {
background:  #0F0F0F !important;
color: #FFF !important;
}

.workshopBox:hover .btn5 a {
    background: #FF5C00 !important;
    color: #FFF !important;
    border: 1px solid #FF5C00 !important;
}

.workshopImage {
    background-color: #FFF;
    background-blend-mode: luminosity, normal;
}

.workshopBox:hover .workshopImage {
    background-color: transparent;
    background-blend-mode: none;
}



/* WŁASNY CSS */


/* 1. Define the FORWARD animation (hover-on) */
@keyframes icon-move-right {
  /* Starts at the beginning position, fully visible */
  from {
    left: 0;
    opacity: 1;
  }
  /* Becomes invisible halfway through the move */
  50% {
    opacity: 0;
  }
  /* Ends at the final position, fully visible again */
  to {
    left: calc(100% - 20px);
    opacity: 1;
  }
}

/* 2. Define the BACKWARD animation (hover-off) */
@keyframes icon-move-left {
  /* Starts at the end position, fully visible */
  from {
    left: calc(100% - 20px);
    opacity: 1;
  }
  /* Becomes invisible halfway through the move */
  50% {
    opacity: 0;
  }
  /* Ends at the beginning position, fully visible again */
  to {
    left: 0;
    opacity: 1;
  }
}

/* --- Element Styling --- */

.btn-move .elementor-button-content-wrapper {
  position: relative;
}

.btn-move .elementor-button-text {
  padding-left: 26px;
  padding-right: 0;
  text-decoration: underline;
  transition: padding 0.4s ease, color 0.4s ease;
}

/* 3. Style the icon and apply the BACKWARD animation by default */
.btn-move .elementor-button-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  /* --- THIS IS KEY --- */
  /* Set the icon's resting state */
  left: 0;
  opacity: 1;

  /* Apply the return animation by default. It will only play when
     the hover state is removed. */
  animation: icon-move-left 0.4s ease;
}

/* --- HOVER EFFECT --- */

/* 4. On hover, apply the FORWARD animation */
.boxHover:hover .btn-move .elementor-button-icon {
  /* --- THIS IS KEY --- */
  /* This explicitly tells the icon to play the forward animation */
  animation: icon-move-right 0.4s ease;

  /* We also must explicitly set the final state of the icon,
     so it stays in place after the animation finishes. */
  left: calc(100% - 20px);
  opacity: 1;
}

.boxHover:hover .btn-move .elementor-button-text {
  padding-left: 0;
  padding-right: 26px;
  color: #FF5C00;
  text-decoration: none;
}

.boxHover:hover .btn-move .elementor-button-icon svg {
  fill: #FF5C00;
}

/* Tel przycisk do lewej */

@media only screen and (max-width: 600px) {
  .elementor-button {
    text-align: left !important;
  }
}

.elementor-button-icon svg {
    height: 1.5em;
}/* End custom CSS */