 .u-section-1 {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('images/Frame11.png'), linear-gradient(to bottom, rgba(114, 239, 233, 1), rgba(114, 239, 233, 1));
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: cover, cover, cover;
}

.u-section-1 .u-sheet-1 {
  min-height: 829px;
}

.u-section-1 .u-text-1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 700;
  font-size: 4.5rem;
  margin: 60px auto 0;
}

.u-section-1 .u-slider-1 {
  min-height: 572px;
  width: 506px;
  height: auto;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  margin: 29px auto 60px;
}

.u-section-1 .u-carousel-indicators-1 {
  position: absolute;
  width: auto;
  height: auto;
  top: auto;
  bottom: 40px;
}

.u-section-1 .u-image-1 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/0.png');
  background-position: 50% 0%;
  box-shadow: -2px 0 0 0 rgba(255,0,149,0);
}

.u-section-1 .u-container-layout-1 {
  padding: 20px 23px;
}

.u-section-1 .u-text-2 {
  font-size: 1.5rem;
  font-weight: 700;
  width: 340px;
  text-transform: uppercase;
  line-height: 1.25;
  margin: 0 auto;
}

.u-section-1 .u-text-3 {
  font-size: 1rem;
  font-weight: 400;
  width: 251px;
  margin: 281px auto 0;
}

.u-section-1 .u-btn-1 {
  font-size: 1rem;
  letter-spacing: 1px;
  background-image: none;
  text-transform: uppercase;
  font-weight: 700;
  margin: 25px auto 20px;
  padding: 9px 15px 10px 14px;
}

.u-section-1 .u-image-2 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/IMG_3174.JPG');
  background-position: 50% 50%;
}

.u-section-1 .u-container-layout-2 {
  padding: 23px 0;
}

.u-section-1 .u-text-4 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.3rem;
  width: 311px;
  line-height: 1.25;
  margin: 0 auto;
}

.u-section-1 .u-text-5 {
  font-size: 1rem;
  font-weight: 400;
  width: 281px;
  margin: 400px auto 0;
}

.u-section-1 .u-btn-2 {
  font-size: 1rem;
  letter-spacing: 1px;
  background-image: none;
  text-transform: uppercase;
  font-weight: 700;
  margin: 25px auto 20px;
  padding: 9px 15px 10px 14px;

}

.u-section-1 .u-image-3 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/IMG_9915.JPG');
  background-position: 50% 50%;
}

.u-section-1 .u-container-layout-3 {
  padding: 23px 50px;
}

.u-section-1 .u-text-6 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.25;
  margin: 0 30px;
}

.u-section-1 .u-text-7 {
  font-size: 1rem;
  font-weight: 400;
  width: 281px;
  margin: 307px auto 0;
}

.u-section-1 .u-btn-3 {
  font-size: 1rem;
  letter-spacing: 1px;
  background-image: none;
  text-transform: uppercase;
  font-weight: 700;
  margin: 25px auto 20px;
  padding: 9px 15px 10px 14px;
}

.u-section-1 .u-image-4 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/IMG_6626.JPG');
  background-position: 50% 50%;
}

.u-section-1 .u-container-layout-4 {
  padding: 30px 50px;


}

.u-section-1 .u-text-8 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.5rem;
  margin: 0 53px;

}

 .u-section-1 .u-text-3 {
    width: auto;
    margin-top: 350px;
    margin-left: -11px;
    margin-right: -11px;
  }

.u-section-1 .u-btn-4 {
  font-size: 1rem;
  letter-spacing: 1px;
  background-image: none;
  text-transform: uppercase;
  font-weight: 700;
  margin: 25px auto 20px;
  padding: 9px 15px 10px 14px;
}

.u-section-1 .u-image-5 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/djjd.JPG');
  background-position: 50% 50%;
}

.u-section-1 .u-container-layout-5 {
  padding: 30px 50px;
}

.u-section-1 .u-text-10 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.25rem;
  margin: 0 30px;
}

.u-section-1 .u-text-11 {
  font-size: 1rem;
  font-weight: 400;
  width: 281px;
  margin: 177px auto 0;
}

.u-section-1 .u-btn-5 {
  font-size: 1rem;
  letter-spacing: 1px;
  background-image: none;
  text-transform: uppercase;
  font-weight: 700;
  margin: 25px auto 20px;
  padding: 9px 15px 10px 14px;
}

.u-section-1 .u-carousel-control-1 {
  width: 56px;
  height: 56px;
  left: -72px;
  position: absolute;
  background-image: none;
  right: auto;
}

.u-section-1 .u-carousel-control-2 {
  width: 56px;
  height: 56px;
  left: auto;
  position: absolute;
  background-image: none;
  right: -72px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 684px;
  }

  .u-section-1 .u-btn-1 {
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-1 .u-btn-2 {
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    
  }

  .u-section-1 .u-text-6 {
    width: 311px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-1 .u-btn-3 {
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-1 .u-text-8 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-1 .u-btn-4 {
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-1 .u-text-10 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-1 .u-btn-5 {
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-1 .u-carousel-control-1 {
    left: -85px;
  }

  .u-section-1 .u-carousel-control-2 {
    right: -80px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 524px;
  }

  .u-section-1 .u-text-1 {
    width: auto;
  }

  .u-section-1 .u-slider-1 {
    min-height: 441px;
    width: 470px;
    margin-top: 129px;
    margin-bottom: -13px;
  }

  .u-section-1 .u-carousel-indicators-1 {
    bottom: 26px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-right: 60px;
    padding-left: 50px;
  }

  .u-section-1 .u-container-layout-2 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .u-section-1 .u-text-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .u-section-1 .u-text-5 {
    margin-left: 35px;
    margin-right: 35px;
  }

  .u-section-1 .u-container-layout-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-1 .u-text-6 {
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-1 .u-container-layout-4 {
    padding-left: 30px;
    padding-right: 30px;


  }

  .u-section-1 .u-text-8 {
    line-height: 1.25;
  }

  .u-section-1 .u-container-layout-5 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 393px;
  }

  .u-section-1 .u-text-1 {
    font-size: 3.75rem;
  }

  .u-section-1 .u-slider-1 {
    min-height: 467px;
    width: 441px;
    margin-top: 109px;
    margin-bottom: 0;
  }

  .u-section-1 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-1 .u-container-layout-2 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .u-section-1 .u-text-4 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .u-section-1 .u-text-5 {
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-1 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-1 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;



  }

  .u-section-1 .u-container-layout-5 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 745px;
  }

  .u-section-1 .u-text-1 {
    font-size: 3rem;
    margin-top: 23px;
  }

  .u-section-1 .u-slider-1 {
    min-height: 608px;
    width: 259px;
    margin-top: 23px;
    margin-bottom: 34px;
  }

  .u-section-1 .u-carousel-indicators-1 {
    bottom: 22px;
  }

  .u-section-1 .u-image-1 {
    background-position: 50% 50%;
  }

  .u-section-1 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-1 .u-text-2 {
    font-size: 1.125rem;
    width: auto;
    margin-left: -26px;
    margin-right: -26px;
  }

  .u-section-1 .u-text-3 {
    width: auto;
    margin-top: 350px;
    margin-left: -11px;
    margin-right: -11px;
  }

  .u-section-1 .u-btn-1 {
    margin-top: 25px;
  }

  .u-section-1 .u-container-layout-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-1 .u-text-4 {
    font-size: 1.2rem;
    margin-left: -26px;
    margin-right: -26px;
  }

  .u-section-1 .u-text-5 {
    width: auto;
    margin-top: px;
    margin-left: -11px;
    margin-right: -11px;
  }

  .u-section-1 .u-container-layout-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-1 .u-text-6 {
    font-size: 1.125rem;
    width: auto;
    margin-left: -26px;
    margin-right: -26px;
  }

  .u-section-1 .u-text-7 {
    width: auto;
    margin-top: 400px;
    margin-left: -11px;
    margin-right: -11px;
  }

  .u-section-1 .u-btn-3 {
    margin-top: 25px;
  }

  .u-section-1 .u-container-layout-4 {
    padding: 20px 0;


  }

  .u-section-1 .u-text-8 {
    font-size: 1.125rem;
    width: auto;
    font-weight: 800;
    margin-left: 10px;
    margin-right: 10px; 

  }

.u-section-1 .u-text-9 {
  font-size: 1rem;
  font-weight: 400;
  
  line-height: 1.4;
  text-align: center;
  

  /* тільки відступи для рівного положення */
  margin: 311px auto -16px;  /* зверху 40px, знизу 20px */
}


  .u-section-1 .u-btn-4 {
    margin-top: 25px;
  }

  .u-section-1 .u-container-layout-5 {
    padding: 20px 0;
  }

  .u-section-1 .u-text-10 {
    font-size: 1.125rem;
    width: auto;
    line-height: 1.25;
    margin-left: 10px;
    margin-right: 10px;
  }

  .u-section-1 .u-text-11 {
    width: auto;
    margin-top: 382px;
    margin-left: -11px;
    margin-right: -11px;
  }

  .u-section-1 .u-carousel-control-1 {
    left: -66px;
  }

  .u-section-1 .u-carousel-control-2 {
    right: -66px;
  }
} .u-section-2 {
  background-position: 50% 50%, 50% 0%;
  background-repeat: no-repeat, no-repeat;
  background-image: url("images/Frame11.png");
  background-size: cover, cover;
}

.u-section-2 .u-sheet-1 {
  min-height: 1272px;
}

.u-section-2 .u-layout-wrap-1 {
  margin-top: 61px;
  margin-bottom: 0;
}

.u-section-2 .u-layout-cell-1 {
  min-height: 452px;
}

.u-section-2 .u-container-layout-1 {
  padding: 30px;
}

.u-section-2 .u-text-1 {
  text-transform: uppercase;
  font-size: 2.8125rem;
  text-shadow: 2px -2px 28px rgba(255,0,149,1);
  margin: 0;
}

.u-section-2 .u-image-1 {
  min-height: 452px;
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('images/Frame11.png'), linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-size: cover;
}

.u-section-2 .u-container-layout-2 {
  box-shadow: -10px -2px 40px 0px rgba(255,0,149,0.5);
  padding: 30px;
}

.u-section-2 .u-text-2 {
  font-weight: 700;
  margin: 30px auto 0 0;
}

.u-section-2 .u-text-3 {
  line-height: 1.25;
  margin: 20px auto 0 0;
}

.u-section-2 .u-image-2 {
  min-height: 452px;
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('images/Frame11.png'), linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-size: cover;
}

.u-section-2 .u-container-layout-3 {
  box-shadow: -10px -2px 40px 0px rgba(255,0,149,0.5);
  padding: 30px;
}

.u-section-2 .u-text-4 {
  font-weight: 700;
  margin: 30px auto 0 0;
}

.u-section-2 .u-text-5 {
  line-height: 1.25;
  margin: 21px 0 0;
}

.u-section-2 .u-image-3 {
  min-height: 452px;
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('images/Frame11.png'), linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-size: cover;
}

.u-section-2 .u-container-layout-4 {
  box-shadow: -10px -2px 40px 0px rgba(255,0,149,0.5);
  padding: 30px;
}

.u-section-2 .u-text-6 {
  font-weight: 700;
  margin: 30px auto 0 0;
}

.u-section-2 .u-text-7 {
  --text-color-var: #f85bfc;
  line-height: 1.25;
  margin: 21px auto 0 0;
}

.u-section-2 .u-image-4 {
  min-height: 462px;
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('images/Frame11.png'), linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-size: cover;
}

.u-section-2 .u-container-layout-5 {
  box-shadow: -10px -2px 40px 0px rgba(255,0,149,0.5);
  padding: 30px;
}

.u-section-2 .u-text-8 {
  --text-color-var: #f85bfc;
  font-weight: 700;
  margin: 30px auto 0 0;
}

.u-section-2 .u-text-9 {
  --text-color-var: #d495d6;
  line-height: 1.25;
  margin: 20px 0 0;
}

.u-section-2 .u-image-5 {
  min-height: 462px;
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('images/Frame11.png'), linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-size: cover;
}

.u-section-2 .u-container-layout-6 {
  box-shadow: -10px -2px 40px 0px rgba(255,0,149,0.5);
  padding: 30px;
}

.u-section-2 .u-text-10 {
  --text-color-var: #f85bfc;
  font-weight: 700;
  margin: 30px auto 0 0;
}

.u-section-2 .u-text-11 {
  --text-color-var: #ffffff;
  line-height: 1.25;
  margin: 20px auto 0 0;
}

.u-section-2 .u-image-6 {
  min-height: 462px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('images/Frame11.png'), linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: cover, cover, cover;
}

.u-section-2 .u-container-layout-7 {
  box-shadow: -10px -2px 40px 0px rgba(255,0,149,0.5);
  padding: 30px 10px;
}

.u-section-2 .u-text-12 {
  --text-color-var: #f85bfc;
  font-weight: 700;
  margin: 30px auto 0 20px;
}

.u-section-2 .u-text-13 {
  --text-color-var: #ffffff;
  line-height: 1.25;
  margin: 20px 0 0;
}

.u-section-2 .u-image-7 {
  min-height: 462px;
  background-image: url('images/Frame11.png'), linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
  background-position: 50% 50%, 50% 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
}

.u-section-2 .u-container-layout-8 {
  box-shadow: -10px -2px 40px 0px rgba(255,0,149,0.5);
  padding: 30px 10px;
}

.u-section-2 .u-text-14 {
  --text-color-var: #f85bfc;
  font-weight: 700;
  margin: 30px auto 0 20px;
}

.u-section-2 .u-text-15 {
  --text-color-var: #ffffff;
  line-height: 1.25;
  margin: 20px 0 0;
}

.u-section-2 .u-text-16 {
  font-weight: 700;
  text-transform: uppercase;
  margin: 61px auto 0;
}

.u-section-2 .u-btn-1 {
  --radius: 6px;
  font-size: 1.5rem;
  background-image: none;
  padding-right: 59px;
  padding-left: 59px;
  font-weight: 700;
  margin: 30px auto 60px;
}

@media (max-width: 1199px) {
  .u-section-2 .u-sheet-1 {
    min-height: 888px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 372px;
  }

  .u-section-2 .u-image-1 {
    min-height: 372px;
  }

  .u-section-2 .u-text-3 {
    padding-left: 4px;
  }

  .u-section-2 .u-image-2 {
    min-height: 372px;
  }

  .u-section-2 .u-text-5 {
    padding-left: 4px;
  }

  .u-section-2 .u-image-3 {
    min-height: 372px;
  }

  .u-section-2 .u-text-7 {
    padding-left: 4px;
  }

  .u-section-2 .u-image-4 {
    min-height: 372px;
  }

  .u-section-2 .u-text-9 {
    padding-left: 4px;
  }

  .u-section-2 .u-image-5 {
    min-height: 381px;
  }

  .u-section-2 .u-text-11 {
    padding-left: 4px;
  }

  .u-section-2 .u-image-6 {
    min-height: 381px;
  }

  .u-section-2 .u-image-7 {
    min-height: 381px;
  }

  .u-section-2 .u-btn-1 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 1881px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-image-1 {
    min-height: 100px;
  }

  .u-section-2 .u-image-2 {
    min-height: 100px;
  }

  .u-section-2 .u-image-3 {
    min-height: 100px;
  }

  .u-section-2 .u-image-4 {
    min-height: 100px;
  }

  .u-section-2 .u-image-5 {
    min-height: 584px;
  }

  .u-section-2 .u-image-6 {
    min-height: 584px;
  }

  .u-section-2 .u-image-7 {
    min-height: 584px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-sheet-1 {
    min-height: 2906px;
  }

  .u-section-2 .u-text-1 {
    width: auto;
    margin-left: 37px;
    margin-right: 37px;
    font-size: 2.25rem;
  }

  .u-section-2 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;

  }

  .u-section-2 .u-container-layout-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-image-5 {
    min-height: 876px;
  }

  .u-section-2 .u-container-layout-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-image-6 {
    min-height: 876px;
  }

  .u-section-2 .u-image-7 {
    min-height: 876px;
  }
}

@media (max-width: 575px) {
   .u-section-2 {
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .u-section-2 .u-sheet-1 {
    min-height: 1822px;
  }

  .u-section-2 .u-layout-wrap-1 {
    margin-top: 58px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 86px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-top: 0;
    padding-bottom: 0;
  }
.u-section-2 .u-text-1 {
  font-size: 2.8rem;
  font-weight: 800;
  text-align: center;
  line-height: 1.3;
}

.u-section-2 .u-text-1 span {
  display: block;       /* робить "CO BĘDZIE?" окремим рядком */
  margin-bottom: -37px;  /* відступ вниз */
  color: #f5009b;       /* рожевий */
}
  .u-section-2 .u-text-1 {
    font-size: 1.875rem;
    margin-left: auto;
    margin-right: auto;
  
  }

  .u-section-2 .u-image-1 {
    min-height: 216px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: cover, cover, cover;
  }

  .u-section-2 .u-text-2 {
    width: auto;
    margin-top: 16px;
  }

  .u-section-2 .u-text-3 {
    margin-top: 19px;
  }

  .u-section-2 .u-image-2 {
    min-height: 183px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: cover, cover, cover;
  }

  .u-section-2 .u-text-4 {
    --text-color-var: #ffffff;
    width: auto;
    margin-top: 9px;
    margin-left: 6px;
  }

  .u-section-2 .u-text-5 {
    --text-color-var: #ffffff;
    width: auto;
    margin-top: 19px;
  }

  .u-section-2 .u-image-3 {
    min-height: 189px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: cover, cover, cover;
  }

  .u-section-2 .u-text-6 {
    --text-color-var: #ffffff;
    width: auto;
    margin-top: 13px;
    margin-left: 6px;
  }

  .u-section-2 .u-text-7 {
    --text-color-var: #ffffff;
  }

  .u-section-2 .u-image-4 {
    min-height: 202px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: cover, cover, cover;
    order: 0;
  }

  .u-section-2 .u-container-layout-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-2 .u-text-8 {
    --text-color-var: #ffffff;
    width: auto;
    margin-top: 0;
    margin-right: 214px;
    margin-left: 6px;
  }

  .u-section-2 .u-text-9 {
    --text-color-var: #ffffff;
    margin-left: 10px;
    margin-right: 10px;
  }

  .u-section-2 .u-image-5 {
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: cover, cover, cover;
    min-height: 441px;
    order: 3;
  }

  .u-section-2 .u-container-layout-6 {
    padding-top: 19px;
    padding-bottom: 194px;
  }

  .u-section-2 .u-text-10 {
    --text-color-var: #ffffff;
  }

  .u-section-2 .u-image-6 {
    min-height: 178px;
    order: 1;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .u-section-2 .u-text-12 {
    width: auto;
    margin-top: 9px;
    margin-left: 0;
  }

  .u-section-2 .u-text-13 {
    width: auto;
    margin-top: 21px;
  }

  .u-section-2 .u-image-7 {
    min-height: 212px;
    order: 2;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .u-section-2 .u-text-14 {
    width: auto;
    margin-top: 10px;
    margin-left: 6px;
  }

  .u-section-2 .u-text-15 {
    width: auto;
    margin-top: 21px;
  }

  .u-section-2 .u-text-16 {
    width: auto;
    margin-top: -186px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
/* Вирівнювання кнопки по низу картки */
.u-container-layout {
  display: flex;
  flex-direction: column;
}

/*fdfnsdkfsndksdfksdnfksdkfjdksjfkjfskdjfkjdfskjfdkjskjfdkjskj*/
/* =====================================================
   SLIDER MASTER: fixed height + per-slide tunables
   Вставити в кінець Coureses.css
   ===================================================== */

/* Глобальні дефолти (для всіх слайдів) */
:root{
  /* висота */
  --slide-h-desktop: 640px;
  --slide-h-mobile: 601px;


  /* заголовок */
  --title-size: 1.5rem;
  --title-weight: 700;
  --title-color: #ffffff;
  --title-tt: uppercase;
  --title-lh: 1.25;
  --title-mt: 0;
  --title-mb: 8px;
  --title-maxw: 340px;
  --title-align: center;

  /* опис */
  --desc-size: 1rem;
  --desc-weight: 400;
  --desc-color: #ffffff;
  --desc-lh: 1.35;
  --desc-mt: 144px;
  --desc-mb: 12px;
  --desc-maxw: 320px;
  --desc-align: center;

  /* кнопка */
  --btn-mt: 18px;
  --btn-mb: 24px;
  --btn-py: 12px;
  --btn-px: 24px;
  --btn-bg: #ff0095;
  --btn-color: #ffffff;
  --btn-radius: 50px;

  /* фото */
  --img-pos-x: 50%;
  --img-pos-y: 50%;
  --img-fit: cover; /* cover|contain */
}

/* 1) Фікс висоти */

  height: var(--slide-h-desktop) !important;
  min-height: var(--slide-h-desktop) !important;
  overflow: visible !important;
  box-sizing: border-box !important;

}
@media (max-width:575px){
  .u-section-1 .u-slider-1,
  .u-section-1 .u-carousel-inner,
  .u-section-1 .u-carousel-item{
    height: var(--slide-h-mobile) !important;
    min-height: var(--slide-h-mobile) !important;

  }
}

/* 2) Фото однаково */
.u-section-1 .u-image-1,
.u-section-1 .u-image-2,
.u-section-1 .u-image-3,
.u-section-1 .u-image-4,
.u-section-1 .u-image-5{
  background-position: var(--img-pos-x) var(--img-pos-y) !important;
  background-size: var(--img-fit) !important;
  background-repeat: no-repeat !important;

}

/* 3) Сітка всередині */
.u-section-1 .u-carousel-item [class^="u-container-layout-"],
.u-section-1 .u-carousel-item [class*=" u-container-layout-"]{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 20px 24px !important;
  min-height: 100% !important;
  box-sizing: border-box !important;

}

/* 4) Заголовки */
.u-section-1 .u-container-layout-1 .u-text-2,
.u-section-1 .u-container-layout-2 .u-text-4,
.u-section-1 .u-container-layout-3 .u-text-6,
.u-section-1 .u-container-layout-4 .u-text-8,
.u-section-1 .u-container-layout-5 .u-text-10{
  font-size: var(--title-size) !important;
  font-weight: var(--title-weight) !important;
  color: var(--title-color) !important;
  text-transform: var(--title-tt) !important;
  line-height: var(--title-lh) !important;
  margin: var(--title-mt) auto var(--title-mb) !important;
  width: 113% !important; max-width: var(--title-maxw) !important;
  text-align: var(--title-align) !important;

}

/* 5) Описи */
.u-section-1 .u-container-layout-1 .u-text-3,
.u-section-1 .u-container-layout-2 .u-text-5,
.u-section-1 .u-container-layout-3 .u-text-7,
.u-section-1 .u-container-layout-4 .u-text-9,
.u-section-1 .u-container-layout-5 .u-text-11 {
  font-size: var(--desc-size) !important;
  font-weight: var(--desc-weight) !important;
  color: var(--desc-color) !important;
  line-height: var(--desc-lh) !important;
  margin: var(--desc-mt) auto var(--desc-mb) !important;

  width: 100% !important;        /* робимо в межах контейнера */
  max-width: var(--desc-maxw) !important;
  text-align: center !important; /* центр */
  white-space: normal !important;
  word-wrap: break-word !important;
  display: block !important;     /* щоб margin auto працював */
}


/* 6) Кнопки */
.u-section-1 .u-container-layout-1 .u-btn-1,
.u-section-1 .u-container-layout-2 .u-btn-2,
.u-section-1 .u-container-layout-3 .u-btn-3,
.u-section-1 .u-container-layout-4 .u-btn-4,
.u-section-1 .u-container-layout-5 .u-btn-5{
  margin: var(--btn-mt) auto var(--btn-mb) !important;
  padding: var(--btn-py) var(--btn-px) !important;
  background-color: var(--btn-bg) !important;
  color: var(--btn-color) !important;
  border-radius: var(--btn-radius) !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  text-transform: uppercase !important; font-weight: 700 !important;
}

/* 7) Індивідуальні налаштування слайдів */

/* Slide 1 */
.u-section-1 .u-container-layout-1{
  --img-pos-y: 48%;
  --title-size: 1.6rem;
  --desc-mt: 335px;
  --btn-mt: -16px;
}

/* Slide 2 */
.u-section-1 .u-container-layout-2{
  --img-pos-y: 50%;
  --title-size: 1.5rem;
  --desc-mt: 316px;
  --btn-mt: -14px;
}

/* Slide 3 */
.u-section-1 .u-container-layout-3{
  --img-pos-y: 52%;
  --title-size: 1.5rem;
  --desc-mt: 330px;
  --btn-mt: -16px;
}

/* Slide 4 */
.u-section-1 .u-container-layout-4{
  --img-pos-y: 50%;
  --title-size: 4.2rem;
  --desc-mt: 301px;
  --btn-mt: -10px;
}

/* Slide 5 */
.u-section-1 .u-container-layout-5{
  --img-pos-y: 50%;
  --title-size: 1.5rem;
  --desc-mt: 251px;
  --btn-mt: -16px;
}

/* Mobile overrides */
@media (max-width:575px){
  .u-section-1 .u-container-layout-1,
  .u-section-1 .u-container-layout-2,
  .u-section-1 .u-container-layout-3,
  .u-section-1 .u-container-layout-4,
  .u-section-1 .u-container-layout-5{
    --title-size: 1.25rem;
    --desc-size: 0.85rem;
  }
}

/* глобально (якщо треба всім) */
:root{
  --title-align: center;   /* уже стоїть */
  --title-mt: -1;           /* підняти/опустити заголовок */
  --title-mb: 9px;         /* відступ униз від заголовка */
}


