.elementor-kit-65{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-5f3294b:#9A9A94;--e-global-color-a0bb187:#FDFDFD;--e-global-color-a728687:#130C04;--e-global-color-66590af:#758A7C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-0ae35ec-font-family:"Tenor Sans";--e-global-typography-0ae35ec-font-size:45px;--e-global-typography-0ae35ec-font-weight:300;--e-global-typography-0ae35ec-text-transform:uppercase;--e-global-typography-a1b5897-font-family:"Montserrat";--e-global-typography-a1b5897-font-size:20px;--e-global-typography-a1b5897-font-weight:300;--e-global-typography-a1b5897-line-height:36px;--e-global-typography-a5729e8-font-family:"Montserrat";--e-global-typography-a5729e8-font-size:20px;--e-global-typography-a5729e8-font-weight:300;--e-global-typography-a5729e8-line-height:30px;--e-global-typography-3bdba97-font-family:"Montserrat";--e-global-typography-3bdba97-font-size:32px;--e-global-typography-3bdba97-font-weight:400;--e-global-typography-3bdba97-line-height:32px;--e-global-typography-3bdba97-letter-spacing:2px;--e-global-typography-fcfea68-font-family:"Montserrat";--e-global-typography-fcfea68-font-size:32px;--e-global-typography-fcfea68-font-weight:400;--e-global-typography-fcfea68-text-transform:uppercase;--e-global-typography-fcfea68-line-height:32px;--e-global-typography-fcfea68-letter-spacing:2px;--e-global-typography-bc0c2b3-font-family:"Montserrat";--e-global-typography-bc0c2b3-font-size:32px;--e-global-typography-bc0c2b3-font-weight:400;--e-global-typography-bc0c2b3-text-transform:uppercase;--e-global-typography-bc0c2b3-line-height:32px;--e-global-typography-bc0c2b3-letter-spacing:2px;--e-global-typography-9bd2acb-font-family:"Tenor Sans";--e-global-typography-9bd2acb-font-size:45px;--e-global-typography-9bd2acb-font-weight:300;--e-global-typography-9bd2acb-text-transform:uppercase;--e-global-typography-68eca8a-font-family:"Tenor Sans";--e-global-typography-68eca8a-font-size:45px;--e-global-typography-68eca8a-font-weight:300;--e-global-typography-68eca8a-text-transform:uppercase;--e-global-typography-6bfda34-font-family:"Montserrat";--e-global-typography-6bfda34-font-size:20px;--e-global-typography-6bfda34-font-weight:300;--e-global-typography-6bfda34-line-height:30px;--e-global-typography-6e13b44-font-family:"Montserrat";--e-global-typography-6e13b44-font-size:20px;--e-global-typography-6e13b44-font-weight:300;--e-global-typography-6e13b44-line-height:30px;}.elementor-kit-65 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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-65{--e-global-typography-9bd2acb-font-size:30px;--e-global-typography-68eca8a-font-size:30px;--e-global-typography-6bfda34-font-size:14px;--e-global-typography-6e13b44-font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Контейнер: всё по левому краю */
.hero-name, .hero-surname, .hero-sub {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.hero-name{
    padding-left: 20px !important;

}

/* Смещение “КУПРІЙ” и подписи вместе — резиново */
.hero-surname,
.hero-sub {
  padding-left: clamp(120px, 32vw, 220px) !important;
}


/* На очень узких телефонах смещение меньше */
@media (max-width: 380px){
  .hero-surname,
  .hero-sub {
    padding-left: clamp(80px, 126vw, 140px) !important;
  }
}

/* =========================
   DESKTOP titles positioning
   Works from 800px (includes 800x600)
========================= */

/* 1) Сбрасываем лишнее */
@media (min-width: 800px){
  .hero-name-d,
  .hero-surname-d{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Двигаем блок "СВІТЛАНА": вниз + вправо (резиново) */
  .hero-name-d{
    margin-top: clamp(70px, 6vw, 190px) !important;   /* верхний отступ */
  }
  .hero-name-d .elementor-heading-title{
    padding-left: clamp(120px, 10vw, 260px) !important; /* левый отступ */
    margin: 0 !important;
  }

  /* Двигаем "КУПРІЙ" сильнее вправо (резиново) */
  .hero-surname-d .elementor-heading-title{
    padding-left: clamp(500px, 22vw, 900px) !important;
    margin: 0 !important;
  }
}

/* 2) Для узкого “десктопа/планшета” 800–1024 (чтобы не улетало к краю) */
@media (min-width: 800px) and (max-width: 1024px){
  .hero-name-d{
    margin-top: clamp(20px, 5vw, 130px) !important;
  }
  .hero-name-d .elementor-heading-title{
    padding-left: clamp(50px, 9vw, 170px) !important;
  }
  .hero-surname-d .elementor-heading-title{
    padding-left: clamp(180px, 20vw, 420px) !important;
  }
}

/* 3) Для больших экранов 1366+ (чуть “богаче” отступы) */
@media (min-width: 1366px){
  .hero-name-d .elementor-heading-title{
    padding-left: clamp(140px, 11vw, 320px) !important;
  }
  .hero-surname-d .elementor-heading-title{
    padding-left: clamp(600px, 26vw, 1000px) !important;
  }
}


/* ========== MOBILE (до 767px) ========== */
@media (max-width: 767px){
  .hero-name-m{
    font-size: clamp(28px, 7vw, 44px) !important;
    line-height: 1.1 !important;
  }
  .hero-surname-m{
    font-size: clamp(26px, 6.5vw, 40px) !important;
    line-height: 1.1 !important;
  }
}
/* Средние мобильные (375–414px) — чуть уменьшаем Купрій */
@media (min-width: 370px) and (max-width: 667px){
  .hero-surname{
    font-size: clamp(24px, 6vw, 36px) !important;
  }
}

/* Очень маленькие телефоны (iPhone SE/320-360) — чуть уменьшаем */
@media (max-width: 360px){
  .hero-name .elementor-heading-title{
    font-size: clamp(36px, 7.6vw, 40px) !important;
  }
  .hero-surname .elementor-heading-title{
    font-size: clamp(36px, 7vw, 40px) !important;
  }
}


/* ========== TABLET (768–1024px) ========== */
@media (min-width: 768px) and (max-width: 1024px){
  .hero-name-d{
    font-size: clamp(40px, 5vw, 64px) !important;
  }
  .hero-surname-d{
    font-size: clamp(34px, 4.5vw, 56px) !important;
  }
}

/* ========== DESKTOP (от 1025px) ========== */
@media (min-width: 1025px){
  .hero-name-d{
    font-size: clamp(56px, 4vw, 1110px) !important;
    line-height: 1.05 !important;
  }
  .hero-surname-d{
    font-size: clamp(48px, 3.5vw, 110px) !important;
    line-height: 1.05 !important;
  }
}

/* Очень большие экраны 1600+ */
@media (min-width: 1600px){

  .hero-name-d .elementor-heading-title{
    font-size: 150px !important;
  }

  .hero-surname-d .elementor-heading-title{
    font-size: 150px !important;
  }

}/* End custom CSS */