/* Csak a kért tartalmi módosításokhoz szükséges minimális kiegészítés. Az eredeti sablon képei, betűi és fő formázása változatlan marad. */
rs-module-wrap#rev_slider_7_1_wrapper, rs-module#rev_slider_7_1 { min-height: 100vh !important; }
.tp-bullets, rs-bullets { display: none !important; }

/* Gomb + logósor clearfix divek fehér hátterének megszüntetése */
.epgep-projects-cta-row + .vc_row-full-width,
.epgep-projects-final-logo-row + .vc_row-full-width,
.epgep-projects-cta-row ~ .vc_row-full-width {
  background-color: #011143 !important;
}
.epgep-reference-btn { background: #ffffff !important; color: #040e56 !important; border-color: #ffffff !important; }
.epgep-reference-btn:hover { background: #0f80fb !important; color: #040e56 !important; border-color: #0f80fb !important; }
.epgep-partner-name { display: flex; align-items: center; justify-content: center; min-height: 78px; padding: 14px 18px; color: #fff; font-weight: 700; text-align: center; line-height: 1.25; border: 1px solid rgba(255,255,255,.22); }
.epgep-quote-section { padding: 0 0 20px; }
.epgep-quote-row { display: flex; align-items: stretch; }
.epgep-quote-text { padding-top: 40px; }
.epgep-quote-text p { color: #6a7180; font-size: 16px; line-height: 1.75; }
.epgep-quote-form { background: #fff; padding: 48px 48px 42px; box-shadow: 0 22px 60px rgba(0,0,0,.08); }
.epgep-quote-form label { display: block; color: #0b143f; font-weight: 600; margin-bottom: 8px; }
.epgep-quote-form input, .epgep-quote-form select, .epgep-quote-form textarea { width: 100%; border: 1px solid #e5e5e5; background: #fff; min-height: 58px; padding: 12px 16px; margin-bottom: 28px; box-shadow: none; }
.epgep-quote-form textarea { min-height: 105px; resize: vertical; }
.epgep-quote-form button { border: 0; cursor: pointer; }
@media only screen and (max-width: 768px) {
  .epgep-quote-row { display: block; }
  .epgep-quote-form { padding: 30px 22px; }
  .epgep-quote-form .row { display: block; }
  .epgep-quote-form .large-6,
  .epgep-quote-form .medium-6,
  .epgep-quote-form .large-12 {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .epgep-quote-form input,
  .epgep-quote-form select,
  .epgep-quote-form textarea {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .epgep-quote-form button {
    width: 100% !important;
  }
}

/* Lokális asset-csomaghoz tartozó apró beállítások */
.epgep-local-icon { width: 56px; height: 56px; object-fit: contain; }


/* 2026-06-09 hibajavítások a képernyőképek alapján */
/* Slide kép visszaállítása és teljes képernyős magasság megtartása */
#home, #rev_slider_7_1_wrapper, #rev_slider_7_1,
rs-module-wrap#rev_slider_7_1_wrapper, rs-module#rev_slider_7_1 {
  min-height: 100vh !important;
}
#home { margin-bottom: 120px !important; }
#rev_slider_7_1 rs-slide img.rev-slidebg,
#rev_slider_7_1 .rev-slidebg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  opacity: 1 !important;
}

/* Rólunk és az alatta lévő blokkok lejjebb húzása, hogy ne lógjanak össze a slide-dal */
#rolunk { padding-top: 80px !important; margin-top: 0 !important; }
#rolunk .wd_empty_space:first-child { min-height: 120px !important; }

/* Szolgáltatások: a képes elem egységes magasságú legyen a szolgáltatás-kártyákkal */
#szolgaltatasok + .vc_row .border-shadow.text-icon.boxes {
  min-height: 290px !important;
  height: 290px !important;
  display: flex !important;
  align-items: center !important;
}
#szolgaltatasok + .vc_row .wpb_single_image,
#szolgaltatasok + .vc_row .wpb_single_image .vc_figure,
#szolgaltatasok + .vc_row .wpb_single_image .vc_single_image-wrapper {
  width: 100% !important;
  height: 290px !important;
  display: block !important;
}
#szolgaltatasok + .vc_row .wpb_single_image img {
  width: 100% !important;
  height: 290px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Projektek: eredeti portfólió-rács arányainak helyreállítása */
#referenciak { margin-bottom: 0 !important; padding-bottom: 0 !important; }
#referenciak + .vc_row,
#referenciak + .vc_row.vc_custom_1575569633532 {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background-color: #011143 !important;
}
#referenciak + .vc_row .portfolio_style-2,
#referenciak + .vc_row .portfolio_grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#referenciak + .vc_row .portfolio_grid--item {
  padding: 0 !important;
  margin: 0 !important;
}
#referenciak + .vc_row .portfolio_grid--item .item {
  min-height: 360px !important;
  overflow: hidden !important;
  position: relative !important;
}
#referenciak + .vc_row .portfolio_grid--item img.wp-post-image {
  width: 100% !important;
  height: 360px !important;
  object-fit: cover !important;
  display: block !important;
  opacity: 1 !important;
}
#referenciak + .vc_row .portfolio_grid--item .info {
  z-index: 3 !important;
}

/* Ajánlatkérés: csak a bal oldali cím marad, halvány háttérfelirat E_MAIL */
#ajanlat-form { padding-top: 40px !important; }
#ajanlat-form .epgep-quote-text .wd-heading .title_a:before,
#ajanlat-form .epgep-quote-text .wd-heading .title_a:after {
  content: attr(data-text) !important;
}

/* Lábléc: magyar tartalom, menüjelölők eltávolítása */
.first-footer .widget_nav_menu ul.menu,
.first-footer .widget_nav_menu ul.menu li,
.first-footer .widget_recent_entries ul,
.first-footer .widget_recent_entries li {
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
}
.first-footer .widget_nav_menu ul.menu li:before,
.first-footer .widget_recent_entries li:before {
  content: ">" !important;
  display: inline-block !important;
  margin-right: 6px !important;
}
.first-footer .widget_nav_menu ul.menu li a:before {
  display: none !important;
  content: none !important;
}
.first-footer .widget_nav_menu ul.menu li a,
.first-footer .widget_recent_entries li {
  padding-left: 0 !important;
}

/* 2026-06-09 végleges javítások: slide tipó, demo/chat eltávolítás, egységes blokktávolság, projektrács */
/* WebDevia demo panel + Crisp chat biztos elrejtése, akkor is ha külső JS próbálná betölteni */
.demos-panel,
.demo-panel,
.wd-demo-panel,
.wd-buy-panel,
.wd_buy_panel,
.purchase-panel,
.crisp-client,
#crisp-chatbox,
iframe[src*="crisp"],
.hidden-cart,
.show-cart-btn,
.min-search,
.overlay-search {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Slide: ugyanaz a sans-serif karakter, mint az oldal többi részén */

/* Slide KAPCSOLATFELVÉTEL gomb aláhúzás: sárga helyett #0f80fb */
#rev_slider_7_1 a.rev-btn,
#rev_slider_7_1 a.rev-btn[id$="layer-10"],
#rev_slider_7_1 .rs-layer.rev-btn {
  background-image: linear-gradient(to right, #0f80fb 0%, #0f80fb 100%) !important;
  background-position: 0 calc(100% - .15em) !important;
  background-repeat: no-repeat !important;
}
#rev_slider_7_1 rs-layer,
#rev_slider_7_1 .rs-layer,
#rev_slider_7_1 .rev-btn {
  font-family: 'Inter', 'Open Sans', Arial, sans-serif !important;
}
#rev_slider_7_1 rs-layer[id$="layer-1"] {
  font-family: 'Inter', 'Open Sans', Arial, sans-serif !important;
  font-size: 72px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  white-space: normal !important;
  max-width: 760px !important;
}
#rev_slider_7_1 rs-layer[id$="layer-2"] {
  font-family: 'Inter', 'Open Sans', Arial, sans-serif !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}
#rev_slider_7_1 rs-layer[id$="layer-6"] {
  font-family: 'Open Sans', Arial, sans-serif !important;
  line-height: 1.55 !important;
  max-width: 760px !important;
}
#rev_slider_7_1 a.rev-btn[id$="layer-10"] {
  font-family: 'Inter', 'Open Sans', Arial, sans-serif !important;
  min-width: 230px !important;
  height: 52px !important;
  line-height: 50px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  white-space: nowrap !important;
  letter-spacing: .2px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* A slide és a Rólunk távolsága, illetve a fő blokkok közti távolság egységesítése */
#home { margin-bottom: 60px !important; }
#rolunk { padding-top: 0 !important; margin-top: 0 !important; }
#rolunk .wd_empty_space:first-child,
#szolgaltatasok .wd_empty_space:first-child,
#referenciak .wd_empty_space:first-child,
#kapcsolat .wd_empty_space:first-child,
#ajanlat-form .wd_empty_space:first-child {
  height: 60px !important;
  min-height: 60px !important;
}
#rolunk + .vc_row,
#szolgaltatasok + .vc_row,
#kapcsolat + .vc_row {
  margin-top: 0 !important;
}

/* Projektek 2026: eredeti jellegű, 3x2-es képes portfóliórács visszaállítása */
#referenciak {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
#referenciak .wd_empty_space:first-child {
  height: 72px !important;
  min-height: 72px !important;
}
#referenciak + .vc_row-full-width + .epgep-projects-row,
.epgep-projects-row {
  background: #011143 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  left: auto !important;
}
.epgep-projects-row .vc_column-inner,
.epgep-projects-row .wpb_wrapper,
.epgep-projects-style {
  padding: 0 !important;
  margin: 0 !important;
}
.epgep-projects-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}
.epgep-projects-grid .epgep-project-item {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  list-style: none !important;
}
.epgep-project-card {
  position: relative !important;
  display: block !important;
  height: 360px !important;
  min-height: 360px !important;
  overflow: hidden !important;
  background: #011143 !important;
}
.epgep-project-card img {
  width: 100% !important;
  height: 100% !important;
  min-height: 360px !important;
  object-fit: cover !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}
.epgep-project-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(1, 17, 67, .08) !important;
  z-index: 1 !important;
  transition: background .25s ease !important;
}
.epgep-project-card:hover::before {
  background: rgba(1, 17, 67, .55) !important;
}
.epgep-project-info {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 62% !important;
  min-height: 118px !important;
  padding: 28px 38px !important;
  background: #0f80fb !important;
  z-index: 3 !important;
  opacity: 1 !important;
  transform: none !important;
}
.epgep-project-info .wd-portfolio-category,
.epgep-project-info .wd-portfolio-category-holder,
.epgep-project-info h4,
.epgep-project-info h4 a {
  color: #011143 !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
.epgep-project-info .wd-portfolio-category {
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}
.epgep-project-info h4 {
  margin: 8px 0 0 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}
.epgep-reference-button-row {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: #011143 !important;
}
@media only screen and (max-width: 1024px) {
  #rev_slider_7_1 rs-layer[id$="layer-1"] { font-size: 48px !important; line-height: 1.12 !important; }
  .epgep-projects-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media only screen and (max-width: 640px) {
  #home { margin-bottom: 35px !important; }
  #rev_slider_7_1 a.rev-btn[id$="layer-10"] { min-width: 190px !important; }
  #rev_slider_7_1 rs-layer[id$="layer-1"] { font-size: 38px !important; line-height: 1.15 !important; }
  .epgep-projects-grid { grid-template-columns: 1fr !important; }
  .epgep-project-card { height: 300px !important; min-height: 300px !important; }
  .epgep-project-card img { min-height: 300px !important; }
  .epgep-project-info { width: 78% !important; padding: 22px 26px !important; }
}


/* 2026-06-09 finomhangolás: hero arányok a 2. képminta szerint + jobb alsó navigáció */
#rev_slider_7_1 rs-layer[id$="layer-1"] {
  font-size: 84px !important;
  line-height: 1.14 !important;
  letter-spacing: -1.0px !important;
  max-width: 870px !important;
}
#rev_slider_7_1 rs-layer[id$="layer-2"] {
  letter-spacing: 4px !important;
}
#rev_slider_7_1 rs-layer[id$="layer-6"] {
  max-width: 870px !important;
  font-size: 20px !important;
}
#rev_slider_7_1 a.rev-btn[id$="layer-10"] {
  min-width: 230px !important;
}

/* Slider nyilak – felülírja a theme-main.css .metis szabályait */
/* Alap: #09184f háttér, fehér nyíl */
.metis.tparrows {
  background: #09184f !important;
}
.metis.tparrows:before {
  color: #fff !important;
}
/* Hover: fehér háttér, #09184f nyíl */
.metis.tparrows.rs-touchhover {
  background: #fff !important;
}
.metis.tparrows.rs-touchhover:before {
  color: #09184f !important;
  transform: scale(1.5) !important;
}
/* Méret és forma */
#rev_slider_7_1_wrapper .tparrows,
#rev_slider_7_1_wrapper rs-arrow,
#rev_slider_7_1_wrapper .rs-arrow {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

@media only screen and (max-width: 1024px) {
  #rev_slider_7_1 rs-layer[id$="layer-1"] { font-size: 52px !important; line-height: 1.12 !important; max-width: 520px !important; }
  #rev_slider_7_1 rs-layer[id$="layer-6"] { max-width: 520px !important; }
}
@media only screen and (max-width: 640px) {
  #rev_slider_7_1 rs-layer[id$="layer-1"] { font-size: 40px !important; line-height: 1.16 !important; letter-spacing: -0.8px !important; }
  #rev_slider_7_1_wrapper .tparrows,
  #rev_slider_7_1_wrapper rs-arrow,
  #rev_slider_7_1_wrapper .rs-arrow { width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; }
}


/* 2026-06-09 Rólunk blokk finomhangolás a mintakép szerint */
#rolunk {
  display: flex !important;
  align-items: center !important;
}
#rolunk > .wpb_column {
  float: none !important;
}
#rolunk .vc_col-sm-6 .wd_empty_space:first-child,
#rolunk .vc_col-sm-5 .wd_empty_space:first-child {
  display: none !important;
}
#rolunk .vc_col-sm-6 .wpb_wrapper {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 540px !important;
}
#rolunk .wd-heading .title_a {
  position: relative !important;
  display: inline-block !important;
  z-index: 1 !important;
}
#rolunk .wd-heading .title_a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  height: 14px !important;
  bottom: 6px !important;
  background: #0f80fb !important;
  z-index: -1 !important;
}
#rolunk .wpb_text_column {
  max-width: 640px !important;
}
@media only screen and (max-width: 1024px) {
  #rolunk { display: block !important; }
  #rolunk .vc_col-sm-6 .wpb_wrapper { min-height: auto !important; }
}


/* 2026-06-09 Rólunk blokk véglegesítése a küldött látvány szerint */
#rolunk {
  padding-top: 82px !important;
  padding-bottom: 82px !important;
}
#rolunk .vc_col-sm-6 > .vc_column-inner,
#rolunk .vc_col-sm-5 > .vc_column-inner,
#rolunk .vc_col-sm-1 > .vc_column-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#rolunk .vc_col-sm-6 .wpb_wrapper {
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: 505px !important;
}
#rolunk .vc_col-sm-5 .wpb_wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 505px !important;
}
#rolunk .wd-heading {
  margin-bottom: 18px !important;
}
#rolunk .wd-heading .sub_title_a {
  display: none !important;
}
#rolunk .wd-heading .title_a {
  font-size: 66px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #05125e !important;
  letter-spacing: -1px !important;
  margin: 0 !important;
}
#rolunk .wd-heading .title_a::before {
  content: attr(data-text) !important;
  position: absolute !important;
  left: -18px !important;
  top: -58px !important;
  font-size: 116px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -2px !important;
  color: rgba(5, 18, 94, 0.045) !important;
  z-index: -2 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}
#rolunk .wd-heading .title_a::after {
  left: 0 !important;
  right: auto !important;
  width: calc(100% + 4px) !important;
  height: 15px !important;
  bottom: 4px !important;
  background: #0f80fb !important;
}
#rolunk .wpb_text_column {
  max-width: 660px !important;
}
#rolunk .wpb_text_column p {
  color: #6e7382 !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  margin: 0 0 22px !important;
}
#rolunk .wpb_text_column p:last-child {
  margin-bottom: 0 !important;
}
#rolunk .wpb_single_image,
#rolunk .wpb_single_image .vc_figure,
#rolunk .wpb_single_image .vc_single_image-wrapper {
  margin: 0 !important;
  display: block !important;
}
#rolunk .wpb_single_image .vc_single_image-wrapper {
  border: 0 !important;
  box-shadow: none !important;
  max-width: 540px !important;
}
#rolunk .wpb_single_image img {
  width: 540px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}
@media only screen and (max-width: 1024px) {
  #rolunk { padding-top: 55px !important; padding-bottom: 55px !important; }
  #rolunk .vc_col-sm-5 .wpb_wrapper,
  #rolunk .vc_col-sm-6 .wpb_wrapper { min-height: auto !important; }
  #rolunk .wd-heading .title_a { font-size: 52px !important; }
  #rolunk .wd-heading .title_a::before { font-size: 84px !important; top: -40px !important; left: -10px !important; }
}
@media only screen and (max-width: 640px) {
  #rolunk .wd-heading .title_a { font-size: 40px !important; }
  #rolunk .wd-heading .title_a::before { font-size: 58px !important; top: -24px !important; left: -6px !important; }
  #rolunk .wpb_text_column p { font-size: 15px !important; line-height: 1.75 !important; }
}


/* 2026-06-09 Rólunk blokk korrekció: a csatolt mintához igazítva */
#rolunk {
  min-height: 700px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}
#rolunk > .wpb_column {
  float: none !important;
}
#rolunk .vc_col-sm-6 .wd_empty_space,
#rolunk .vc_col-sm-5 .wd_empty_space {
  display: none !important;
}
#rolunk .vc_col-sm-6 .wpb_wrapper {
  min-height: 505px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
#rolunk .vc_col-sm-5 .wpb_wrapper {
  min-height: 505px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#rolunk .wd-heading {
  margin: 0 0 32px 0 !important;
  padding: 0 !important;
}
#rolunk .wd-heading .sub_title_a {
  display: none !important;
}
#rolunk .wd-heading .title_a {
  position: relative !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 66px !important;
  line-height: .95 !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  color: #05125e !important;
  z-index: 2 !important;
  background: linear-gradient(to top, #0f80fb 0 14px, transparent 14px) !important;
}
#rolunk .wd-heading .title_a::after {
  content: none !important;
  display: none !important;
}
#rolunk .wd-heading .title_a::before {
  content: attr(data-text) !important;
  position: absolute !important;
  left: -20px !important;
  top: -54px !important;
  font-size: 116px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -2px !important;
  color: rgba(5, 18, 94, 0.045) !important;
  z-index: -1 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}
#rolunk .wpb_text_column {
  max-width: 660px !important;
  margin: 0 !important;
}
#rolunk .wpb_text_column p {
  color: #6e7382 !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  margin: 0 0 22px 0 !important;
}
#rolunk .wpb_text_column p:last-child {
  margin-bottom: 0 !important;
}
#rolunk .wpb_single_image,
#rolunk .wpb_single_image .vc_figure,
#rolunk .wpb_single_image .vc_single_image-wrapper {
  margin: 0 !important;
  display: block !important;
}
#rolunk .wpb_single_image .vc_single_image-wrapper {
  border: 0 !important;
  box-shadow: none !important;
  max-width: 540px !important;
}
#rolunk .wpb_single_image img {
  width: 540px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}
@media only screen and (max-width: 1024px) {
  #rolunk {
    min-height: auto !important;
    padding-top: 55px !important;
    padding-bottom: 55px !important;
    display: block !important;
  }
  #rolunk .vc_col-sm-5 .wpb_wrapper,
  #rolunk .vc_col-sm-6 .wpb_wrapper {
    min-height: auto !important;
  }
  #rolunk .wd-heading .title_a {
    font-size: 52px !important;
  }
  #rolunk .wd-heading .title_a::before {
    font-size: 84px !important;
    top: -40px !important;
    left: -10px !important;
  }
}
@media only screen and (max-width: 640px) {
  #rolunk .wd-heading .title_a {
    font-size: 40px !important;
  }
  #rolunk .wd-heading .title_a::before {
    font-size: 58px !important;
    top: -24px !important;
    left: -6px !important;
  }
  #rolunk .wpb_text_column p {
    font-size: 15px !important;
    line-height: 1.75 !important;
  }
}


/* 2026-06-09 Rólunk blokk finom korrekció a 2. mintakép pontosabb követéséhez */
#rolunk {
  min-height: 690px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}
#rolunk .vc_col-sm-6 .wd_empty_space,
#rolunk .vc_col-sm-5 .wd_empty_space,
#rolunk .vc_col-sm-1 .wd_empty_space {
  display: none !important;
}
#rolunk .vc_col-sm-6 > .vc_column-inner,
#rolunk .vc_col-sm-5 > .vc_column-inner,
#rolunk .vc_col-sm-1 > .vc_column-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#rolunk .vc_col-sm-6 .wpb_wrapper {
  min-height: 470px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  padding-top: 28px !important;
}
#rolunk .vc_col-sm-5 .wpb_wrapper {
  min-height: 470px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#rolunk .wd-heading {
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
}
#rolunk .wd-heading .sub_title_a {
  display: none !important;
}
#rolunk .wd-heading .title_a {
  position: relative !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 64px !important;
  line-height: .94 !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  color: #041563 !important;
  z-index: 2 !important;
  background: linear-gradient(to top, #0f80fb 0 13px, transparent 13px) !important;
}
#rolunk .wd-heading .title_a::after {
  content: none !important;
  display: none !important;
}
#rolunk .wd-heading .title_a::before {
  content: attr(data-text) !important;
  position: absolute !important;
  left: -18px !important;
  top: -48px !important;
  font-size: 108px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -2px !important;
  color: rgba(4, 21, 99, 0.045) !important;
  z-index: -1 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}
#rolunk .wpb_text_column {
  max-width: 650px !important;
  margin: 0 !important;
}
#rolunk .wpb_text_column .wpb_wrapper {
  display: block !important;
  min-height: auto !important;
  padding-top: 0 !important;
}
#rolunk .wpb_text_column p {
  color: #6e7382 !important;
  font-size: 16px !important;
  line-height: 1.82 !important;
  margin: 0 0 18px 0 !important;
}
#rolunk .wpb_text_column p:last-child {
  margin-bottom: 0 !important;
}
#rolunk .wpb_single_image,
#rolunk .wpb_single_image .vc_figure,
#rolunk .wpb_single_image .vc_single_image-wrapper {
  margin: 0 !important;
  display: block !important;
}
#rolunk .wpb_single_image .vc_single_image-wrapper {
  border: 0 !important;
  box-shadow: none !important;
  max-width: 540px !important;
}
#rolunk .wpb_single_image img {
  width: 540px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}
@media only screen and (max-width: 1024px) {
  #rolunk {
    min-height: auto !important;
    padding-top: 55px !important;
    padding-bottom: 55px !important;
    display: block !important;
  }
  #rolunk .vc_col-sm-6 .wpb_wrapper,
  #rolunk .vc_col-sm-5 .wpb_wrapper {
    min-height: auto !important;
    padding-top: 0 !important;
  }
  #rolunk .wd-heading .title_a {
    font-size: 52px !important;
  }
  #rolunk .wd-heading .title_a::before {
    font-size: 82px !important;
    top: -34px !important;
    left: -10px !important;
  }
}
@media only screen and (max-width: 640px) {
  #rolunk .wd-heading .title_a {
    font-size: 40px !important;
  }
  #rolunk .wd-heading .title_a::before {
    font-size: 58px !important;
    top: -22px !important;
    left: -6px !important;
  }
  #rolunk .wpb_text_column p {
    font-size: 15px !important;
    line-height: 1.75 !important;
  }
}


/* 2026-06-09 Projektek 2026 cím és CTA gomb */
.epgep-projects-cta-row {
  background: #011143 !important;
}
.epgep-projects-cta-wrap {
  text-align: center !important;
}
.epgep-projects-cta-btn {
  display: inline-block !important;
  background: #ffffff !important;
  color: #011143 !important;
  border: 0 !important;
  padding: 17px 22px !important;
  width: 250px !important;
  min-width: 250px !important;
  height: 56px !important;
  line-height: 22px !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: .25px !important;
  text-transform: uppercase !important;
}
.epgep-projects-cta-btn:hover {
  background: #0f80fb !important;
  color: #040e56 !important;
}


/* 2026-06-09 Ajánlatkérés blokk finomhangolás */
.vc_custom_1569260648992 .wd_empty_space {
  height: 25px !important;
  min-height: 25px !important;
}
#ajanlat-form {
  padding-top: 40px !important;
}
#ajanlat-form .epgep-quote-text {
  padding-top: 18px !important;
}
#ajanlat-form .epgep-quote-text .wd-heading {
  margin-bottom: 26px !important;
}
#ajanlat-form .epgep-quote-text .wd-heading .title_a {
  position: relative !important;
  display: inline-block !important;
  max-width: 520px !important;
  margin: 0 !important;
  color: #040e56 !important;
  font-size: 68px !important;
  line-height: 1.02 !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
}
#ajanlat-form .epgep-quote-text .wd-heading .title_a:before {
  content: attr(data-text) !important;
  position: absolute !important;
  left: -8px !important;
  top: -26px !important;
  font-size: 110px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -2px !important;
  color: rgba(4, 14, 86, 0.05) !important;
  z-index: -1 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}
#ajanlat-form .epgep-quote-text .wd-heading .title_a:after {
  content: none !important;
  display: none !important;
}
#ajanlat-form .epgep-quote-text .wd-heading .title_a span {
  display: inline-block !important;
  background: linear-gradient(to top, #0f80fb 0 15px, transparent 15px) !important;
  padding-right: 8px !important;
}
#ajanlat-form .epgep-quote-text p {
  max-width: 520px !important;
}

/* Projektek CTA gomb: marad a méret, de ne legyen félkövér és ugyanúgy viselkedjen hoverre */
.epgep-projects-cta-btn {
  font-weight: 600 !important;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease !important;
}
.epgep-projects-cta-btn:hover,
.epgep-projects-cta-btn:focus {
  background: #0f80fb !important;
  color: #040e56 !important;
  border-color: #0f80fb !important;
}

@media only screen and (max-width: 768px) {
  .vc_custom_1569260648992 .wd_empty_space {
    height: 12px !important;
    min-height: 12px !important;
  }
  #ajanlat-form {
    padding-top: 20px !important;
  }
  #ajanlat-form .epgep-quote-text .wd-heading .title_a {
    font-size: 44px !important;
    line-height: 1.05 !important;
    max-width: 100% !important;
  }
  #ajanlat-form .epgep-quote-text .wd-heading .title_a:before {
    font-size: 68px !important;
    top: -16px !important;
    left: -4px !important;
  }
}


/* 2026-06-09 Referencia logók csere - felső logósor igazítás */
.vc_custom_1576675896062 .wd-clients-carousel-item img {
  width: 150px !important;
  height: 140px !important;
  object-fit: contain !important;
}


/* 2026-06-09 Referencia logók: csak alsó kicsi sor, 8 elem */
.vc_custom_1575894983499 .wd-clients-carousel-item img {
  width: 80px !important;
  height: 76px !important;
  object-fit: contain !important;
}


/* 2026-06-10 Finom görgetési animációk: Rólunk + Szolgáltatások */
.epgep-animate-up {
  opacity: 0;
  transform: translateY(42px);
  transition:
    opacity .85s ease,
    transform .85s cubic-bezier(.22, .61, .36, 1);
  will-change: opacity, transform;
}
.epgep-animate-up.epgep-inview {
  opacity: 1;
  transform: translateY(0);
}
.epgep-animate-soft {
  opacity: 0;
  transform: translateY(34px) scale(.985);
  transition:
    opacity .9s ease,
    transform .9s cubic-bezier(.22, .61, .36, 1);
  will-change: opacity, transform;
}
.epgep-animate-soft.epgep-inview {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.epgep-animate-delay-1 { transition-delay: .08s; }
.epgep-animate-delay-2 { transition-delay: .16s; }
.epgep-animate-delay-3 { transition-delay: .24s; }
.epgep-animate-delay-4 { transition-delay: .32s; }
.epgep-animate-delay-5 { transition-delay: .40s; }
.epgep-animate-delay-6 { transition-delay: .48s; }

@media (prefers-reduced-motion: reduce) {
  .epgep-animate-up,
  .epgep-animate-soft {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* 2026-06-10 Profi teljes oldalas animációs rendszer */
:root {
  --epgep-motion-distance: 44px;
  --epgep-motion-ease: cubic-bezier(.22, .61, .36, 1);
  --epgep-motion-fast: .55s;
  --epgep-motion-normal: .82s;
  --epgep-motion-slow: 1.05s;
}

/* Alap scroll reveal */
.epgep-motion {
  opacity: 0;
  transform: translate3d(0, var(--epgep-motion-distance), 0);
  transition:
    opacity var(--epgep-motion-normal) ease,
    transform var(--epgep-motion-normal) var(--epgep-motion-ease),
    box-shadow .28s ease,
    background-color .25s ease,
    color .25s ease;
  will-change: opacity, transform;
}
.epgep-motion.epgep-inview {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.epgep-motion-left {
  transform: translate3d(-38px, 24px, 0);
}
.epgep-motion-right {
  transform: translate3d(38px, 24px, 0);
}
.epgep-motion-zoom {
  transform: translate3d(0, 32px, 0) scale(.975);
}
.epgep-motion-left.epgep-inview,
.epgep-motion-right.epgep-inview,
.epgep-motion-zoom.epgep-inview {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Finom késleltetések */
.epgep-delay-1 { transition-delay: .06s; }
.epgep-delay-2 { transition-delay: .12s; }
.epgep-delay-3 { transition-delay: .18s; }
.epgep-delay-4 { transition-delay: .24s; }
.epgep-delay-5 { transition-delay: .30s; }
.epgep-delay-6 { transition-delay: .36s; }
.epgep-delay-7 { transition-delay: .42s; }
.epgep-delay-8 { transition-delay: .48s; }

/* Hero: belépő mozgás az első képernyőn */
#rev_slider_7_1 rs-layer[id$="layer-2"],
#rev_slider_7_1 rs-layer[id$="layer-1"],
#rev_slider_7_1 rs-layer[id$="layer-6"],
#rev_slider_7_1 a.rev-btn[id$="layer-10"] {
  animation: epgepHeroRise .95s var(--epgep-motion-ease) both;
}
#rev_slider_7_1 rs-layer[id$="layer-2"] { animation-delay: .10s; }
#rev_slider_7_1 rs-layer[id$="layer-1"] { animation-delay: .20s; }
#rev_slider_7_1 rs-layer[id$="layer-6"] { animation-delay: .34s; }
#rev_slider_7_1 a.rev-btn[id$="layer-10"] { animation-delay: .46s; }

@keyframes epgepHeroRise {
  from {
    opacity: 0;
    transform: translate3d(0, 34px, 0);
    filter: blur(5px);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

/* Képek és kártyák mikrointerakciói */
#rolunk .wpb_single_image img,
.portfolio_grid--item .item img,
.best-services .text-icon img,
#geppark,
.owl-testimonial .wd-testimonial__item,
.epgep-quote-form,
.text-icon.boxes,
.wd-clients-carousel-item img {
  transition:
    transform .45s var(--epgep-motion-ease),
    box-shadow .45s ease,
    opacity .45s ease,
    filter .45s ease;
}

#rolunk .wpb_single_image:hover img,
.portfolio_grid--item .item:hover img {
  transform: scale(1.035);
}

.text-icon.boxes:hover,
.best-services .small-shadow:hover,
.epgep-quote-form:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 65px rgba(1, 17, 67, .13) !important;
}

.wd-clients-carousel-item img:hover {
  transform: translateY(-6px) scale(1.04);
  filter: drop-shadow(0 10px 18px rgba(255,255,255,.10));
}

.portfolio_grid--item .item {
  overflow: hidden;
}
.portfolio_grid--item .item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(15, 128, 251, .14), rgba(1, 17, 67, .08));
  opacity: 0;
  transition: opacity .35s ease;
  pointer-events: none;
  z-index: 2;
}
.portfolio_grid--item .item:hover::after {
  opacity: 1;
}

/* Gombok: elegáns, egységes, nem túlzó effekt */
.wd-btn,
.rev-btn,
.epgep-projects-cta-btn,
button.wd-btn {
  position: relative !important;
  overflow: hidden !important;
  transition:
    transform .25s var(--epgep-motion-ease),
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease !important;
}
.wd-btn::before,
.rev-btn::before,
.epgep-projects-cta-btn::before,
button.wd-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 80%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.34), transparent);
  transform: skewX(-18deg);
  transition: left .55s ease;
  pointer-events: none;
}
.wd-btn:hover,
.rev-btn:hover,
.epgep-projects-cta-btn:hover,
button.wd-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(1, 17, 67, .16);
}
.wd-btn:hover::before,
.rev-btn:hover::before,
.epgep-projects-cta-btn:hover::before,
button.wd-btn:hover::before {
  left: 140%;
}

/* Fejléc: diszkrét élet a scrollnál */
.l-header .top-bar-container {
  transition:
    box-shadow .28s ease,
    background-color .28s ease,
    transform .28s ease;
}
body.epgep-scrolled .l-header .top-bar-container {
  box-shadow: 0 12px 30px rgba(1, 17, 67, .10);
}

/* Címek háttérfeliratai puhább belépéssel */
.wd-heading .title_a::before,
.wd-heading .title_a::after,
.wd-heading .title_b::before,
.wd-heading .title_b::after {
  transition: opacity .7s ease, transform .7s var(--epgep-motion-ease);
}
.epgep-motion.epgep-inview .title_a::before,
.epgep-motion.epgep-inview .title_a::after,
.epgep-motion.epgep-inview .title_b::before,
.epgep-motion.epgep-inview .title_b::after {
  transform: translateY(0);
}

/* Logósor: sorban, finoman jelenjen meg */
.wd-clients-carousel-item.epgep-motion {
  transform: translate3d(0, 24px, 0) scale(.96);
}
.wd-clients-carousel-item.epgep-motion.epgep-inview {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Form mezők: fókusz animáció */
.epgep-quote-form input,
.epgep-quote-form select,
.epgep-quote-form textarea {
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.epgep-quote-form input:focus,
.epgep-quote-form select:focus,
.epgep-quote-form textarea:focus {
  border-color: #0f80fb !important;
  box-shadow: 0 0 0 4px rgba(15, 128, 251, .16) !important;
  transform: translateY(-1px);
  outline: none !important;
}

/* Mobilon is finom, de könnyebb mozgás */
@media only screen and (max-width: 768px) {
  .epgep-motion,
  .epgep-motion-left,
  .epgep-motion-right,
  .epgep-motion-zoom {
    transform: translate3d(0, 24px, 0);
    transition-duration: .65s;
  }
}

/* Akinek ki van kapcsolva a mozgás, annak ne animáljunk */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
  .epgep-motion,
  .epgep-motion-left,
  .epgep-motion-right,
  .epgep-motion-zoom,
  .epgep-animate-up,
  .epgep-animate-soft {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* 2026-06-10 Kért javítás: KAPCSOLAT FELVÉTEL + ÜZENET KÜLDÉSE gombok ne legyenek pirosak hoverre sem */
a.wd-btn.btn-solid.btn-color-1.hover-color-2,
button.wd-btn.btn-solid.btn-color-1.hover-color-2,
#ajanlat-form .epgep-quote-form button.wd-btn.btn-solid.btn-color-1.hover-color-2,
.header-cta .wd-btn.btn-solid.btn-color-1.hover-color-2 {
  background: #040e56 !important;
  border-color: #040e56 !important;
  color: #ffffff !important;
}

a.wd-btn.btn-solid.btn-color-1.hover-color-2:hover,
a.wd-btn.btn-solid.btn-color-1.hover-color-2:focus,
a.wd-btn.btn-solid.btn-color-1.hover-color-2:active,
button.wd-btn.btn-solid.btn-color-1.hover-color-2:hover,
button.wd-btn.btn-solid.btn-color-1.hover-color-2:focus,
button.wd-btn.btn-solid.btn-color-1.hover-color-2:active,
#ajanlat-form .epgep-quote-form button.wd-btn.btn-solid.btn-color-1.hover-color-2:hover,
#ajanlat-form .epgep-quote-form button.wd-btn.btn-solid.btn-color-1.hover-color-2:focus,
.header-cta .wd-btn.btn-solid.btn-color-1.hover-color-2:hover,
.header-cta .wd-btn.btn-solid.btn-color-1.hover-color-2:focus {
  background: #040e56 !important;
  border-color: #040e56 !important;
  color: #ffffff !important;
}


/* 2026-06-10 Rólunk blokk - a küldött minta szerinti lejjebb helyezett szövegbox */
#rolunk .vc_col-sm-6 .wpb_wrapper {
  min-height: 470px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding-top: 44px !important;
}
#rolunk .wd-heading {
  margin: 0 0 20px 0 !important;
}
#rolunk .wpb_text_column {
  margin: 0 !important;
}
#rolunk .wpb_text_column .wpb_wrapper {
  padding-top: 0 !important;
}
@media only screen and (max-width: 1024px) {
  #rolunk .vc_col-sm-6 .wpb_wrapper {
    min-height: auto !important;
    justify-content: flex-start !important;
    padding-top: 0 !important;
  }
}


/* 2026-06-10 Rólunk blokk - végső korrekció a küldött 2. minta szerint */
#rolunk .vc_col-sm-6 .wpb_wrapper {
  min-height: 470px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  padding-top: 92px !important;
}
#rolunk .wd-heading {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}
#rolunk .wd-heading .sub_title_a {
  display: none !important;
  margin: 0 !important;
}
#rolunk .wd-heading .title_a {
  font-size: 56px !important;
  line-height: .96 !important;
}
#rolunk .wd-heading .title_a::before {
  font-size: 96px !important;
  top: -40px !important;
  left: -16px !important;
}
#rolunk .wpb_text_column {
  max-width: 600px !important;
  margin: 0 !important;
}
#rolunk .wpb_text_column .wpb_wrapper {
  padding-top: 0 !important;
}
#rolunk .wpb_text_column p {
  margin: 0 0 14px 0 !important;
}
@media only screen and (max-width: 1024px) {
  #rolunk .vc_col-sm-6 .wpb_wrapper {
    min-height: auto !important;
    padding-top: 0 !important;
  }
  #rolunk .wd-heading .title_a {
    font-size: 52px !important;
  }
  #rolunk .wd-heading .title_a::before {
    font-size: 82px !important;
    top: -34px !important;
    left: -10px !important;
  }
}
@media only screen and (max-width: 640px) {
  #rolunk .wd-heading .title_a {
    font-size: 40px !important;
  }
  #rolunk .wd-heading .title_a::before {
    font-size: 58px !important;
    top: -24px !important;
    left: -6px !important;
  }
}


/* 2026-06-10 Rólunk blokk - felhasználói minta szerinti pontosabb pozíció */
#rolunk .vc_col-sm-6 .wpb_wrapper {
  min-height: 470px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  padding-top: 56px !important;
}
#rolunk .wd-heading {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}
#rolunk .wd-heading .sub_title_a {
  display: none !important;
}
#rolunk .wd-heading .title_a {
  font-size: 52px !important;
  line-height: 0.96 !important;
  letter-spacing: -1px !important;
}
#rolunk .wd-heading .title_a::before {
  font-size: 92px !important;
  top: -36px !important;
  left: -14px !important;
}
#rolunk .wpb_text_column {
  max-width: 590px !important;
  margin: 0 !important;
}
#rolunk .wpb_text_column .wpb_wrapper {
  padding-top: 0 !important;
}
#rolunk .wpb_text_column p {
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin: 0 0 14px 0 !important;
}
@media only screen and (max-width: 1024px) {
  #rolunk .vc_col-sm-6 .wpb_wrapper {
    min-height: auto !important;
    padding-top: 0 !important;
  }
  #rolunk .wd-heading .title_a {
    font-size: 46px !important;
  }
  #rolunk .wd-heading .title_a::before {
    font-size: 74px !important;
    top: -30px !important;
    left: -8px !important;
  }
}


/* 2026-06-10 RÓLUNK végső pozíció: a bal oldali szövegblokk lejjebb, a csatolt minta szerint */
#rolunk .vc_col-sm-6 .wpb_wrapper {
  min-height: 470px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  padding-top: 30px !important;
}
#rolunk .wd-heading {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}
#rolunk .wd-heading .title_a {
  font-size: 56px !important;
  line-height: .96 !important;
}
#rolunk .wd-heading .title_a::before {
  font-size: 96px !important;
  top: -38px !important;
  left: -15px !important;
}
#rolunk .wpb_text_column {
  max-width: 600px !important;
  margin: 0 !important;
}
#rolunk .wpb_text_column p {
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin: 0 0 14px 0 !important;
}
@media only screen and (max-width: 1024px) {
  #rolunk .vc_col-sm-6 .wpb_wrapper {
    min-height: auto !important;
    padding-top: 0 !important;
  }
}


/* 2026-06-10 RÓLUNK blokk végső finomhangolás: az egész bal oldali szövegboxot lejjebb visszük,
   a címsor és a szöveg egymás közti távolságai változatlanok maradnak. */
#rolunk .vc_col-sm-6:first-child .wpb_wrapper {
  transform: translateY(0px) !important;
}
@media only screen and (max-width: 1024px) {
  #rolunk .vc_col-sm-6:first-child .wpb_wrapper {
    transform: none !important;
  }
}


/* RÓLUNK cím és szöveg közötti távolság */
#rolunk .wpb_text_column {
  margin-top: 0 !important;
}
#rolunk .vc_col-sm-6:first-child .wd-heading {
  margin-bottom: 24px !important;
}
#rolunk .vc_col-sm-6:first-child .wd-heading + .wpb_text_column {
  margin-top: 0 !important;
}


/* RÓLUNK bal oszlop: tartalom vertikálisan középre a képhez igazítva */
#rolunk .vc_col-sm-6:first-child > .vc_column-inner > .wpb_wrapper {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding-top: 0 !important;
  transform: none !important;
  min-height: 505px !important;
}
@media only screen and (max-width: 1024px) {
  #rolunk .vc_col-sm-6:first-child > .vc_column-inner > .wpb_wrapper {
    min-height: auto !important;
  }
}


/* 2026-06-10 RÓLUNK blokk teljes újraírása: tiszta szerkezet, kép közepéhez igazított bal szöveges blokk
   Finomhangolás később: --about-text-shift-y értékével mozgatható csak a bal oldali szövegbox. */
#rolunk.epgep-about-section {
  --about-text-shift-y: 0px;
  display: block !important;
  min-height: 660px !important;
  padding: 96px 0 96px !important;
  margin: 0 !important;
  background: transparent !important;
}
#rolunk.epgep-about-section .epgep-about-container {
  width: min(1320px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(420px, 600px) 540px !important;
  column-gap: 150px !important;
  align-items: center !important;
}
#rolunk.epgep-about-section .epgep-about-content {
  max-width: 600px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(var(--about-text-shift-y)) !important;
}
#rolunk.epgep-about-section .epgep-about-heading,
#rolunk.epgep-about-section .wd-heading {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
#rolunk.epgep-about-section .epgep-about-title,
#rolunk.epgep-about-section .wd-heading .epgep-about-title {
  position: relative !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 56px !important;
  line-height: .96 !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  color: #040e56 !important;
  z-index: 2 !important;
  background: linear-gradient(to top, #0f80fb 0 12px, transparent 12px) !important;
}
#rolunk.epgep-about-section .epgep-about-title::before {
  content: attr(data-text) !important;
  position: absolute !important;
  left: -18px !important;
  top: -43px !important;
  font-size: 98px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -2px !important;
  color: rgba(4, 14, 86, .045) !important;
  z-index: -1 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}
#rolunk.epgep-about-section .epgep-about-title::after {
  content: none !important;
  display: none !important;
}
#rolunk.epgep-about-section .epgep-about-text,
.home #rolunk.epgep-about-section .wpb_text_column .epgep-about-text {
  max-width: 600px !important;
  margin: 0 !important;
  padding: 0 !important;
}
#rolunk.epgep-about-section .epgep-about-text p {
  color: #6e7382 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin: 0 0 18px 0 !important;
}
#rolunk.epgep-about-section .epgep-about-text p:last-child {
  margin-bottom: 0 !important;
}
#rolunk.epgep-about-section .epgep-about-image {
  width: 540px !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
#rolunk.epgep-about-section .epgep-about-image img {
  width: 540px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
  box-shadow: none !important;
  border: 0 !important;
}
@media only screen and (max-width: 1180px) {
  #rolunk.epgep-about-section .epgep-about-container {
    grid-template-columns: minmax(360px, 1fr) minmax(360px, 540px) !important;
    column-gap: 70px !important;
  }
}
@media only screen and (max-width: 900px) {
  #rolunk.epgep-about-section {
    min-height: auto !important;
    padding: 60px 0 !important;
  }
  #rolunk.epgep-about-section .epgep-about-container {
    width: min(720px, calc(100% - 32px)) !important;
    grid-template-columns: 1fr !important;
    row-gap: 34px !important;
  }
  #rolunk.epgep-about-section .epgep-about-content {
    transform: none !important;
  }
  #rolunk.epgep-about-section .epgep-about-title {
    font-size: 44px !important;
  }
  #rolunk.epgep-about-section .epgep-about-title::before {
    font-size: 72px !important;
    top: -28px !important;
    left: -10px !important;
  }
}


/* 2026-06-10 Szolgáltatások kártyák alsó sárga csíkja */
#szolgaltatasok + .vc_row .border-shadow.text-icon.boxes {
  border-bottom: 4px solid #0f80fb !important;
}


/* 2026-06-10 Projektek: minden sárga beúszó/kiemelő elem egységesen #0f80fb */
.epgep-project-info,
.portfolio_grid--item .info,
.portfolio_grid--item .info .wd-portfolio-info,
.portfolio_grid--item .item .info {
  background: #0375fb !important;
  border-color: #0375fb !important;
}
.portfolio_grid--item .item::after {
  background: linear-gradient(135deg, rgba(3, 117, 251, .18), rgba(1, 17, 67, .08)) !important;
}



/* 2026-06-10 Projektek logósor újragondolva:
   7 egyedi logó, eredeti carousel működés, nincs késleltetett beúszás, nincs levágás. */
.vc_custom_1575894983499 .wd-clients-carousel,
.vc_custom_1575894983499 .slick-list,
.vc_custom_1575894983499 .slick-track {
  overflow: visible !important;
}

.vc_custom_1575894983499 .wd-clients-carousel-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 96px !important;
  padding: 0 18px !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.vc_custom_1575894983499 .wd-clients-carousel-item.epgep-motion,
.vc_custom_1575894983499 .wd-clients-carousel-item.epgep-animate-up,
.vc_custom_1575894983499 .wd-clients-carousel-item.epgep-animate-soft {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.vc_custom_1575894983499 .wd-clients-carousel-item img {
  width: auto !important;
  height: auto !important;
  max-width: 165px !important;
  max-height: 68px !important;
  object-fit: contain !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
  transition: opacity .25s ease !important;
}

.vc_custom_1575894983499 .wd-clients-carousel-item img:hover {
  transform: none !important;
  filter: none !important;
}


/* 2026-06-10 Projektek logók: +30% méret és balról beúszó betöltési effekt */
.vc_custom_1575894983499 .wd-clients-carousel-item {
  min-height: 108px !important;
  padding: 0 14px !important;
}
.vc_custom_1575894983499 .wd-clients-carousel-item img {
  max-width: 214px !important;
  max-height: 88px !important;
  opacity: 0 !important;
  transform: translateX(-34px) !important;
  animation: epgepProjectLogoIn .72s cubic-bezier(.22, .61, .36, 1) forwards !important;
  will-change: transform, opacity !important;
}
.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(1) img { animation-delay: .04s !important; }
.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(2) img { animation-delay: .10s !important; }
.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(3) img { animation-delay: .16s !important; }
.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(4) img { animation-delay: .22s !important; }
.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(5) img { animation-delay: .28s !important; }
.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(6) img { animation-delay: .34s !important; }
.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(7) img { animation-delay: .40s !important; }
@keyframes epgepProjectLogoIn {
  from {
    opacity: 0;
    transform: translateX(-34px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .vc_custom_1575894983499 .wd-clients-carousel-item img {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}




/* 2026-06-11 Logó eltűnés javítása:
   Az előző opacity:0 + transform animáció ütközött a korábbi !important szabályokkal.
   Most a logók mindig láthatók, és csak margin alapú balról becsúszó effektet kapnak. */
.vc_custom_1575894983499 .wd-clients-carousel-item img {
  max-width: 214px !important;
  max-height: 88px !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
  margin-left: 0 !important;
  animation: epgepProjectLogoSlideVisible .72s cubic-bezier(.22, .61, .36, 1) both !important;
}

.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(1) img { animation-delay: .04s !important; }
.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(2) img { animation-delay: .10s !important; }
.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(3) img { animation-delay: .16s !important; }
.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(4) img { animation-delay: .22s !important; }
.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(5) img { animation-delay: .28s !important; }
.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(6) img { animation-delay: .34s !important; }
.vc_custom_1575894983499 .wd-clients-carousel-item:nth-child(7) img { animation-delay: .40s !important; }

@keyframes epgepProjectLogoSlideVisible {
  from {
    margin-left: -34px;
  }
  to {
    margin-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vc_custom_1575894983499 .wd-clients-carousel-item img {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    margin-left: 0 !important;
    animation: none !important;
  }
}




/* 2026-06-11 Projekt logók scroll-effekt + Referenciák gomb fehér villanás javítása */

/* A korábbi, képre tett animációt kikapcsoljuk, mert az okozhatta az eltűnést/ütközést. 
   Most az egész logó-elemet mozgatjuk scrollra, nem magát az img-t. */
.vc_custom_1575894983499 .wd-clients-carousel-item img {
  max-width: 214px !important;
  max-height: 88px !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  margin-left: 0 !important;
  animation: none !important;
  filter: none !important;
}

/* Csak akkor rejtjük/mozgatjuk a logókat, ha a JS előkészítette az animációt.
   Így JS hiba esetén sem tűnnek el. */
.vc_custom_1575894983499.epgep-logos-ready .wd-clients-carousel-item {
  opacity: 0 !important;
  transform: translateX(-42px) !important;
  transition:
    opacity .72s ease,
    transform .72s cubic-bezier(.22, .61, .36, 1) !important;
  will-change: opacity, transform !important;
}

.vc_custom_1575894983499.epgep-logos-ready.epgep-logos-inview .wd-clients-carousel-item {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

.vc_custom_1575894983499.epgep-logos-ready .wd-clients-carousel-item:nth-child(1) { transition-delay: .04s !important; }
.vc_custom_1575894983499.epgep-logos-ready .wd-clients-carousel-item:nth-child(2) { transition-delay: .10s !important; }
.vc_custom_1575894983499.epgep-logos-ready .wd-clients-carousel-item:nth-child(3) { transition-delay: .16s !important; }
.vc_custom_1575894983499.epgep-logos-ready .wd-clients-carousel-item:nth-child(4) { transition-delay: .22s !important; }
.vc_custom_1575894983499.epgep-logos-ready .wd-clients-carousel-item:nth-child(5) { transition-delay: .28s !important; }
.vc_custom_1575894983499.epgep-logos-ready .wd-clients-carousel-item:nth-child(6) { transition-delay: .34s !important; }
.vc_custom_1575894983499.epgep-logos-ready .wd-clients-carousel-item:nth-child(7) { transition-delay: .40s !important; }

/* Ez volt a fehér villanás: a gombokra korábban betett fénycsíkos ::before effekt.
   A Referenciák megtekintése gombnál kikapcsoljuk, hogy ne tűnjön hibának görgetés közben. */
.epgep-projects-cta-btn::before,
.epgep-projects-cta-btn:hover::before,
.epgep-projects-cta-btn:focus::before {
  content: none !important;
  display: none !important;
}

.epgep-projects-cta-btn {
  box-shadow: none !important;
}

.epgep-projects-cta-btn:hover,
.epgep-projects-cta-btn:focus {
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .vc_custom_1575894983499.epgep-logos-ready .wd-clients-carousel-item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}



/* 2026-06-11 Projektek sárga blokkok: link aláhúzások eltávolítása */
.portfolio_grid--item .info a,
.portfolio_grid--item .info h4 a,
.portfolio_grid--item .info .wd-portfolio-category,
.portfolio_grid--item .info .wd-portfolio-category-holder a {
  text-decoration: none !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  background-image: none !important;
}

.portfolio_grid--item .info a:hover,
.portfolio_grid--item .info a:focus,
.portfolio_grid--item .info h4 a:hover,
.portfolio_grid--item .info h4 a:focus,
.portfolio_grid--item .info .wd-portfolio-category:hover,
.portfolio_grid--item .info .wd-portfolio-category:focus {
  text-decoration: none !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  background-image: none !important;
}



/* 2026-06-11 Projektek blokk teljes redesign az új minta alapján */
#referenciak.vc_custom_1573841602282 {
  background-color: #011143 !important;
}
#referenciak .wd-heading .title_a span {
  background: none !important;
}
#referenciak .wd-heading .title_a {
  color: #ffffff !important;
}
.epgep-projects-redesign-row,
.vc_custom_1588528802388 {
  background-color: #011143 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.epgep-projects-redesign .portfolio_grid {
  margin: 0 !important;
  padding: 0 !important;
}
.epgep-projects-redesign .portfolio_grid--item {
  padding: 0 !important;
  margin: 0 !important;
}
.epgep-projects-redesign .portfolio_grid--item .item {
  position: relative !important;
  overflow: hidden !important;
  min-height: 360px !important;
  height: 360px !important;
  background: #011143 !important;
}
.epgep-projects-redesign .portfolio_grid--item img.wp-post-image {
  width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
  object-fit: cover !important;
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
}
.epgep-projects-redesign .portfolio_grid--item .info {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 64% !important;
  min-height: 112px !important;
  padding: 26px 38px !important;
  background: #0375fb !important;
  z-index: 4 !important;
  opacity: 1 !important;
  transform: none !important;
}
.epgep-projects-redesign .portfolio_grid--item .info a,
.epgep-projects-redesign .portfolio_grid--item .info h4,
.epgep-projects-redesign .portfolio_grid--item .info h4 a,
.epgep-projects-redesign .portfolio_grid--item .wd-portfolio-category {
  color: #ffffff !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
.epgep-projects-redesign .portfolio_grid--item .wd-portfolio-category {
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}
.epgep-projects-redesign .portfolio_grid--item .info h4 {
  margin: 8px 0 0 !important;
  font-size: 21px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}
.epgep-projects-redesign .portfolio_grid--item .item::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(1, 17, 67, .06) !important;
  opacity: 1 !important;
  transition: background .35s ease !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
.epgep-projects-redesign .portfolio_grid--item .item:hover::after {
  background: rgba(1, 17, 67, .30) !important;
}

/* Gomb marad a projektképek és a logósor között */
.epgep-projects-cta-row {
  background: #011143 !important;
}

/* 7 logó egy sorban az új minta alapján */
.epgep-project-logo-row,
.vc_custom_1588529985605 {
  background-color: #011143 !important;
  padding: 42px 0 46px !important;
}
.epgep-reference-logo-grid-wrap {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 30px !important;
}
.epgep-reference-logo-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: 28px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.epgep-reference-logo-grid li {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
.epgep-reference-logo-grid .wd-clients-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 88px !important;
  width: 100% !important;
}
.epgep-reference-logo-grid img {
  width: auto !important;
  height: auto !important;
  max-width: 170px !important;
  max-height: 74px !important;
  object-fit: contain !important;
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

@media only screen and (max-width: 1024px) {
  .epgep-reference-logo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    row-gap: 30px !important;
  }
}
@media only screen and (max-width: 640px) {
  .epgep-projects-redesign .portfolio_grid--item .info {
    width: 82% !important;
    padding: 22px 26px !important;
  }
  .epgep-reference-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}




/* 2026-06-11 Projektek rész teljes csere a csatolt HTML struktúra alapján, saját tartalommal */
#referenciak.vc_custom_1573841602282,
.epgep-projects-final-row,
.vc_custom_1588528802388,
.epgep-projects-final-logo-row,
.vc_custom_1588529985605 {
  background-color: #011143 !important;
}

#referenciak .wd-heading .title_a span {
  background: none !important;
}

#referenciak .wd-heading .title_a {
  color: #ffffff !important;
}

.epgep-projects-final .portfolio_grid {
  margin: 0 !important;
  padding: 0 !important;
}

.epgep-projects-final .portfolio_grid--item {
  padding: 0 !important;
  margin: 0 !important;
}

.epgep-projects-final .portfolio_grid--item .item {
  position: relative !important;
  overflow: hidden !important;
  min-height: 360px !important;
  height: 360px !important;
  background: #011143 !important;
}

.epgep-projects-final .portfolio_grid--item img.wp-post-image {
  width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
  object-fit: cover !important;
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
}

.epgep-projects-final .portfolio_grid--item .item::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(1, 17, 67, .06) !important;
  opacity: 1 !important;
  transition: background .35s ease !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.epgep-projects-final .portfolio_grid--item .item:hover::after {
  background: rgba(1, 17, 67, .30) !important;
}

.epgep-projects-final .portfolio_grid--item .info {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 64% !important;
  min-height: 112px !important;
  padding: 26px 38px !important;
  background: #0375fb !important;
  z-index: 4 !important;
  opacity: 1 !important;
  transform: none !important;
}

.epgep-projects-final .portfolio_grid--item .info a,
.epgep-projects-final .portfolio_grid--item .info h4,
.epgep-projects-final .portfolio_grid--item .info h4 a,
.epgep-projects-final .portfolio_grid--item .wd-portfolio-category {
  color: #ffffff !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.epgep-projects-final .portfolio_grid--item .wd-portfolio-category {
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}

.epgep-projects-final .portfolio_grid--item .info h4 {
  margin: 8px 0 0 !important;
  font-size: 21px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.epgep-projects-cta-row {
  background: #011143 !important;
}

/* 7 logó egy sorban */
.epgep-projects-final-logo-row {
  padding: 42px 0 46px !important;
}

.epgep-final-logo-grid-wrap {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 30px !important;
}

.epgep-final-logo-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: 28px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.epgep-final-logo-grid li {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

.epgep-final-logo-grid .wd-clients-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 88px !important;
  width: 100% !important;
}

.epgep-final-logo-grid img {
  width: auto !important;
  height: auto !important;
  max-width: 170px !important;
  max-height: 74px !important;
  object-fit: contain !important;
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

@media only screen and (max-width: 1024px) {
  .epgep-final-logo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    row-gap: 30px !important;
  }
}

@media only screen and (max-width: 640px) {
  .epgep-projects-final .portfolio_grid--item .info {
    width: 82% !important;
    padding: 22px 26px !important;
  }

  .epgep-final-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}



/* 2026-06-11 Projektek kártyák formája a minta szerint */
.epgep-projects-final-row {
  padding: 24px 0 44px !important;
}
.epgep-projects-final {
  max-width: 1540px !important;
  margin: 0 auto !important;
  padding: 0 34px !important;
}
.epgep-projects-final .portfolio_grid {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 -18px !important;
  padding: 0 !important;
}
.epgep-projects-final .portfolio_grid > .portfolio_grid--item {
  width: 33.333333% !important;
  padding: 0 18px 78px !important;
  margin: 0 !important;
}
.epgep-projects-final .portfolio_grid--item .item {
  position: relative !important;
  overflow: visible !important;
  min-height: auto !important;
  height: auto !important;
  background: transparent !important;
}
.epgep-projects-final .portfolio_grid--item .item::after {
  content: none !important;
  display: none !important;
}
.epgep-projects-final .portfolio_grid--item img.wp-post-image {
  width: 100% !important;
  height: 320px !important;
  min-height: 320px !important;
  object-fit: cover !important;
  display: block !important;
  border: 0 !important;
}
.epgep-projects-final .portfolio_grid--item .info {
  position: absolute !important;
  left: 50% !important;
  bottom: -58px !important;
  transform: translateX(-50%) !important;
  width: 76% !important;
  min-height: 86px !important;
  padding: 18px 20px 20px !important;
  background: #0375fb !important;
  z-index: 4 !important;
  opacity: 1 !important;
  text-align: center !important;
  box-shadow: none !important;
}
.epgep-projects-final .portfolio_grid--item .wd-portfolio-category-holder {
  margin: 0 !important;
}
.epgep-projects-final .portfolio_grid--item .wd-portfolio-category {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}
.epgep-projects-final .portfolio_grid--item .info h4 {
  margin: 5px 0 0 !important;
  font-size: 18px !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
}
.epgep-projects-final .portfolio_grid--item .info h4 a,
.epgep-projects-final .portfolio_grid--item .wd-portfolio-category,
.epgep-projects-final .portfolio_grid--item .wd-portfolio-category a,
.epgep-projects-final .portfolio_grid--item .info a {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
.epgep-projects-cta-row {
  padding-top: 0 !important;
}
.epgep-projects-final-logo-row {
  padding-top: 26px !important;
}
@media only screen and (max-width: 1200px) {
  .epgep-projects-final .portfolio_grid > .portfolio_grid--item {
    width: 50% !important;
  }
}
@media only screen and (max-width: 767px) {
  .epgep-projects-final {
    padding: 0 18px !important;
  }
  .epgep-projects-final .portfolio_grid {
    margin: 0 -10px !important;
  }
  .epgep-projects-final .portfolio_grid > .portfolio_grid--item {
    width: 100% !important;
    padding: 0 10px 72px !important;
  }
  .epgep-projects-final .portfolio_grid--item img.wp-post-image {
    height: 260px !important;
    min-height: 260px !important;
  }
  .epgep-projects-final .portfolio_grid--item .info {
    width: 78% !important;
    bottom: -52px !important;
    padding: 16px 18px 18px !important;
  }
}


/* 2026-06-11 Projektek: középre igazított sárga blokkok, hoverre felcsúszó teljes szélességű overlay */
.epgep-projects-final .portfolio_grid--item .item {
  cursor: pointer !important;
}
.epgep-projects-final .portfolio_grid--item .info {
  left: 50% !important;
  bottom: -58px !important;
  width: 76% !important;
  transform: translateX(-50%) !important;
  transition: bottom .35s ease, width .35s ease, transform .35s ease, padding .35s ease, background-color .35s ease !important;
}
.epgep-projects-final .portfolio_grid--item .wd-portfolio-category-holder,
.epgep-projects-final .portfolio_grid--item .info h4 {
  transition: transform .35s ease, opacity .35s ease !important;
}
.epgep-projects-final .portfolio_grid--item:hover .info,
.epgep-projects-final .portfolio_grid--item:focus-within .info {
  left: 50% !important;
  bottom: 0 !important;
  width: 100% !important;
  min-height: 96px !important;
  padding: 20px 28px 22px !important;
  transform: translateX(-50%) !important;
}
.epgep-projects-final .portfolio_grid--item:hover .wd-portfolio-category-holder,
.epgep-projects-final .portfolio_grid--item:hover .info h4,
.epgep-projects-final .portfolio_grid--item:focus-within .wd-portfolio-category-holder,
.epgep-projects-final .portfolio_grid--item:focus-within .info h4 {
  transform: translateY(-1px) !important;
}
@media only screen and (max-width: 767px) {
  .epgep-projects-final .portfolio_grid--item:hover .info,
  .epgep-projects-final .portfolio_grid--item:focus-within .info {
    width: 100% !important;
    bottom: 0 !important;
    padding: 18px 20px 20px !important;
  }
}



/* 2026-06-11 Projektek: sárga blokkok pontos középre igazítása + kisebb sortáv */
.epgep-projects-final .portfolio_grid--item .info {
  left: 50% !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.epgep-projects-final .portfolio_grid--item:hover .info,
.epgep-projects-final .portfolio_grid--item:focus-within .info {
  left: 50% !important;
  right: auto !important;
  width: 100% !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
}

.epgep-projects-final .portfolio_grid--item .wd-portfolio-category-holder {
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
  line-height: 1.15 !important;
}

.epgep-projects-final .portfolio_grid--item .wd-portfolio-category {
  width: 100% !important;
  text-align: center !important;
  line-height: 1.15 !important;
}

.epgep-projects-final .portfolio_grid--item .info h4 {
  width: 100% !important;
  text-align: center !important;
  margin: 3px 0 0 !important;
  line-height: 1.12 !important;
}

.epgep-projects-final .portfolio_grid--item .info h4 a {
  display: inline-block !important;
  text-align: center !important;
  line-height: 1.12 !important;
}


/* 2026-06-11 Projektek és logók: egységes margó, a címsorokhoz igazítva */
.epgep-projects-final,
.epgep-final-logo-grid-wrap,
.epgep-projects-cta-wrap {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  box-sizing: border-box !important;
}

.epgep-projects-final .portfolio_grid {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: -16px !important;
  margin-right: -16px !important;
  padding: 0 !important;
}

.epgep-projects-final .portfolio_grid > .portfolio_grid--item {
  width: 33.333333% !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-bottom: 86px !important;
  box-sizing: border-box !important;
}

.epgep-projects-final .portfolio_grid--item .item {
  min-height: auto !important;
  height: auto !important;
  overflow: visible !important;
}

.epgep-projects-final .portfolio_grid--item img.wp-post-image {
  width: 100% !important;
  height: 320px !important;
  min-height: 320px !important;
  display: block !important;
  object-fit: cover !important;
}

.epgep-projects-final-logo-row {
  padding-top: 34px !important;
  padding-bottom: 42px !important;
}

.epgep-final-logo-grid {
  gap: 20px !important;
}

.epgep-final-logo-grid .wd-clients-container {
  min-height: 78px !important;
}

.epgep-final-logo-grid img {
  max-width: 150px !important;
  max-height: 64px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

@media only screen and (max-width: 1200px) {
  .epgep-projects-final,
  .epgep-final-logo-grid-wrap,
  .epgep-projects-cta-wrap {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .epgep-projects-final .portfolio_grid {
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
  .epgep-projects-final .portfolio_grid > .portfolio_grid--item {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 82px !important;
  }
  .epgep-projects-final .portfolio_grid--item img.wp-post-image {
    height: 290px !important;
    min-height: 290px !important;
  }
}

@media only screen and (max-width: 991px) {
  .epgep-projects-final .portfolio_grid > .portfolio_grid--item {
    width: 50% !important;
  }
  .epgep-final-logo-grid {
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  }
}

@media only screen and (max-width: 767px) {
  .epgep-projects-final,
  .epgep-final-logo-grid-wrap,
  .epgep-projects-cta-wrap {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .epgep-projects-final .portfolio_grid {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  .epgep-projects-final .portfolio_grid > .portfolio_grid--item {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 76px !important;
  }
  .epgep-projects-final .portfolio_grid--item img.wp-post-image {
    height: 260px !important;
    min-height: 260px !important;
  }
  .epgep-final-logo-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 18px !important;
  }
}



/* 2026-06-11 Projektek blokk: szélesebb, balra igazított elrendezés a mintakép szerint */
#referenciak .vc_column-inner > .wpb_wrapper {
  width: calc(100% - 150px) !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

#referenciak .wd-heading {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#referenciak .wd-heading .title_a {
  text-align: left !important;
}

.epgep-projects-final,
.epgep-final-logo-grid-wrap,
.epgep-projects-cta-wrap {
  width: calc(100% - 150px) !important;
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.epgep-projects-final .portfolio_grid {
  margin-left: -18px !important;
  margin-right: -18px !important;
}

.epgep-projects-final .portfolio_grid > .portfolio_grid--item {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.epgep-final-logo-grid {
  width: 100% !important;
  gap: 24px !important;
}

@media only screen and (max-width: 1200px) {
  #referenciak .vc_column-inner > .wpb_wrapper,
  .epgep-projects-final,
  .epgep-final-logo-grid-wrap,
  .epgep-projects-cta-wrap {
    width: calc(100% - 80px) !important;
  }
}

@media only screen and (max-width: 767px) {
  #referenciak .vc_column-inner > .wpb_wrapper,
  .epgep-projects-final,
  .epgep-final-logo-grid-wrap,
  .epgep-projects-cta-wrap {
    width: calc(100% - 36px) !important;
  }

  .epgep-projects-final .portfolio_grid {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .epgep-projects-final .portfolio_grid > .portfolio_grid--item {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}



/* 2026-06-11 Projektek CTA: fehér villanás eltávolítása + térközök 50%-os csökkentése */

/* A gomb mögötti / rajta átfutó fehér villanó effekt teljes kikapcsolása */
.epgep-projects-cta-btn::before,
.epgep-projects-cta-btn::after,
.epgep-projects-cta-btn:hover::before,
.epgep-projects-cta-btn:hover::after,
.epgep-projects-cta-btn:focus::before,
.epgep-projects-cta-btn:focus::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
}

/* A gomb teljes környezete maradjon sötétkék görgetésnél is */
.epgep-projects-cta-row,
.epgep-projects-cta-row .vc_column-inner,
.epgep-projects-cta-row .wpb_wrapper,
.epgep-projects-cta-wrap,
.epgep-projects-final-row,
.epgep-projects-final-logo-row {
  background-color: #011143 !important;
}

/* Képek - gomb - logósor közti térközök 50%-kal kisebbre */
.epgep-projects-final-row {
  padding-bottom: 0 !important;
}

.epgep-projects-cta-row .wd_empty_space {
  height: 15px !important;
  min-height: 15px !important;
}

.epgep-projects-cta-row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.epgep-projects-final-logo-row {
  padding-top: 17px !important;
  padding-bottom: 23px !important;
  margin-top: 0 !important;
}

.epgep-final-logo-grid .wd-clients-container {
  min-height: 64px !important;
}

@media only screen and (max-width: 767px) {
  .epgep-projects-final-row {
    padding-bottom: 18px !important;
  }

  .epgep-projects-cta-row .wd_empty_space {
    height: 10px !important;
    min-height: 10px !important;
  }

  .epgep-projects-final-logo-row {
    padding-top: 12px !important;
    padding-bottom: 18px !important;
  }
}


/* ==========================================================
   2026-06-11 KORRIGÁLT FINOMHANGOLÁS #2
   - logóközök kb. 50%-kal kisebbek
   - logók kb. 40%-kal nagyobbak
   - első és utolsó logó a 1650px-es belső szélekhez igazítva
   - projektképek biztosan 1650px-en belül maradnak
   - CTA mögötti fehér villanás tiltva
   ========================================================== */

:root {
  --epgep-projects-blue: #011143;
  --epgep-projects-yellow: #0375fb;
  --epgep-projects-text: #ffffff;
  --epgep-projects-inner: 1900px;
}

#referenciak,
.epgep-projects-final-row,
.epgep-projects-cta-row,
.epgep-projects-final-logo-row {
  background-color: var(--epgep-projects-blue) !important;
  overflow: hidden !important;
}

/* Közös belső konténer: 1650 px */
#referenciak .vc_column-inner > .wpb_wrapper,
.epgep-projects-final,
.epgep-projects-cta-wrap,
.epgep-final-logo-grid-wrap {
  width: 100% !important;
  max-width: var(--epgep-projects-inner) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
}

#referenciak .wd-heading,
#referenciak .wd-heading .title_a {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#referenciak .wd-heading .title_a span {
  background: none !important;
}

/* Projekt rács: biztosan a 1650 px-es szélességen belül marad */
.epgep-projects-final .portfolio_grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
}

.epgep-projects-final .portfolio_grid > .portfolio_grid--item,
.epgep-projects-final .portfolio_grid .portfolio_grid--item {
  width: auto !important;
  max-width: none !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 0 72px 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
}

.epgep-projects-final .portfolio_grid--item .item {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  cursor: pointer !important;
}

.epgep-projects-final .portfolio_grid--item img.wp-post-image {
  display: block !important;
  width: 100% !important;
  height: 270px !important;
  min-height: 270px !important;
  max-width: 100% !important;
  object-fit: cover !important;
}

/* Sárga blokk hover effekt marad */
.epgep-projects-final .portfolio_grid--item .item::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(1, 17, 67, .06) !important;
  opacity: 1 !important;
  transition: background .35s ease !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.epgep-projects-final .portfolio_grid--item:hover .item::after,
.epgep-projects-final .portfolio_grid--item:focus-within .item::after {
  background: rgba(1, 17, 67, .26) !important;
}

.epgep-projects-final .portfolio_grid--item .info {
  position: absolute !important;
  left: 50% !important;
  bottom: -24px !important;
  width: calc(100% - 50px) !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 11px 14px 12px !important;
  background: var(--epgep-projects-yellow) !important;
  transform: translateX(-50%) !important;
  z-index: 3 !important;
  box-sizing: border-box !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  transition: bottom .35s ease, width .35s ease, padding .35s ease, transform .35s ease !important;
}

.epgep-projects-final .portfolio_grid--item:hover .info,
.epgep-projects-final .portfolio_grid--item:focus-within .info {
  bottom: 0 !important;
  width: 100% !important;
  min-height: 96px !important;
  padding: 18px 26px 20px !important;
  transform: translateX(-50%) !important;
}

.epgep-projects-final .portfolio_grid--item .wd-portfolio-category-holder {
  width: 100% !important;
  margin: 0 0 3px 0 !important;
  text-align: center !important;
}

.epgep-projects-final .portfolio_grid--item .wd-portfolio-category,
.epgep-projects-final .portfolio_grid--item .wd-portfolio-category a,
.epgep-projects-final .portfolio_grid--item .info a,
.epgep-projects-final .portfolio_grid--item .info h4,
.epgep-projects-final .portfolio_grid--item .info h4 a {
  color: var(--epgep-projects-text) !important;
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.epgep-projects-final .portfolio_grid--item .wd-portfolio-category {
  display: block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}

.epgep-projects-final .portfolio_grid--item .info h4 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  text-align: center !important;
}

/* Gomb mögötti fehérítés teljes tiltása */
.epgep-projects-cta-row,
.epgep-projects-cta-row .vc_column-inner,
.epgep-projects-cta-row .wpb_wrapper,
.epgep-projects-cta-wrap {
  background: var(--epgep-projects-blue) !important;
  background-color: var(--epgep-projects-blue) !important;
}

.epgep-projects-cta-btn,
.epgep-projects-cta-btn:hover,
.epgep-projects-cta-btn:focus,
.epgep-reference-btn,
.epgep-reference-btn:hover,
.epgep-reference-btn:focus {
  box-shadow: none !important;
  background-image: none !important;
}

.epgep-projects-cta-btn::before,
.epgep-projects-cta-btn::after,
.epgep-projects-cta-btn:hover::before,
.epgep-projects-cta-btn:hover::after,
.epgep-projects-cta-btn:focus::before,
.epgep-projects-cta-btn:focus::after,
.epgep-reference-btn::before,
.epgep-reference-btn::after,
.epgep-reference-btn:hover::before,
.epgep-reference-btn:hover::after,
.epgep-reference-btn:focus::before,
.epgep-reference-btn:focus::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.epgep-projects-cta-row .wd_empty_space {
  height: 12px !important;
  min-height: 12px !important;
}

.epgep-projects-cta-wrap {
  text-align: center !important;
}

/* Logósor: kisebb közök, nagyobb logók */
.epgep-projects-final-logo-row {
  padding-top: 16px !important;
  padding-bottom: 34px !important;
  margin-top: 0 !important;
}

.epgep-final-logo-grid-wrap {
  overflow: visible !important;
}

.epgep-final-logo-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  align-items: center !important;
  justify-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
}

.epgep-final-logo-grid > li,
.epgep-final-logo-grid li,
.epgep-final-logo-grid > li.column,
.epgep-final-logo-grid > li.column-block {
  width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* első és utolsó logó a belső szélekhez igazítva */
.epgep-final-logo-grid > li:first-child,
.epgep-final-logo-grid li:first-child {
  justify-content: flex-start !important;
}

.epgep-final-logo-grid > li:last-child,
.epgep-final-logo-grid li:last-child {
  justify-content: flex-end !important;
}

.epgep-final-logo-grid .wd-clients-container {
  width: 100% !important;
  min-height: 68px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.epgep-final-logo-grid > li:first-child .wd-clients-container,
.epgep-final-logo-grid li:first-child .wd-clients-container {
  justify-content: flex-start !important;
}

.epgep-final-logo-grid > li:last-child .wd-clients-container,
.epgep-final-logo-grid li:last-child .wd-clients-container {
  justify-content: flex-end !important;
}

/* kb. 40%-kal nagyobb méret */
.epgep-final-logo-grid img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 210px !important;
  max-height: 72px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
}

/* 1700 alatt biztonsági oldalpárna */
@media only screen and (max-width: 1700px) {
  #referenciak .vc_column-inner > .wpb_wrapper,
  .epgep-projects-final,
  .epgep-projects-cta-wrap,
  .epgep-final-logo-grid-wrap {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media only screen and (max-width: 1280px) {
  .epgep-projects-final .portfolio_grid {
    gap: 16px !important;
  }

  .epgep-final-logo-grid img {
    max-width: 180px !important;
    max-height: 62px !important;
  }
}

@media only screen and (max-width: 991px) {
  .epgep-projects-final .portfolio_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .epgep-final-logo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    row-gap: 18px !important;
  }

  .epgep-final-logo-grid > li:first-child,
  .epgep-final-logo-grid li:first-child,
  .epgep-final-logo-grid > li:last-child,
  .epgep-final-logo-grid li:last-child,
  .epgep-final-logo-grid > li:first-child .wd-clients-container,
  .epgep-final-logo-grid li:first-child .wd-clients-container,
  .epgep-final-logo-grid > li:last-child .wd-clients-container,
  .epgep-final-logo-grid li:last-child .wd-clients-container {
    justify-content: center !important;
  }
}

@media only screen and (max-width: 767px) {
  #referenciak .vc_column-inner > .wpb_wrapper,
  .epgep-projects-final,
  .epgep-projects-cta-wrap,
  .epgep-final-logo-grid-wrap {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .epgep-projects-final .portfolio_grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .epgep-projects-final .portfolio_grid > .portfolio_grid--item,
  .epgep-projects-final .portfolio_grid .portfolio_grid--item {
    padding-bottom: 60px !important;
  }

  .epgep-projects-final .portfolio_grid--item img.wp-post-image {
    height: 220px !important;
    min-height: 220px !important;
  }

  .epgep-projects-final .portfolio_grid--item .info {
    bottom: -20px !important;
    width: calc(100% - 30px) !important;
    padding: 10px 12px 11px !important;
  }

  .epgep-projects-final .portfolio_grid--item:hover .info,
  .epgep-projects-final .portfolio_grid--item:focus-within .info {
    bottom: 0 !important;
    width: 100% !important;
    min-height: 84px !important;
    padding: 16px 18px 18px !important;
  }

  .epgep-projects-final .portfolio_grid--item .info h4 {
    font-size: 16px !important;
  }

  .epgep-final-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 16px !important;
  }

  .epgep-final-logo-grid img {
    max-width: 150px !important;
    max-height: 54px !important;
  }
}


/* ==========================================================
   2026-06-11 FINOMHANGOLÁS #3
   Logósor: a logók közti térköz kb. 50%-kal kisebb
   ========================================================== */

/* A teljes logósor szélességét szűkítjük, így a logók közelebb kerülnek egymáshoz,
   miközben a kék háttér teljes szélességű marad. */
.epgep-final-logo-grid-wrap {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.epgep-final-logo-grid {
  width: 100% !important;
  max-width: 100% !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}

.epgep-final-logo-grid .wd-clients-container {
  min-height: 68px !important;
}

@media only screen and (max-width: 1280px) {
  .epgep-final-logo-grid-wrap {
    max-width: 980px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

@media only screen and (max-width: 991px) {
  .epgep-final-logo-grid-wrap {
    max-width: none !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* ==========================================================
   2026-06-11 FINOMHANGOLÁS #4
   - Swietelsky logó bal széle igazodjon az AJÁNLÁSOK bal margójához
   - a logók között egyforma távolság legyen
   ========================================================== */

/* A logósor ugyanarra a tartalmi margóra áll, mint az AJÁNLÁSOK blokk */
.epgep-final-logo-grid-wrap {
  width: 100% !important;
  max-width: 1170px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box !important;
}

/* Egyforma távolságok: első a bal szélen, utolsó a jobb szélen */
.epgep-final-logo-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.epgep-final-logo-grid > li,
.epgep-final-logo-grid li,
.epgep-final-logo-grid > li.column,
.epgep-final-logo-grid > li.column-block {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.epgep-final-logo-grid .wd-clients-container {
  width: auto !important;
  min-height: 68px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Méret marad nagyobb, de stabil */
.epgep-final-logo-grid img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 210px !important;
  max-height: 72px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
}

@media only screen and (max-width: 1280px) {
  .epgep-final-logo-grid-wrap {
    max-width: 1080px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .epgep-final-logo-grid img {
    max-width: 180px !important;
    max-height: 62px !important;
  }
}

@media only screen and (max-width: 991px) {
  .epgep-final-logo-grid-wrap {
    max-width: none !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .epgep-final-logo-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    justify-content: normal !important;
  }

  .epgep-final-logo-grid > li,
  .epgep-final-logo-grid li,
  .epgep-final-logo-grid > li.column,
  .epgep-final-logo-grid > li.column-block,
  .epgep-final-logo-grid .wd-clients-container {
    width: 100% !important;
    justify-content: center !important;
  }
}

@media only screen and (max-width: 767px) {
  .epgep-final-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .epgep-final-logo-grid img {
    max-width: 150px !important;
    max-height: 54px !important;
  }
}


/* ==========================================================
   2026-06-11 FINOMHANGOLÁS #5
   Swietelsky logó igazítása az AJÁNLÁSOK bal margójához
   ========================================================== */

/* A korábbi doboz túl szűk volt, ezért a teljes logósor beljebb kezdődött.
   Itt szélesebb tartalmi dobozt adunk a logóknak, hogy a bal széle kijjebb kerüljön,
   és vizuálisan egy vonalba essen az AJÁNLÁSOK címmel. */
.epgep-final-logo-grid-wrap {
  width: 100% !important;
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.epgep-final-logo-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.epgep-final-logo-grid > li,
.epgep-final-logo-grid li,
.epgep-final-logo-grid > li.column,
.epgep-final-logo-grid > li.column-block {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.epgep-final-logo-grid .wd-clients-container {
  width: auto !important;
  min-height: 68px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Enyhe optikai korrekció a szélső logókhoz */
.epgep-final-logo-grid > li:first-child .wd-clients-container {
  margin-left: -6px !important;
}

.epgep-final-logo-grid > li:last-child .wd-clients-container {
  margin-right: -6px !important;
}

@media only screen and (max-width: 1400px) {
  .epgep-final-logo-grid-wrap {
    max-width: 1260px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

@media only screen and (max-width: 1280px) {
  .epgep-final-logo-grid-wrap {
    max-width: 1080px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media only screen and (max-width: 991px) {
  .epgep-final-logo-grid-wrap {
    max-width: none !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .epgep-final-logo-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    justify-content: normal !important;
  }

  .epgep-final-logo-grid > li:first-child .wd-clients-container,
  .epgep-final-logo-grid > li:last-child .wd-clients-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ==========================================================
   2026-06-11 FINOMHANGOLÁS #6
   Projektek 2026: a fotók magasabbak, kevésbé hosszúkásak
   ========================================================== */

.epgep-projects-final .portfolio_grid--item img.wp-post-image {
  height: clamp(315px, 20.8vw, 355px) !important;
  min-height: clamp(315px, 20.8vw, 355px) !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Közepes kijelzőn is maradjon arányos, ne legyen túl magas */
@media only screen and (max-width: 1280px) {
  .epgep-projects-final .portfolio_grid--item img.wp-post-image {
    height: 300px !important;
    min-height: 300px !important;
  }
}

/* Tableten 2 oszlopnál kicsit kompaktabb magasság */
@media only screen and (max-width: 991px) {
  .epgep-projects-final .portfolio_grid--item img.wp-post-image {
    height: 285px !important;
    min-height: 285px !important;
  }
}

/* Mobilon ne nyúljon túl magasra */
@media only screen and (max-width: 767px) {
  .epgep-projects-final .portfolio_grid--item img.wp-post-image {
    height: 245px !important;
    min-height: 245px !important;
  }
}

/* 2026-06-11 Ajánlások: pontosan 2 db függőleges csík, egységesen #0f80fb, színátmenet nélkül */
.owl-testimonial.wd-testimonial_layout_2 .wd-testimonial__thumbnail::before,
.owl-testimonial.wd-testimonial_layout_2 .wd-testimonial__thumbnail::after {
  background: #0f80fb !important;
  background-color: #0f80fb !important;
  background-image: none !important;
  border-color: #0f80fb !important;
}
.owl-testimonial.wd-testimonial_layout_2 .wd-testimonial__info::before,
.owl-testimonial.wd-testimonial_layout_2 .wd-testimonial__info::after {
  display: none !important;
  content: none !important;
}


/* Lábléc főcím csíkok: 3px, #0f80fb, csak egy csík */
.first-footer .block-title {
  border-bottom: none !important;
}
.first-footer h4.block-title::after,
.first-footer h3.block-title::after,
.first-footer .block-title::after {
  background: #0f80fb !important;
  background-color: #0f80fb !important;
  height: 3px !important;
  border: none !important;
  box-shadow: none !important;
}
.first-footer h4.block-title::before,
.first-footer h3.block-title::before,
.first-footer .block-title::before {
  display: none !important;
  content: none !important;
}
/* Referenciák gomb shimmer effekt tiltása */
.epgep-projects-cta-btn::before,
.epgep-projects-cta-btn::after,
.epgep-reference-btn::before,
.epgep-reference-btn::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* epgep-projects-cta-row: ne legyen láthatatlan görgetés közben */
.epgep-projects-cta-row.epgep-motion {
  opacity: 1 !important;
  transform: none !important;
}

/* Szolgáltatások felirat és a kártyák közötti távolság: CSS-ben rögzítve, JS-független */
#szolgaltatasok .wd-heading + .wd_empty_space {
  height: 60px !important;
  min-height: 60px !important;
}
@media screen and (max-width: 64em) {
  #szolgaltatasok .wd-heading + .wd_empty_space {
    height: 60px !important;
    min-height: 60px !important;
  }
}
@media screen and (max-width: 40em) {
  #szolgaltatasok .wd-heading + .wd_empty_space {
    height: 60px !important;
    min-height: 60px !important;
  }
}

/* Szolgáltatások kártyák és a PROJEKTEK 2026 kék sáv közötti távolság */
#szolgaltatasok + .vc_row .wd_empty_space {
  height: 80px !important;
  min-height: 80px !important;
}
@media screen and (max-width: 64em) {
  #szolgaltatasok + .vc_row .wd_empty_space {
    height: 80px !important;
    min-height: 80px !important;
  }
}
@media screen and (max-width: 40em) {
  #szolgaltatasok + .vc_row .wd_empty_space {
    height: 80px !important;
    min-height: 80px !important;
  }
}

/* ==========================================================
   2026-06-16 PROJEKTEK 2026 sáv – teljes szélesség javítás
   - a kék sáv (referenciak / final-row / cta-row / logo-row)
     a viewport teljes szélességéig ér, függetlenül attól,
     hogy a WPBakery "full width row" JS lefutott-e
   - a belső tartalom konténere szélesebb max-width-et kap,
     hogy nagy monitorokon a projektképek ne tűnjenek
     összenyomottnak
   ========================================================== */

#referenciak,
.epgep-projects-final-row,
.epgep-projects-cta-row,
.epgep-projects-final-logo-row {
  position: relative !important;
  left: 50% !important;
  right: auto !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* A vc_row belső 15px-es negatív margóját itt nullázzuk,
   mert a width:100vw már a teljes szélességet adja */
#referenciak.vc_row,
.epgep-projects-final-row.vc_row,
.epgep-projects-cta-row.vc_row,
.epgep-projects-final-logo-row.vc_row {
  margin-left: -50vw !important;
}

/* A "PROJEKTEK 2026" felirat és a kártyák ugyanazt a
   margót/konténer-szélességet kapják, mint a "Rólunk" szekció
   (a téma alap .row konténere: max-width 84.375rem = 1350px),
   így a felirat és a tartalom egy margón belül igazodik
   a többi szekcióhoz, a kék sáv pedig marad full-bleed */
:root {
  --epgep-projects-inner: 84.375rem;
}

#referenciak .vc_column-inner > .wpb_wrapper,
.epgep-projects-final,
.epgep-projects-cta-wrap,
.epgep-final-logo-grid-wrap {
  max-width: var(--epgep-projects-inner) !important;
}

/* A projektkártya-képek 20%-kal nagyobbak lettek,
   ezért a kártya- és képmagasság 250px-ről 300px-re nő,
   miközben az oszlopszám és a teljes elrendezés változatlan marad */
.epgep-projects-final .portfolio_grid--item .item {
  min-height: 300px !important;
  height: 300px !important;
}

.epgep-projects-final .portfolio_grid--item img.wp-post-image {
  height: 300px !important;
  min-height: 300px !important;
}

@media screen and (max-width: 767px) {
  .epgep-projects-final .portfolio_grid--item img.wp-post-image {
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
  }

  .epgep-projects-final .portfolio_grid--item .item {
    max-width: 100% !important;
  }
}


/* Ajánlások blokk – felső kék sáv és az AJÁNLÁSOK cím közötti távolság */
.vc_custom_1575895197294 > .wpb_column > .vc_column-inner > .wpb_wrapper > .epgep-ajanlas-top-gap,
.vc_custom_1575895197294 > .wpb_column > .vc_column-inner > .wpb_wrapper > .wd_empty_space:first-child {
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
}

.vc_custom_1575895197294 .epgep-ajanlas-heading .title_a {
  margin-top: 0 !important;
}

@media (max-width: 1024px) {
  .vc_custom_1575895197294 > .wpb_column > .vc_column-inner > .wpb_wrapper > .epgep-ajanlas-top-gap,
  .vc_custom_1575895197294 > .wpb_column > .vc_column-inner > .wpb_wrapper > .wd_empty_space:first-child {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }
}

/* Géppark blokk – a széles háttérképes, átfedő kék dobozos nézethez igazítva */
#geppark.vc_custom_1576673090647 {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 638px !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 124px 0 94px 0 !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  background-image: url("../img/bg/section_bg.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
  background-position: calc(50% - 1334px) top !important;
}

#geppark.vc_custom_1576673090647::before,
#geppark.vc_custom_1576673090647::after {
  content: none !important;
  display: none !important;
}

#geppark.vc_custom_1576673090647 > .wpb_column:first-child {
  display: none !important;
}

#geppark.vc_custom_1576673090647 > .wpb_column.vc_col-lg-8,
#geppark.vc_custom_1576673090647 > .wpb_column.vc_col-sm-12 {
  float: none !important;
  width: 100% !important;
  max-width: 1704px !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#geppark.vc_custom_1576673090647 > .wpb_column > .vc_column-inner,
#geppark.vc_custom_1576673090647 > .wpb_column > .vc_column-inner > .wpb_wrapper,
#geppark.vc_custom_1576673090647 .vc_inner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#geppark.vc_custom_1576673090647 .vc_inner::before,
#geppark.vc_custom_1576673090647 .vc_inner::after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

#geppark.vc_custom_1576673090647 .vc_inner > .wpb_column.vc_col-sm-4:not(.unofset-66) {
  display: none !important;
}

#geppark.vc_custom_1576673090647 .unofset-66 {
  position: relative !important;
  z-index: 2 !important;
  float: none !important;
  width: 555px !important;
  max-width: calc(100% - 48px) !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

#geppark.vc_custom_1576673090647 .unofset-66 > .vc_column-inner.vc_custom_1574003423966 {
  min-height: 420px !important;
  padding: 56px 56px 50px 56px !important;
  background-color: #040e56 !important;
  box-shadow: none !important;
}

#geppark.vc_custom_1576673090647 .wpb_text_column,
#geppark.vc_custom_1576673090647 .wpb_text_column .wpb_wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

#geppark.vc_custom_1576673090647 .wd-heading {
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}

#geppark.vc_custom_1576673090647 .wd-heading .title_b {
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: 'Inter', 'Open Sans', Arial, sans-serif !important;
  font-size: 52px !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
  letter-spacing: -0.7px !important;
  text-transform: none !important;
}

#geppark.vc_custom_1576673090647 .wd-heading .title_b::before,
#geppark.vc_custom_1576673090647 .wd-heading .title_b::after,
#geppark.vc_custom_1576673090647 .wd-heading .sub_title_a {
  content: none !important;
  display: none !important;
}

#geppark.vc_custom_1576673090647 .wpb_text_column p {
  max-width: 500px !important;
  margin: 0 0 26px 0 !important;
  color: #ffffff !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  font-weight: 600 !important;
}

#geppark.vc_custom_1576673090647 .wpb_text_column p:last-child {
  margin-bottom: 0 !important;
}

#geppark.vc_custom_1576673090647 .wd-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 218px !important;
  min-width: 218px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  background-color: #ffffff !important;
  border: 2px solid #ffffff !important;
  color: #040e56 !important;
  font-family: 'Inter', 'Open Sans', Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#geppark.vc_custom_1576673090647 .wd-btn:hover,
#geppark.vc_custom_1576673090647 .wd-btn:focus {
  background-color: #0f80fb !important;
  border-color: #0f80fb !important;
  color: #040e56 !important;
}

@media (max-width: 1800px) {
  #geppark.vc_custom_1576673090647 {
    background-position: -320px top !important;
  }

  #geppark.vc_custom_1576673090647 > .wpb_column.vc_col-lg-8,
  #geppark.vc_custom_1576673090647 > .wpb_column.vc_col-sm-12 {
    max-width: calc(100% - 190px) !important;
  }
}

@media (max-width: 1200px) {
  #geppark.vc_custom_1576673090647 {
    min-height: 560px !important;
    padding: 90px 0 80px 0 !important;
    background-size: cover !important;
    background-position: center top !important;
  }

  #geppark.vc_custom_1576673090647 > .wpb_column.vc_col-lg-8,
  #geppark.vc_custom_1576673090647 > .wpb_column.vc_col-sm-12 {
    max-width: calc(100% - 48px) !important;
  }
}

@media (max-width: 767px) {
  #geppark.vc_custom_1576673090647 {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 55px 0 !important;
    background-size: cover !important;
    background-position: center top !important;
  }

  #geppark.vc_custom_1576673090647 > .wpb_column.vc_col-lg-8,
  #geppark.vc_custom_1576673090647 > .wpb_column.vc_col-sm-12 {
    max-width: calc(100% - 30px) !important;
  }

  #geppark.vc_custom_1576673090647 .unofset-66 {
    width: 100% !important;
    max-width: 100% !important;
  }

  #geppark.vc_custom_1576673090647 .unofset-66 > .vc_column-inner.vc_custom_1574003423966 {
    min-height: 0 !important;
    padding: 34px 26px 32px 26px !important;
  }

  #geppark.vc_custom_1576673090647 .wd-heading .title_b {
    font-size: 36px !important;
    line-height: 1.18 !important;
  }

  #geppark.vc_custom_1576673090647 .wpb_text_column p {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  #geppark.vc_custom_1576673090647 .wd-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Géppark blokk – végleges nézőkép a 2. minta alapján
   Független, egyedi szekció: nem a régi Visual Composer oszlopokra épül. */
.epgep-geppark-showcase {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 638px !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 124px 0 94px 0 !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
}

.epgep-geppark-showcase::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 44% !important;
  background-image: linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.72)), url("../img/bg/section_bg.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: cover !important;
  opacity: .58 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.epgep-geppark-showcase::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 36.8% !important;
  right: 3.9% !important;
  background-image: url("../img/geppark/compator-578x540.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.epgep-geppark-inner {
  position: relative !important;
  z-index: 3 !important;
  width: min(1340px, calc(100% - 70px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.epgep-geppark-card {
  position: relative !important;
  z-index: 4 !important;
  width: 585px !important;
  max-width: 100% !important;
  min-height: 420px !important;
  padding: 58px 58px 52px 58px !important;
  background-color: #040e56 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  box-sizing: border-box !important;
}

.epgep-geppark-card h2 {
  margin: 0 0 25px 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: 'Inter', 'Open Sans', Arial, sans-serif !important;
  font-size: 52px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.8px !important;
  text-transform: none !important;
}

.epgep-geppark-card p {
  max-width: 500px !important;
  margin: 0 0 26px 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  font-weight: 600 !important;
}

.epgep-geppark-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 218px !important;
  min-width: 218px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  margin: 0 !important;
  background-color: #ffffff !important;
  border: 2px solid #ffffff !important;
  color: #040e56 !important;
  font-family: 'Inter', 'Open Sans', Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
  box-sizing: border-box !important;
}

.epgep-geppark-btn:hover,
.epgep-geppark-btn:focus {
  background-color: #0f80fb !important;
  border-color: #0f80fb !important;
  color: #040e56 !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 1400px) {
  .epgep-geppark-showcase::after {
    left: 34% !important;
    right: 0 !important;
  }

  .epgep-geppark-inner {
    width: min(1180px, calc(100% - 60px)) !important;
  }
}

@media (max-width: 1024px) {
  .epgep-geppark-showcase {
    min-height: 560px !important;
    padding: 80px 0 !important;
  }

  .epgep-geppark-showcase::after {
    left: 25% !important;
    right: 0 !important;
    opacity: .82 !important;
  }

  .epgep-geppark-card {
    width: 560px !important;
    min-height: 0 !important;
    padding: 48px 44px 44px 44px !important;
  }

  .epgep-geppark-card h2 {
    font-size: 44px !important;
  }
}

@media (max-width: 767px) {
  .epgep-geppark-showcase {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 55px 0 !important;
  }

  .epgep-geppark-showcase::before {
    width: 100% !important;
    opacity: .35 !important;
  }

  .epgep-geppark-showcase::after {
    left: 0 !important;
    right: 0 !important;
    opacity: .28 !important;
  }

  .epgep-geppark-inner {
    width: calc(100% - 30px) !important;
  }

  .epgep-geppark-card {
    width: 100% !important;
    padding: 34px 26px 32px 26px !important;
  }

  .epgep-geppark-card h2 {
    font-size: 36px !important;
    line-height: 1.18 !important;
  }

  .epgep-geppark-card p {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  .epgep-geppark-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* =========================================================
   GÉPPARK BLOKK – KÉPKÉNT HASZNÁLT VÉGLEGES HÁTTÉR
   A felhasználó által küldött nézőkép kerül a szöveg mögé.
   ========================================================= */
.epgep-geppark-showcase {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 0 !important;
  height: calc(100vw * 709 / 2048) !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  background-image: url("../img/geppark/geppark-moge.png") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: 100% 100% !important;
  box-sizing: border-box !important;
}

.epgep-geppark-showcase::before,
.epgep-geppark-showcase::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.epgep-geppark-inner {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.epgep-geppark-card {
  position: absolute !important;
  z-index: 4 !important;
  left: calc(100vw * 311 / 2048) !important;
  top: calc(100vw * 139 / 2048) !important;
  width: calc(100vw * 619 / 2048) !important;
  height: calc(100vw * 469 / 2048) !important;
  min-height: 0 !important;
  max-width: none !important;
  padding: clamp(34px, 2.85vw, 58px) clamp(34px, 2.85vw, 58px) clamp(30px, 2.55vw, 52px) clamp(34px, 2.85vw, 58px) !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  box-sizing: border-box !important;
}

.epgep-geppark-card h2 {
  margin: 0 0 clamp(14px, 1.25vw, 25px) 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: 'Inter', 'Open Sans', Arial, sans-serif !important;
  font-size: clamp(34px, 2.55vw, 52px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.8px !important;
  text-transform: none !important;
}

.epgep-geppark-card p {
  max-width: 100% !important;
  margin: 0 0 clamp(16px, 1.25vw, 26px) 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: clamp(13px, .78vw, 16px) !important;
  line-height: 1.65 !important;
  font-weight: 600 !important;
}

.epgep-geppark-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(172px, 10.65vw, 218px) !important;
  min-width: 0 !important;
  min-height: clamp(38px, 2.15vw, 44px) !important;
  padding: 0 clamp(16px, 1.08vw, 22px) !important;
  margin: 0 !important;
  background-color: #ffffff !important;
  border: 2px solid #ffffff !important;
  color: #040e56 !important;
  font-family: 'Inter', 'Open Sans', Arial, sans-serif !important;
  font-size: clamp(10px, .58vw, 12px) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-sizing: border-box !important;
}

.epgep-geppark-btn:hover,
.epgep-geppark-btn:focus {
  background-color: #0f80fb !important;
  border-color: #0f80fb !important;
  color: #040e56 !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 1200px) {
  .epgep-geppark-showcase {
    height: 500px !important;
    background-size: cover !important;
    background-position: center top !important;
  }

  .epgep-geppark-card {
    left: 10% !important;
    top: 95px !important;
    width: 520px !important;
    height: 360px !important;
    padding: 44px 42px 40px 42px !important;
  }

  .epgep-geppark-card h2 {
    font-size: 44px !important;
  }

  .epgep-geppark-card p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 767px) {
  .epgep-geppark-showcase {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 55px 15px !important;
    background-image: linear-gradient(rgba(255,255,255,.70), rgba(255,255,255,.70)), url("../img/geppark/geppark-moge.png") !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .epgep-geppark-inner {
    position: relative !important;
    inset: auto !important;
  }

  .epgep-geppark-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 34px 26px 32px 26px !important;
    background-color: #040e56 !important;
  }

  .epgep-geppark-card h2 {
    font-size: 36px !important;
    line-height: 1.18 !important;
  }

  .epgep-geppark-card p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  .epgep-geppark-btn {
    width: 100% !important;
    min-height: 44px !important;
    font-size: 12px !important;
  }
}

/* =========================================================
   GÉPPARK GOMB – alsó csík eltávolítása
   Csak a Géppark megtekintése gombot érinti.
   ========================================================= */
#geppark .epgep-geppark-btn,
.epgep-geppark-showcase .epgep-geppark-btn {
  background: #0f80fb !important;
  background-color: #0f80fb !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color: #040e56 !important;
}

#geppark .epgep-geppark-btn::before,
#geppark .epgep-geppark-btn::after,
.epgep-geppark-showcase .epgep-geppark-btn::before,
.epgep-geppark-showcase .epgep-geppark-btn::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#geppark .epgep-geppark-btn:hover,
#geppark .epgep-geppark-btn:focus,
.epgep-geppark-showcase .epgep-geppark-btn:hover,
.epgep-geppark-showcase .epgep-geppark-btn:focus {
  background: #0f80fb !important;
  background-color: #0f80fb !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #040e56 !important;
}

/* =========================================================
   GÉPPARK GOMB – fehér alap, kijelölt állapotban sárga
   Csak a Géppark megtekintése gombot érinti.
   A megjelenés a Referenciák megtekintése gomb stílusához igazodik.
   ========================================================= */
#geppark .epgep-geppark-btn,
.epgep-geppark-showcase .epgep-geppark-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 290px !important;
  min-width: 290px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 17px 26px !important;
  margin: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color: #040e56 !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 22px !important;
  font-weight: 600 !important;
  letter-spacing: .25px !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-sizing: border-box !important;
  transform: none !important;
}

#geppark .epgep-geppark-btn::before,
#geppark .epgep-geppark-btn::after,
.epgep-geppark-showcase .epgep-geppark-btn::before,
.epgep-geppark-showcase .epgep-geppark-btn::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#geppark .epgep-geppark-btn:hover,
#geppark .epgep-geppark-btn:focus,
#geppark .epgep-geppark-btn:active,
.epgep-geppark-showcase .epgep-geppark-btn:hover,
.epgep-geppark-showcase .epgep-geppark-btn:focus,
.epgep-geppark-showcase .epgep-geppark-btn:active {
  background: #0f80fb !important;
  background-color: #0f80fb !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #040e56 !important;
  transform: none !important;
}

@media (max-width: 767px) {
  #geppark .epgep-geppark-btn,
  .epgep-geppark-showcase .epgep-geppark-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* =========================================================
   KAPCSOLAT BLOKK – kért térközök
   Csak a Keressen minket bizalommal blokk körüli térközt érinti.
   ========================================================= */
.epgep-kapcsolat-before-spacer .wd_empty_space {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
}

#kapcsolat .epgep-kapcsolat-top-space {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
}

#kapcsolat .epgep-kapcsolat-bottom-space {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
}

/* Géppark gomb – enyhén keskenyebb, a többi beállítás változatlan */
#geppark .epgep-geppark-btn,
.epgep-geppark-showcase .epgep-geppark-btn {
  width: 250px !important;
  min-width: 250px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

@media (max-width: 767px) {
  #kapcsolat .epgep-kapcsolat-top-space {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }

  #kapcsolat .epgep-kapcsolat-bottom-space {
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
  }

  #geppark .epgep-geppark-btn,
  .epgep-geppark-showcase .epgep-geppark-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* =========================================================
   KERESSEN MINKET BIZALOMMAL – valós felső térköz javítás
   A VC spacer lenullázva, a tényleges távolságot a szekció kapja.
   ========================================================= */
#kapcsolat.vc_row,
#kapcsolat {
  padding-top: 130px !important;
  margin-top: 0 !important;
}

#kapcsolat .epgep-kapcsolat-top-space,
#kapcsolat > .wpb_column > .vc_column-inner > .wpb_wrapper > .wd_empty_space:first-child {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 767px) {
  #kapcsolat.vc_row,
  #kapcsolat {
    padding-top: 50px !important;
  }
}

/* =========================================================
   Címek egységesítése a RÓLUNK cím alapján
   Érintett címek: RÓLUNK, SZOLGÁLTATÁSOK, PROJEKTEK 2026,
   AJÁNLÁSOK, KERESSEN MINKET BIZALOMMAL, KÉRJEN AJÁNLATOT
   ========================================================= */
:root {
  --epgep-common-title-width: 1320px;
  --epgep-common-title-gutter: 48px;
  --epgep-common-title-size: 56px;
  --epgep-common-title-size-mobile: 44px;
}

#rolunk.epgep-about-section .epgep-about-container,
#szolgaltatasok > .wpb_column > .vc_column-inner > .wpb_wrapper,
#referenciak > .wpb_column > .vc_column-inner > .wpb_wrapper,
.vc_custom_1575895197294 > .wpb_column > .vc_column-inner > .wpb_wrapper,
#kapcsolat > .wpb_column > .vc_column-inner > .wpb_wrapper,
#ajanlat-form .epgep-quote-row {
  width: min(var(--epgep-common-title-width), calc(100% - var(--epgep-common-title-gutter))) !important;
  max-width: var(--epgep-common-title-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

#szolgaltatasok .wd-heading,
#referenciak .wd-heading,
.vc_custom_1575895197294 .epgep-ajanlas-heading,
#kapcsolat .wd-heading,
#ajanlat-form .epgep-quote-text .wd-heading {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#rolunk.epgep-about-section .epgep-about-title,
#szolgaltatasok .wd-heading .title_a,
#referenciak .wd-heading .title_a,
.vc_custom_1575895197294 .epgep-ajanlas-heading .title_a,
#kapcsolat .wd-heading .title_a,
#ajanlat-form .epgep-quote-text .wd-heading .title_a {
  font-family: 'Inter', 'Open Sans', sans-serif !important;
  font-size: var(--epgep-common-title-size) !important;
  line-height: .96 !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media only screen and (max-width: 900px) {
  :root {
    --epgep-common-title-gutter: 32px;
  }

  #rolunk.epgep-about-section .epgep-about-title,
  #szolgaltatasok .wd-heading .title_a,
  #referenciak .wd-heading .title_a,
  .vc_custom_1575895197294 .epgep-ajanlas-heading .title_a,
  #kapcsolat .wd-heading .title_a,
  #ajanlat-form .epgep-quote-text .wd-heading .title_a {
    font-size: var(--epgep-common-title-size-mobile) !important;
    line-height: 1.02 !important;
  }
}

@media only screen and (max-width: 480px) {
  #rolunk.epgep-about-section .epgep-about-title,
  #szolgaltatasok .wd-heading .title_a,
  #referenciak .wd-heading .title_a,
  .vc_custom_1575895197294 .epgep-ajanlas-heading .title_a,
  #kapcsolat .wd-heading .title_a,
  #ajanlat-form .epgep-quote-text .wd-heading .title_a {
    font-size: 34px !important;
    letter-spacing: -.5px !important;
  }
}


/* =========================================================
   Címek margó finomítása + KÉRJEN AJÁNLATOT sortáv
   Csak a címek igazítását és az ajánlatkérő cím sortávját érinti.
   ========================================================= */
:root {
  --epgep-common-title-width: 84.375rem;
  --epgep-common-title-gutter: 30px;
}

#rolunk.epgep-about-section .epgep-about-container,
#szolgaltatasok > .wpb_column > .vc_column-inner > .wpb_wrapper,
#referenciak > .wpb_column > .vc_column-inner > .wpb_wrapper,
.vc_custom_1575895197294 > .wpb_column > .vc_column-inner > .wpb_wrapper,
#kapcsolat > .wpb_column > .vc_column-inner > .wpb_wrapper,
#ajanlat-form .epgep-quote-row {
  width: min(var(--epgep-common-title-width), calc(100% - var(--epgep-common-title-gutter))) !important;
  max-width: var(--epgep-common-title-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Az ajánlatkérő címnél nagyobb sortáv, hogy a KÉRJEN és az AJÁNLATOT ne csússzon össze */
#ajanlat-form .epgep-quote-text .wd-heading .title_a {
  line-height: 1.15 !important;
}

@media only screen and (max-width: 900px) {
  :root {
    --epgep-common-title-gutter: 24px;
  }

  #ajanlat-form .epgep-quote-text .wd-heading .title_a {
    line-height: 1.18 !important;
  }
}

/* =========================================================
   CÍMEK – a tényleges sötétkék felirat igazítása is ugyanarra a vonalra
   Nem csak a halvány háttérfelirat, hanem az elöl lévő cím is.
   ========================================================= */
:root {
  --epgep-title-nudge: 20px;
  --epgep-about-title-nudge: 18px;
  --epgep-quote-title-nudge: 8px;
}

/* RÓLUNK */
#rolunk.epgep-about-section .epgep-about-title {
  left: calc(var(--epgep-about-title-nudge) * -1) !important;
}
#rolunk.epgep-about-section .epgep-about-title::before {
  left: 0 !important;
}

/* SZOLGÁLTATÁSOK, PROJEKTEK 2026, AJÁNLÁSOK, KERESSEN MINKET BIZALOMMAL */
#szolgaltatasok .wd-heading .title_a,
#referenciak .wd-heading .title_a,
.vc_custom_1575895197294 .epgep-ajanlas-heading .title_a,
#kapcsolat .wd-heading .title_a {
  position: relative !important;
  left: calc(var(--epgep-title-nudge) * -1) !important;
}

#szolgaltatasok .wd-heading .title_a::after,
#referenciak .wd-heading .title_a::after,
.vc_custom_1575895197294 .epgep-ajanlas-heading .title_a::after,
#kapcsolat .wd-heading .title_a::after {
  left: 0 !important;
}

/* KÉRJEN AJÁNLATOT */
#ajanlat-form .epgep-quote-text .wd-heading .title_a {
  left: calc(var(--epgep-quote-title-nudge) * -1) !important;
}
#ajanlat-form .epgep-quote-text .wd-heading .title_a::before {
  left: 0 !important;
}

@media only screen and (max-width: 900px) {
  :root {
    --epgep-title-nudge: 14px;
    --epgep-about-title-nudge: 12px;
    --epgep-quote-title-nudge: 6px;
  }
}

@media only screen and (max-width: 480px) {
  :root {
    --epgep-title-nudge: 10px;
    --epgep-about-title-nudge: 8px;
    --epgep-quote-title-nudge: 4px;
  }
}

/* =========================================================
   RÓLUNK – a szürke szövegblokk igazítása a cím margójára
   + nagyobb távolság a cím és az első bekezdés között
   ========================================================= */
:root {
  --epgep-about-title-nudge: 18px;
}

#rolunk.epgep-about-section .epgep-about-content {
  position: relative !important;
}

.home #rolunk.epgep-about-section .epgep-about-text,
.home #rolunk.epgep-about-section .wpb_text_column,
.home #rolunk.epgep-about-section .wpb_text_column .wpb_wrapper {
  position: relative !important;
  left: calc(var(--epgep-about-title-nudge) * -1) !important;
}

#rolunk.epgep-about-section .epgep-about-heading,
#rolunk.epgep-about-section .wd-heading {
  margin-bottom: 34px !important;
}

@media only screen and (max-width: 900px) {
  :root {
    --epgep-about-title-nudge: 12px;
  }

  #rolunk.epgep-about-section .epgep-about-heading,
  #rolunk.epgep-about-section .wd-heading {
    margin-bottom: 28px !important;
  }
}

@media only screen and (max-width: 480px) {
  :root {
    --epgep-about-title-nudge: 8px;
  }

  #rolunk.epgep-about-section .epgep-about-heading,
  #rolunk.epgep-about-section .wd-heading {
    margin-bottom: 24px !important;
  }
}

/* =========================================================
   RÓLUNK – ERŐSEBB, TÉNYLEGES IGAZÍTÁS
   - a szürke szövegblokk kijjebb jön a cím bal vonaláig
   - nagyobb térköz a cím és az első bekezdés között
   ========================================================= */
#rolunk.epgep-about-section .epgep-about-heading,
#rolunk.epgep-about-section .wd-heading {
  margin-bottom: 36px !important;
}

#rolunk.epgep-about-section .epgep-about-text {
  position: relative !important;
  margin-left: -18px !important;
  padding-top: 4px !important;
  max-width: calc(100% + 18px) !important;
}

#rolunk.epgep-about-section .epgep-about-text p {
  margin-left: 0 !important;
}

@media only screen and (max-width: 900px) {
  #rolunk.epgep-about-section .epgep-about-heading,
  #rolunk.epgep-about-section .wd-heading {
    margin-bottom: 30px !important;
  }

  #rolunk.epgep-about-section .epgep-about-text {
    margin-left: -12px !important;
    max-width: calc(100% + 12px) !important;
  }
}

@media only screen and (max-width: 480px) {
  #rolunk.epgep-about-section .epgep-about-heading,
  #rolunk.epgep-about-section .wd-heading {
    margin-bottom: 24px !important;
  }

  #rolunk.epgep-about-section .epgep-about-text {
    margin-left: -8px !important;
    max-width: calc(100% + 8px) !important;
  }
}

/* =========================================================
   KÉRJEN AJÁNLATOT – ugyanaz az igazítás, mint a RÓLUNK résznél
   - a két sor egy bal vonalra kerüljön
   - az AJÁNLATOT sor kerüljön pár px-szel lejjebb
   - a szövegtörzs is húzódjon ki ugyanarra a margóra
   ========================================================= */
#ajanlat-form .epgep-quote-text .wd-heading {
  margin-bottom: 34px !important;
}

#ajanlat-form .epgep-quote-text .wd-heading .title_a {
  display: inline-block !important;
  line-height: 1.04 !important;
}

#ajanlat-form .epgep-quote-text .wd-heading .title_a span {
  display: block !important;
  margin: 0 0 12px 0 !important;
  padding-right: 0 !important;
}

#ajanlat-form .epgep-quote-text p {
  position: relative !important;
  margin-left: -8px !important;
  max-width: calc(100% + 8px) !important;
}

@media only screen and (max-width: 900px) {
  #ajanlat-form .epgep-quote-text .wd-heading {
    margin-bottom: 28px !important;
  }

  #ajanlat-form .epgep-quote-text .wd-heading .title_a span {
    margin-bottom: 10px !important;
  }

  #ajanlat-form .epgep-quote-text p {
    margin-left: -6px !important;
    max-width: calc(100% + 6px) !important;
  }
}

@media only screen and (max-width: 480px) {
  #ajanlat-form .epgep-quote-text .wd-heading {
    margin-bottom: 24px !important;
  }

  #ajanlat-form .epgep-quote-text .wd-heading .title_a span {
    margin-bottom: 8px !important;
  }

  #ajanlat-form .epgep-quote-text p {
    margin-left: -4px !important;
    max-width: calc(100% + 4px) !important;
  }
}

/* =========================================================
   KÉRJEN AJÁNLATOT – sárga csík rövidítése
   Csak a KÉRJEN alatti sárga kiemelést javítja.
   ========================================================= */
#ajanlat-form .epgep-quote-text .wd-heading .title_a span {
  display: block !important;
  width: fit-content !important;
  max-width: max-content !important;
  padding-right: 0 !important;
}

/* =========================================================
   MOBIL FEJLÉC + HERO SLIDER JAVÍTÁS
   Csak telefonos nézetben érvényes, desktophoz nem nyúl.
   ========================================================= */
@media only screen and (max-width: 767px) {
  /* Fejléc: balra logó, jobbra szendvicsmenü */
  .top-bar-container .site-title-bar {
    display: block !important;
    background: #ffffff !important;
    padding: 10px 14px !important;
    min-height: 84px !important;
  }

  .top-bar-container .site-title-bar .title-bar-left {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 12px !important;
  }

  .top-bar-container .site-title-bar .site-mobile-title {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .top-bar-container .site-title-bar .site-mobile-title img {
    display: block !important;
    width: auto !important;
    max-width: min(78vw, 320px) !important;
    max-height: 66px !important;
    height: auto !important;
  }

  .top-bar-container .site-title-bar .menu-toggle,
  .top-bar-container .site-title-bar .menu-icon {
    order: 2 !important;
    margin: 0 0 0 auto !important;
    flex: 0 0 auto !important;
    width: 24px !important;
    height: 24px !important;
  }

  /* Hero slider: mobilon újrarendezett, olvasható tipó és pozíciók */
  #rev_slider_7_1_wrapper,
  #rev_slider_7_1,
  #rev_slider_7_1 rs-module,
  #rev_slider_7_1_wrapper rs-module {
    min-height: 780px !important;
  }

  #rev_slider_7_1 rs-slide,
  #rev_slider_7_1 .tp-revslider-slidesli,
  #rev_slider_7_1 .rs-sbg-wrap,
  #rev_slider_7_1 .rs-background-video-layer,
  #rev_slider_7_1 .rev-slidebg {
    height: 780px !important;
    min-height: 780px !important;
  }

  #rev_slider_7_1 .rev-slidebg {
    object-fit: cover !important;
    object-position: center center !important;
    width: 100% !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-2"] {
    left: 26px !important;
    top: 200px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    letter-spacing: 4px !important;
    white-space: nowrap !important;
    width: auto !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-1"] {
    left: 26px !important;
    top: 245px !important;
    width: 320px !important;
    max-width: 320px !important;
    font-size: 54px !important;
    line-height: 0.98 !important;
    letter-spacing: -1px !important;
    white-space: normal !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-6"] {
    left: 26px !important;
    top: 505px !important;
    width: 310px !important;
    max-width: 310px !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }

  #rev_slider_7_1 a.rev-btn[id$="layer-10"] {
    left: 26px !important;
    top: 650px !important;
    min-width: 220px !important;
    height: 48px !important;
    line-height: 46px !important;
    font-size: 12px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    white-space: nowrap !important;
  }
}

/* =========================================================
   MOBIL HERO FINOMÍTÁS – túlcsúszó címek és hiányzó gomb javítása
   Csak telefonos nézetben érvényes.
   ========================================================= */
@media only screen and (max-width: 767px) {
  #rev_slider_7_1_wrapper,
  #rev_slider_7_1,
  #rev_slider_7_1 rs-module,
  #rev_slider_7_1_wrapper rs-module,
  #rev_slider_7_1 rs-slide,
  #rev_slider_7_1 .tp-revslider-slidesli,
  #rev_slider_7_1 .rs-sbg-wrap,
  #rev_slider_7_1 .rs-background-video-layer,
  #rev_slider_7_1 .rev-slidebg {
    min-height: 700px !important;
    height: 700px !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-2"] {
    left: 18px !important;
    top: 165px !important;
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    letter-spacing: 3px !important;
    white-space: normal !important;
    text-align: left !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-1"] {
    left: 18px !important;
    top: 215px !important;
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    font-size: clamp(34px, 11vw, 48px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.8px !important;
    white-space: normal !important;
    text-align: left !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-6"] {
    left: 18px !important;
    top: 430px !important;
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    text-align: left !important;
  }

  #rev_slider_7_1 a.rev-btn[id$="layer-10"] {
    left: 18px !important;
    top: 550px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 190px !important;
    width: auto !important;
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 18px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    z-index: 20 !important;
  }
}


/* =========================================================
   MOBIL HERO – VALÓDI FIX
   A Revolution Slider inline transzformjait is felülírja, ezért
   a cím nem lóg ki, a leírás és a gomb is látható marad.
   Csak telefonon aktív, desktop nézethez nem nyúl.
   ========================================================= */
@media only screen and (max-width: 767px) {
  body {
    overflow-x: hidden !important;
  }

  #rev_slider_7_1_wrapper,
  #rev_slider_7_1,
  #rev_slider_7_1 rs-module,
  #rev_slider_7_1_wrapper rs-module,
  #rev_slider_7_1 rs-slide,
  #rev_slider_7_1 .tp-revslider-slidesli,
  #rev_slider_7_1 .rs-sbg-wrap,
  #rev_slider_7_1 .rev-slidebg {
    height: 720px !important;
    min-height: 720px !important;
    max-height: 720px !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-2"],
  #rev_slider_7_1 rs-layer[id$="layer-1"],
  #rev_slider_7_1 rs-layer[id$="layer-6"],
  #rev_slider_7_1 a.rev-btn[id$="layer-10"] {
    left: 24px !important;
    right: auto !important;
    width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
    min-width: 0 !important;
    white-space: normal !important;
    text-align: left !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-2"] {
    top: 165px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    letter-spacing: 3px !important;
    font-weight: 800 !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-1"] {
    top: 215px !important;
    font-size: 40px !important;
    line-height: 0.98 !important;
    letter-spacing: -0.7px !important;
    font-weight: 900 !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-6"] {
    top: 435px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
  }

  #rev_slider_7_1 a.rev-btn[id$="layer-10"] {
    top: 565px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 210px !important;
    max-width: 210px !important;
    min-width: 210px !important;
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 18px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    text-align: center !important;
    z-index: 50 !important;
  }

  #rev_slider_7_1_wrapper .tp-bullets,
  #rev_slider_7_1_wrapper rs-bullets,
  #rev_slider_7_1_wrapper .tparrows,
  #rev_slider_7_1_wrapper rs-arrow {
    display: none !important;
    visibility: hidden !important;
  }
}

@media only screen and (max-width: 390px) {
  #rev_slider_7_1 rs-layer[id$="layer-1"] {
    font-size: 36px !important;
    line-height: 1 !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-6"] {
    top: 420px !important;
    font-size: 14px !important;
  }

  #rev_slider_7_1 a.rev-btn[id$="layer-10"] {
    top: 545px !important;
  }
}


/* =========================================================
   MOBIL HERO – HELYSPÓROLÁS + JOBB SORTÁV
   - kisebb fehér holttér a slide alatt
   - a főcím sorai ne csússzanak egymásba
   - a blokk feljebb kerül, hogy a gomb is kiférjen
   ========================================================= */
@media only screen and (max-width: 767px) {
  #home,
  #rev_slider_7_1_wrapper,
  #rev_slider_7_1,
  #rev_slider_7_1 rs-module,
  #rev_slider_7_1_wrapper rs-module,
  #rev_slider_7_1 rs-slide,
  #rev_slider_7_1 .tp-revslider-slidesli,
  #rev_slider_7_1 .rs-sbg-wrap,
  #rev_slider_7_1 .rev-slidebg {
    height: 610px !important;
    min-height: 610px !important;
    max-height: 610px !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-2"],
  #rev_slider_7_1 rs-layer[id$="layer-1"],
  #rev_slider_7_1 rs-layer[id$="layer-6"],
  #rev_slider_7_1 a.rev-btn[id$="layer-10"] {
    left: 22px !important;
    width: calc(100vw - 44px) !important;
    max-width: calc(100vw - 44px) !important;
    transform: none !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-2"] {
    top: 108px !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 3px !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-1"] {
    top: 145px !important;
    font-size: 34px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.6px !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-6"] {
    top: 365px !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
  }

  #rev_slider_7_1 a.rev-btn[id$="layer-10"] {
    top: 495px !important;
    width: 205px !important;
    max-width: 205px !important;
    min-width: 205px !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 11px !important;
  }
}

@media only screen and (max-width: 390px) {
  #home,
  #rev_slider_7_1_wrapper,
  #rev_slider_7_1,
  #rev_slider_7_1 rs-module,
  #rev_slider_7_1_wrapper rs-module,
  #rev_slider_7_1 rs-slide,
  #rev_slider_7_1 .tp-revslider-slidesli,
  #rev_slider_7_1 .rs-sbg-wrap,
  #rev_slider_7_1 .rev-slidebg {
    height: 585px !important;
    min-height: 585px !important;
    max-height: 585px !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-2"] {
    top: 102px !important;
    font-size: 10px !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-1"] {
    top: 138px !important;
    font-size: 32px !important;
    line-height: 1.08 !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-6"] {
    top: 342px !important;
    font-size: 13px !important;
  }

  #rev_slider_7_1 a.rev-btn[id$="layer-10"] {
    top: 462px !important;
  }
}


/* =========================================================
   MOBIL HERO – nagyobb főcím, hogy jobban kitöltse a teret
   Csak a főcímet növeli mobil nézetben.
   ========================================================= */
@media only screen and (max-width: 767px) {
  #rev_slider_7_1 rs-layer[id$="layer-1"] {
    font-size: 38px !important;
    line-height: 1.08 !important;
  }
}

@media only screen and (max-width: 390px) {
  #rev_slider_7_1 rs-layer[id$="layer-1"] {
    font-size: 36px !important;
    line-height: 1.08 !important;
  }
}


/* =========================================================
   AJÁNLÁSOK + GÉPPARK – visszafogott scroll effekt
   Csak finom megjelenési animációt ad, a layoutot/design-t nem módosítja.
   ========================================================= */
.epgep-soft-reveal {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity .75s ease,
    transform .75s cubic-bezier(.22, .61, .36, 1);
  will-change: opacity, transform;
}

.epgep-soft-reveal.epgep-soft-visible {
  opacity: 1;
  transform: translateY(0);
}

.epgep-soft-reveal-delay-1 {
  transition-delay: .12s;
}

.epgep-soft-reveal-delay-2 {
  transition-delay: .22s;
}

/* Géppark kép: nagyon finom élet, csak hoverre */
.epgep-geppark-showcase .epgep-geppark-bg {
  overflow: hidden !important;
}

.epgep-geppark-showcase .epgep-geppark-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  pointer-events: none;
}

.epgep-geppark-showcase:hover .epgep-geppark-bg {
  transform: translateZ(0) scale(1.012);
  transition: transform .9s ease;
}

/* Aki csökkentett animációt kér a rendszerben, annál nincs mozgás */
@media (prefers-reduced-motion: reduce) {
  .epgep-soft-reveal,
  .epgep-soft-reveal.epgep-soft-visible,
  .epgep-geppark-showcase:hover .epgep-geppark-bg {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Menü: alap szín #09184f, kijelölt/hover szín #0f80fb */
.desktop-menu li > a,
.site-navigation a,
.site-navigation > li:first-child > a {
  background-image: linear-gradient(to right, #0f80fb 0%, #0f80fb 100%) !important;
  background-position: 0 100% !important;
  background-size: 0 4px !important;
  color: #09184f !important;
}
.desktop-menu li > a:hover,
.desktop-menu li > a:focus,
.site-navigation a:hover {
  background-size: 100% 4px !important;
  color: #0f80fb !important;
}
.desktop-menu li > a::after,
.desktop-menu li > a::before,
.desktop-menu li.current-menu-item > a::after,
.desktop-menu li.current-menu-item > a::before,
.desktop-menu li > a:hover::after,
.desktop-menu li > a:hover::before {
  background: #0f80fb !important;
  background-color: #0f80fb !important;
  background-image: none !important;
  border-color: #0f80fb !important;
  color: #0f80fb !important;
}

/* 2026-06-29 slider nyilak – minta szerinti jobb alsó léptető */

#rev_slider_7_1_wrapper .metis.tparrows,
#rev_slider_7_1_wrapper #rev_slider_7_1[data-slideactive] .metis.tparrows,
#rev_slider_7_1[data-slideactive] .metis.tparrows {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #09184f !important;
  box-shadow: none !important;
  opacity: 1 !important;
  overflow: hidden !important;
  transition: background-color .22s ease !important;
}

#rev_slider_7_1_wrapper .metis.tparrows:hover,
#rev_slider_7_1_wrapper .metis.tparrows.rs-touchhover,
#rev_slider_7_1_wrapper #rev_slider_7_1[data-slideactive] .metis.tparrows:hover,
#rev_slider_7_1_wrapper #rev_slider_7_1[data-slideactive] .metis.tparrows.rs-touchhover,
#rev_slider_7_1[data-slideactive] .metis.tparrows:hover,
#rev_slider_7_1[data-slideactive] .metis.tparrows.rs-touchhover {
  background: #ffffff !important;
}

#rev_slider_7_1_wrapper .metis.tparrows::before,
#rev_slider_7_1_wrapper #rev_slider_7_1[data-slideactive] .metis.tparrows::before,
#rev_slider_7_1[data-slideactive] .metis.tparrows::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 18px !important;
  height: 26px !important;
  margin: 0 !important;
  display: block !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: #ffffff !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 48'%3E%3Cpath d='M9 6 L24 24 L9 42' fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 48'%3E%3Cpath d='M9 6 L24 24 L9 42' fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  transform: translate(-50%, -50%) !important;
  transition: background-color .22s ease !important;
}

#rev_slider_7_1_wrapper .metis.tparrows.tp-leftarrow::before,
#rev_slider_7_1_wrapper #rev_slider_7_1[data-slideactive] .metis.tparrows.tp-leftarrow::before,
#rev_slider_7_1[data-slideactive] .metis.tparrows.tp-leftarrow::before {
  transform: translate(-50%, -50%) rotate(180deg) !important;
}


#rev_slider_7_1_wrapper .metis.tparrows::after,
#rev_slider_7_1_wrapper #rev_slider_7_1[data-slideactive] .metis.tparrows::after,
#rev_slider_7_1[data-slideactive] .metis.tparrows::after {
  content: none !important;
  display: none !important;
}

#rev_slider_7_1_wrapper .metis.tparrows:hover::before,
#rev_slider_7_1_wrapper .metis.tparrows.rs-touchhover::before,
#rev_slider_7_1_wrapper #rev_slider_7_1[data-slideactive] .metis.tparrows:hover::before,
#rev_slider_7_1_wrapper #rev_slider_7_1[data-slideactive] .metis.tparrows.rs-touchhover::before,
#rev_slider_7_1[data-slideactive] .metis.tparrows:hover::before,
#rev_slider_7_1[data-slideactive] .metis.tparrows.rs-touchhover::before {
  background: #09184f !important;
  color: transparent !important;
}

#rev_slider_7_1_wrapper .tp-leftarrow.metis.tparrows,
#rev_slider_7_1_wrapper rs-arrow.tp-leftarrow.metis.tparrows {
  left: auto !important;
  right: 72px !important;
  top: auto !important;
  bottom: 0 !important;
  transform: none !important;
}

#rev_slider_7_1_wrapper .tp-rightarrow.metis.tparrows,
#rev_slider_7_1_wrapper rs-arrow.tp-rightarrow.metis.tparrows {
  left: auto !important;
  right: 0 !important;
  top: auto !important;
  bottom: 0 !important;
  transform: none !important;
}

@media only screen and (max-width: 778px) {
  #rev_slider_7_1_wrapper .metis.tparrows,
  #rev_slider_7_1_wrapper #rev_slider_7_1[data-slideactive] .metis.tparrows,
  #rev_slider_7_1[data-slideactive] .metis.tparrows {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
  }

  #rev_slider_7_1_wrapper .tp-leftarrow.metis.tparrows,
  #rev_slider_7_1_wrapper rs-arrow.tp-leftarrow.metis.tparrows {
    right: 58px !important;
  }

  #rev_slider_7_1_wrapper .metis.tparrows::before,
  #rev_slider_7_1_wrapper #rev_slider_7_1[data-slideactive] .metis.tparrows::before,
  #rev_slider_7_1[data-slideactive] .metis.tparrows::before {
    width: 14px !important;
    height: 21px !important;
  }
}


/* 2026-06-29 Projektek 2026 – referenciafotók 30%-os növelése desktopon */
.epgep-projects-final {
  max-width: 1755px !important;
}

.epgep-projects-final .portfolio_grid--item .item {
  min-height: 390px !important;
  height: 390px !important;
}

.epgep-projects-final .portfolio_grid--item img.wp-post-image {
  height: 390px !important;
  min-height: 390px !important;
}

@media screen and (max-width: 1600px) {
  .epgep-projects-final {
    max-width: calc(100vw - 80px) !important;
  }
}

@media screen and (max-width: 991px) {
  .epgep-projects-final {
    max-width: calc(100vw - 36px) !important;
  }

  .epgep-projects-final .portfolio_grid--item .item {
    min-height: 300px !important;
    height: 300px !important;
  }

  .epgep-projects-final .portfolio_grid--item img.wp-post-image {
    height: 300px !important;
    min-height: 300px !important;
  }
}


/* 2026-06-29 Ajánlások blokk – a kép igazítása a fő margóhoz */
.vc_custom_1575895197294 .epgep-ajanlas-wrap {
  width: min(var(--epgep-common-title-width), calc(100% - var(--epgep-common-title-gutter))) !important;
  max-width: var(--epgep-common-title-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative !important;
  left: calc(var(--epgep-title-nudge) * -1) !important;
  box-sizing: border-box !important;
}

@media only screen and (max-width: 900px) {
  .vc_custom_1575895197294 .epgep-ajanlas-wrap {
    width: min(var(--epgep-common-title-width), calc(100% - var(--epgep-common-title-gutter))) !important;
  }
}

@media only screen and (max-width: 767px) {
  .vc_custom_1575895197294 .epgep-ajanlas-wrap {
    left: 0 !important;
  }
}


/* 2026-06-29 Ajánlások blokk – nagyobb felső/alsó térköz + kép még balrább */
.vc_custom_1575895197294 > .wpb_column > .vc_column-inner > .wpb_wrapper > .epgep-ajanlas-top-gap,
.vc_custom_1575895197294 > .wpb_column > .vc_column-inner > .wpb_wrapper > .wd_empty_space:first-child {
  height: 160px !important;
  min-height: 160px !important;
  max-height: 160px !important;
}

.vc_custom_1575895197294 .epgep-ajanlas-wrap {
  padding-top: 10px !important;
  padding-bottom: 200px !important;
}

.vc_custom_1575895197294 .epgep-ajanlas-left {
  margin-left: -34px !important;
}

@media only screen and (max-width: 1024px) {
  .vc_custom_1575895197294 > .wpb_column > .vc_column-inner > .wpb_wrapper > .epgep-ajanlas-top-gap,
  .vc_custom_1575895197294 > .wpb_column > .vc_column-inner > .wpb_wrapper > .wd_empty_space:first-child {
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
  }

  .vc_custom_1575895197294 .epgep-ajanlas-wrap {
    padding-bottom: 140px !important;
  }

  .vc_custom_1575895197294 .epgep-ajanlas-left {
    margin-left: -20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .vc_custom_1575895197294 .epgep-ajanlas-wrap {
    padding-bottom: 110px !important;
  }

  .vc_custom_1575895197294 .epgep-ajanlas-left {
    margin-left: 0 !important;
  }
}


/* 2026-06-29 Ajánlások blokk – nagyobb hely a cím és a tartalom között, kép finom jobbra igazítása */
.vc_custom_1575895197294 .epgep-ajanlas-heading + .wd_empty_space {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
}

.vc_custom_1575895197294 .epgep-ajanlas-left {
  margin-left: -12px !important;
}

@media only screen and (max-width: 1024px) {
  .vc_custom_1575895197294 .epgep-ajanlas-heading + .wd_empty_space {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }

  .vc_custom_1575895197294 .epgep-ajanlas-left {
    margin-left: -6px !important;
  }
}

@media only screen and (max-width: 767px) {
  .vc_custom_1575895197294 .epgep-ajanlas-heading + .wd_empty_space {
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
  }

  .vc_custom_1575895197294 .epgep-ajanlas-left {
    margin-left: 0 !important;
  }
}


/* 2026-06-29 Ajánlások / Géppark / Kérjen ajánlatot – egységes 150px térköz */
.vc_custom_1575895197294 .epgep-ajanlas-wrap {
  padding-bottom: 150px !important;
}

.epgep-geppark-showcase {
  margin-bottom: 150px !important;
}

@media only screen and (max-width: 1024px) {
  .vc_custom_1575895197294 .epgep-ajanlas-wrap {
    padding-bottom: 120px !important;
  }

  .epgep-geppark-showcase {
    margin-bottom: 120px !important;
  }
}

@media only screen and (max-width: 767px) {
  .vc_custom_1575895197294 .epgep-ajanlas-wrap {
    padding-bottom: 90px !important;
  }

  .epgep-geppark-showcase {
    margin-bottom: 90px !important;
  }
}


/* 2026-06-29 Rólunk / Szolgáltatások / Projektek – egységes 150px térköz */
#szolgaltatasok .wd_empty_space:first-child {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
}

#szolgaltatasok + .vc_row .wd_empty_space {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
}

@media screen and (max-width: 64em) {
  #szolgaltatasok .wd_empty_space:first-child {
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
  }

  #szolgaltatasok + .vc_row .wd_empty_space {
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
  }
}

@media screen and (max-width: 40em) {
  #szolgaltatasok .wd_empty_space:first-child {
    height: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
  }

  #szolgaltatasok + .vc_row .wd_empty_space {
    height: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
  }
}


/* =========================================================
   2026-06-29 HERO SLIDE – referencia képernyőkép szerinti klónozott tipó
   A desktop elrendezés a csatolt 2043×1015 px-es mintából lett visszamérve.
   ========================================================= */
@media only screen and (min-width: 779px) {
  #rev_slider_7_1 rs-layer[id$="layer-2"] {
    font-family: 'Inter', 'Open Sans', Arial, sans-serif !important;
    font-size: 30px !important;
    line-height: 42px !important;
    font-weight: 800 !important;
    letter-spacing: 5px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-1"] {
    font-family: 'Inter', 'Open Sans', Arial, sans-serif !important;
    font-size: 108px !important;
    line-height: 1.20 !important;
    font-weight: 900 !important;
    letter-spacing: -1px !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    max-width: 1120px !important;
  }

  #rev_slider_7_1 rs-layer[id$="layer-6"] {
    font-family: 'Open Sans', Arial, sans-serif !important;
    font-size: 26px !important;
    line-height: 38px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    max-width: 1140px !important;
  }
}

/* Revolution Slider betöltő/progress csík
   Csak a mozgó töltés legyen kék, az alap sáv maradjon átlátszó/világos.
   Így a csík nem teli statikus blokk, hanem a slide időzítését mutatja. */
#rev_slider_7_1_wrapper .tp-bannertimer,
#rev_slider_7_1_wrapper rs-progress-bar,
#rev_slider_7_1_wrapper .rs-progress-bar {
  background: #0f80fb !important;
  background-color: #0f80fb !important;
  background-image: none !important;
}

#rev_slider_7_1_wrapper rs-progress,
#rev_slider_7_1_wrapper .rs-progress {
  background: rgba(255, 255, 255, 0.32) !important;
  background-color: rgba(255, 255, 255, 0.32) !important;
  background-image: none !important;
}

/* 2026-06-29 Szolgáltatások kártyák: kék alsó csík és kontúr elvéve,
   megjelenés igazítva a Kérjen ajánlatot blokk box stílusához */
#szolgaltatasok + .vc_row .border-shadow.text-icon.boxes {
  border: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  background: #ffffff !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.08) !important;
}

#szolgaltatasok + .vc_row .border-shadow.text-icon.boxes::before,
#szolgaltatasok + .vc_row .border-shadow.text-icon.boxes::after {
  display: none !important;
  content: none !important;
}


/* 2026-06-29 Kért egységes sötétkék módosítások: #040e56 */
:root {
  --epgep-deep-blue: #040e56;
}

/* Felső menü Kapcsolat felvétel gomb */
.header-cta .wd-btn.btn-solid.btn-color-1.hover-color-2,
.header-cta a.wd-btn.btn-solid.btn-color-1.hover-color-2,
header .header-cta .wd-btn,
header .header-cta a.wd-btn {
  background: #040e56 !important;
  background-color: #040e56 !important;
  border-color: #040e56 !important;
  color: #ffffff !important;
}

/* Hover / aktív állapotban is maradjon az effekt, csak a sötétkék szín legyen egységes */
.header-cta .wd-btn.btn-solid.btn-color-1.hover-color-2:hover,
.header-cta .wd-btn.btn-solid.btn-color-1.hover-color-2:focus,
.header-cta .wd-btn.btn-solid.btn-color-1.hover-color-2:active,
header .header-cta .wd-btn:hover,
header .header-cta .wd-btn:focus,
header .header-cta .wd-btn:active {
  background: #040e56 !important;
  background-color: #040e56 !important;
  border-color: #040e56 !important;
  color: #ffffff !important;
}

/* Slide nyilak: háttér #040e56, a nyíldoboz és az ikon 20%-kal kisebb */
#rev_slider_7_1_wrapper .tparrows,
#rev_slider_7_1_wrapper rs-arrow,
#rev_slider_7_1_wrapper .rs-arrow,
.metis.tparrows {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  background: #040e56 !important;
  background-color: #040e56 !important;
  border-color: #040e56 !important;
}

#rev_slider_7_1_wrapper .tparrows:before,
#rev_slider_7_1_wrapper rs-arrow:before,
#rev_slider_7_1_wrapper .rs-arrow:before,
.metis.tparrows:before {
  color: #ffffff !important;
  transform: scale(1.2) !important;
  transform-origin: center center !important;
}

#rev_slider_7_1_wrapper .tparrows.rs-touchhover,
#rev_slider_7_1_wrapper rs-arrow.rs-touchhover,
#rev_slider_7_1_wrapper .rs-arrow.rs-touchhover,
.metis.tparrows.rs-touchhover {
  background: #040e56 !important;
  background-color: #040e56 !important;
  border-color: #040e56 !important;
}

#rev_slider_7_1_wrapper .tparrows.rs-touchhover:before,
#rev_slider_7_1_wrapper rs-arrow.rs-touchhover:before,
#rev_slider_7_1_wrapper .rs-arrow.rs-touchhover:before,
.metis.tparrows.rs-touchhover:before {
  color: #ffffff !important;
  transform: scale(1.2) !important;
}

/* Projektek 2026 blokk sötétkék háttere */
#referenciak,
#referenciak + .vc_row,
#referenciak + .vc_row.vc_custom_1575569633532,
#referenciak + .vc_row + .vc_row,
.vc_custom_1573841602282,
.vc_custom_1575569633532 {
  background-color: #040e56 !important;
}

/* Kérjen ajánlatot blokk - ÜZENET KÜLDÉSE gomb */
#ajanlat-form .epgep-quote-form button.wd-btn.btn-solid.btn-color-1.hover-color-2,
#ajanlat-form .epgep-quote-form button,
.epgep-quote-form button.wd-btn.btn-solid.btn-color-1.hover-color-2 {
  background: #040e56 !important;
  background-color: #040e56 !important;
  border-color: #040e56 !important;
  color: #ffffff !important;
}

/* A gomb effektjei maradnak, csak a szín legyen egységes */
#ajanlat-form .epgep-quote-form button.wd-btn.btn-solid.btn-color-1.hover-color-2:hover,
#ajanlat-form .epgep-quote-form button.wd-btn.btn-solid.btn-color-1.hover-color-2:focus,
#ajanlat-form .epgep-quote-form button.wd-btn.btn-solid.btn-color-1.hover-color-2:active,
#ajanlat-form .epgep-quote-form button:hover,
#ajanlat-form .epgep-quote-form button:focus,
#ajanlat-form .epgep-quote-form button:active,
.epgep-quote-form button.wd-btn.btn-solid.btn-color-1.hover-color-2:hover,
.epgep-quote-form button.wd-btn.btn-solid.btn-color-1.hover-color-2:focus,
.epgep-quote-form button.wd-btn.btn-solid.btn-color-1.hover-color-2:active {
  background: #040e56 !important;
  background-color: #040e56 !important;
  border-color: #040e56 !important;
  color: #ffffff !important;
}

/* 2026-06-29 Projektek teljes háttérblokk egységesítése #040e56-ra */
#referenciak,
#referenciak.vc_row,
#referenciak > .wpb_column,
#referenciak > .wpb_column > .vc_column-inner,
#referenciak > .wpb_column > .vc_column-inner > .wpb_wrapper,
.epgep-projects-final-row,
.epgep-projects-final-row.vc_row,
.epgep-projects-final-row > .wpb_column,
.epgep-projects-final-row > .wpb_column > .vc_column-inner,
.epgep-projects-final-row > .wpb_column > .vc_column-inner > .wpb_wrapper,
.epgep-projects-cta-row,
.epgep-projects-cta-row.vc_row,
.epgep-projects-cta-row > .wpb_column,
.epgep-projects-cta-row > .wpb_column > .vc_column-inner,
.epgep-projects-cta-row > .wpb_column > .vc_column-inner > .wpb_wrapper,
.epgep-projects-final-logo-row,
.epgep-projects-final-logo-row.vc_row,
.epgep-projects-final-logo-row > .wpb_column,
.epgep-projects-final-logo-row > .wpb_column > .vc_column-inner,
.epgep-projects-final-logo-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
  background: #040e56 !important;
  background-color: #040e56 !important;
  border-color: #040e56 !important;
}

/* WPBakery inline class-ek felülírása ugyanebben a szekcióban */
.vc_custom_1573841602282,
.vc_custom_1588528802388,
.vc_custom_1588529985605,
.vc_custom_1576675896062,
.vc_custom_1575894983499,
.vc_custom_1576690641489 {
  background: #040e56 !important;
  background-color: #040e56 !important;
}

/* 2026-06-29 Referenciák gomb körüli háttér teljes egységesítése */
.epgep-projects-cta-row,
.epgep-projects-cta-row .vc_column-inner,
.epgep-projects-cta-row .wpb_wrapper,
.epgep-projects-cta-wrap,
.epgep-projects-cta-row + .vc_row-full-width,
.epgep-projects-final-logo-row + .vc_row-full-width,
.epgep-projects-cta-row ~ .vc_row-full-width {
  background: #040e56 !important;
  background-color: #040e56 !important;
  border-color: #040e56 !important;
}


/* ==== 2026-07 tényleges javítás: Szolgáltatások és tanúsítványok első blokk igazítása
   Fontos: az első blokk nem .epgep-stc-hero, hanem #rolunk.epgep-about-section szerkezettel fut,
   ezért itt célzottan erre az oldalra és erre a blokkra állítjuk a margót és a kép távolságát. ==== */
body #rolunk.epgep-about-section {
  padding-top: 126px !important;
  padding-bottom: 104px !important;
}
body #rolunk.epgep-about-section .epgep-about-container {
  width: min(1320px, calc(100% - 120px)) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  grid-template-columns: minmax(420px, 600px) minmax(420px, 540px) !important;
  column-gap: 112px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
body #rolunk.epgep-about-section .epgep-about-title {
  left: 0 !important;
}
body #rolunk.epgep-about-section .epgep-about-title::before {
  left: -18px !important;
}
body .home #rolunk.epgep-about-section .epgep-about-text,
body .home #rolunk.epgep-about-section .wpb_text_column,
body .home #rolunk.epgep-about-section .wpb_text_column .wpb_wrapper {
  left: 0 !important;
  margin-left: 0 !important;
  max-width: 600px !important;
}
body #rolunk.epgep-about-section .epgep-about-image {
  align-self: center !important;
  margin-top: 24px !important;
}
body #rolunk.epgep-about-section .epgep-about-image img {
  width: 540px !important;
  max-width: 100% !important;
}
@media only screen and (max-width: 1180px) {
  body #rolunk.epgep-about-section .epgep-about-container {
    width: min(100%, calc(100% - 64px)) !important;
    grid-template-columns: minmax(360px, 1fr) minmax(360px, 520px) !important;
    column-gap: 64px !important;
  }
}
@media only screen and (max-width: 900px) {
  body #rolunk.epgep-about-section {
    padding-top: 76px !important;
    padding-bottom: 70px !important;
  }
  body #rolunk.epgep-about-section .epgep-about-container {
    width: min(720px, calc(100% - 32px)) !important;
    grid-template-columns: 1fr !important;
    row-gap: 34px !important;
  }
  body #rolunk.epgep-about-section .epgep-about-image {
    margin-top: 0 !important;
  }
}

/* 2026-07-03 egységes menü + lábléc jelölők véglegesítése */
.first-footer .widget_nav_menu ul.menu,
.first-footer .widget_nav_menu ul.menu li,
.first-footer .widget_recent_entries ul,
.first-footer .widget_recent_entries li {
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
}
.first-footer .widget_nav_menu ul.menu li,
.first-footer .widget_recent_entries li {
  position: relative !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  background: transparent !important;
}
.first-footer .widget_nav_menu ul.menu li::before,
.first-footer .widget_recent_entries li::before {
  content: ">" !important;
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  line-height: inherit !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  color: inherit !important;
  text-align: left !important;
  vertical-align: baseline !important;
}
.first-footer .widget_nav_menu ul.menu li::after,
.first-footer .widget_recent_entries li::after,
.first-footer .widget_nav_menu ul.menu li a::before,
.first-footer .widget_nav_menu ul.menu li a::after,
.first-footer .widget_recent_entries li a::before,
.first-footer .widget_recent_entries li a::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.first-footer .widget_nav_menu ul.menu li a,
.first-footer .widget_nav_menu ul.menu li a:hover,
.first-footer .widget_nav_menu ul.menu li.current-menu-item > a,
.first-footer .widget_nav_menu ul.menu li.current-menu-item > a:hover {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  background: transparent !important;
}


/* 2026-07-10 Főoldal: Projektek 2026 blokk helyett mozgó logósáv */
.epgep-home-logo-band {
  position: relative;
  overflow: hidden;
  background: #040e56;
  padding: 42px 0;
  margin: 0;
}

.epgep-home-logo-band::before,
.epgep-home-logo-band::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 96px;
  pointer-events: none;
  z-index: 2;
}

.epgep-home-logo-band::before {
  left: 0;
  background: linear-gradient(90deg, #040e56 0%, rgba(4, 14, 86, 0) 100%);
}

.epgep-home-logo-band::after {
  right: 0;
  background: linear-gradient(270deg, #040e56 0%, rgba(4, 14, 86, 0) 100%);
}

.epgep-home-logo-band__viewport {
  width: 100%;
  overflow: hidden;
}

.epgep-home-logo-band__track {
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
  animation: epgepLogoBandMarquee 30s linear infinite;
}

.epgep-home-logo-band__group {
  display: flex;
  align-items: center;
  gap: clamp(24px, 2.4vw, 54px);
  padding-right: clamp(24px, 2.4vw, 54px);
}

.epgep-home-logo-band__item {
  flex: 0 0 auto;
  width: clamp(148px, 11vw, 210px);
  min-width: 148px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.96;
  transition: transform 0.35s ease, opacity 0.35s ease, filter 0.35s ease;
}

.epgep-home-logo-band__item img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 68px;
  object-fit: contain;
  filter: saturate(1.02) brightness(1.04);
}

.epgep-home-logo-band__item:hover {
  transform: translateY(-3px) scale(1.04);
  opacity: 1;
}

.epgep-home-logo-band:hover .epgep-home-logo-band__track {
  animation-play-state: running;
}

@keyframes epgepLogoBandMarquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (max-width: 1199px) {
  .epgep-home-logo-band {
    padding: 36px 0;
  }

  .epgep-home-logo-band__track {
    animation-duration: 26s;
  }

  .epgep-home-logo-band__item {
    width: clamp(132px, 17vw, 176px);
    min-width: 132px;
    height: 76px;
  }

  .epgep-home-logo-band__item img {
    max-height: 64px;
  }
}

@media (max-width: 767px) {
  .epgep-home-logo-band {
    padding: 28px 0;
  }

  .epgep-home-logo-band::before,
  .epgep-home-logo-band::after {
    width: 42px;
  }

  .epgep-home-logo-band__group {
    gap: 24px;
    padding-right: 24px;
  }

  .epgep-home-logo-band__track {
    animation-duration: 22s;
  }

  .epgep-home-logo-band__item {
    width: 122px;
    min-width: 122px;
    height: 62px;
  }

  .epgep-home-logo-band__item img {
    max-height: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .epgep-home-logo-band__track {
    animation: none;
  }

  .epgep-home-logo-band__item,
  .epgep-home-logo-band__item:hover {
    transition: none;
    transform: none;
  }
}


/* 2026-07-10 Finomítás: vastagabb logósáv, nagyobb logók, középre igazított logósor */
.epgep-home-logo-band {
  padding: 54px 0;
}

.epgep-home-logo-band::before,
.epgep-home-logo-band::after {
  display: none;
}

.epgep-home-logo-band__viewport {
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
  padding: 0 28px;
}

.epgep-home-logo-band__track {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: none;
}

.epgep-home-logo-band__group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px 28px;
  padding-right: 0;
}

.epgep-home-logo-band__group[aria-hidden="true"] {
  display: none;
}

.epgep-home-logo-band__item {
  width: 160px;
  min-width: 160px;
  height: 96px;
}

.epgep-home-logo-band__item img {
  max-height: 78px;
}

.epgep-home-logo-band__item:nth-child(odd) {
  animation: epgepLogoFloat 5.8s ease-in-out infinite;
}

.epgep-home-logo-band__item:nth-child(even) {
  animation: epgepLogoFloat 6.4s ease-in-out infinite 0.5s;
}

@keyframes epgepLogoFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}

@media (max-width: 1199px) {
  .epgep-home-logo-band {
    padding: 48px 0;
  }

  .epgep-home-logo-band__group {
    gap: 22px 24px;
  }

  .epgep-home-logo-band__item {
    width: 148px;
    min-width: 148px;
    height: 84px;
  }

  .epgep-home-logo-band__item img {
    max-height: 68px;
  }
}

@media (max-width: 767px) {
  .epgep-home-logo-band {
    padding: 36px 0;
  }

  .epgep-home-logo-band__viewport {
    padding: 0 18px;
  }

  .epgep-home-logo-band__group {
    gap: 22px 24px;
  }

  .epgep-home-logo-band__item {
    width: 140px;
    min-width: 140px;
    height: 72px;
  }

  .epgep-home-logo-band__item img {
    max-height: 56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .epgep-home-logo-band__item,
  .epgep-home-logo-band__item:hover {
    animation: none;
  }
}

/* 2026-07-10 Finomítás 2: logók egy sorban, balról jobbra úszó sáv */
.epgep-home-logo-band {
  padding: 54px 0;
  overflow: hidden;
}

.epgep-home-logo-band__viewport {
  max-width: none;
  width: 100%;
  overflow: hidden;
  padding: 0;
}

.epgep-home-logo-band__track {
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  will-change: transform;
  animation: epgepLogoBandLTR 30s linear infinite;
}

.epgep-home-logo-band__group,
.epgep-home-logo-band__group[aria-hidden="true"] {
  display: flex;
  flex-wrap: nowrap;
  width: auto;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  padding-right: 32px;
}

.epgep-home-logo-band__item {
  width: 170px;
  min-width: 170px;
  height: 100px;
  animation: none;
}

.epgep-home-logo-band__item img {
  max-height: 80px;
}

.epgep-home-logo-band__item:hover {
  transform: translateY(-3px) scale(1.04);
}

@keyframes epgepLogoBandLTR {
  0% {
    transform: translate3d(-50%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 1199px) {
  .epgep-home-logo-band {
    padding: 48px 0;
  }

  .epgep-home-logo-band__track {
    animation-duration: 26s;
  }

  .epgep-home-logo-band__group,
  .epgep-home-logo-band__group[aria-hidden="true"] {
    gap: 26px;
    padding-right: 26px;
  }

  .epgep-home-logo-band__item {
    width: 150px;
    min-width: 150px;
    height: 88px;
  }

  .epgep-home-logo-band__item img {
    max-height: 70px;
  }
}

@media (max-width: 767px) {
  .epgep-home-logo-band {
    padding: 36px 0;
  }

  .epgep-home-logo-band__track {
    animation-duration: 22s;
  }

  .epgep-home-logo-band__group,
  .epgep-home-logo-band__group[aria-hidden="true"] {
    gap: 18px;
    padding-right: 18px;
  }

  .epgep-home-logo-band__item {
    width: 122px;
    min-width: 122px;
    height: 72px;
  }

  .epgep-home-logo-band__item img {
    max-height: 54px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .epgep-home-logo-band__track {
    animation: none;
  }

  .epgep-home-logo-band__item,
  .epgep-home-logo-band__item:hover {
    animation: none;
  }
}

/* 2026-07-10 Logósor függőleges igazítása: kissé feljebb a kék sávon belül */
.epgep-home-logo-band {
  padding-top: 42px;
  padding-bottom: 66px;
}

@media (max-width: 1199px) {
  .epgep-home-logo-band {
    padding-top: 38px;
    padding-bottom: 58px;
  }
}

@media (max-width: 767px) {
  .epgep-home-logo-band {
    padding-top: 29px;
    padding-bottom: 43px;
  }
}

/* 2026-07-10 Végleges logósáv-igazítás: optikailag középen, folyamatos animáció */
.epgep-home-logo-band {
  min-height: 190px;
  padding: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.epgep-home-logo-band__viewport {
  transform: translateY(-17px);
}

.epgep-home-logo-band__track,
.epgep-home-logo-band:hover .epgep-home-logo-band__track {
  animation-play-state: running !important;
}

.epgep-home-logo-band__item,
.epgep-home-logo-band__item:hover {
  transform: none;
}

@media (max-width: 1199px) {
  .epgep-home-logo-band {
    min-height: 172px;
    padding: 0;
  }

  .epgep-home-logo-band__viewport {
    transform: translateY(-14px);
  }
}

@media (max-width: 767px) {
  .epgep-home-logo-band {
    min-height: 138px;
    padding: 0;
  }

  .epgep-home-logo-band__viewport {
    transform: translateY(-9px);
  }
}

/* 2026-07-10 VÉGLEGES JAVÍTÁS: a logósor pontosan középen, azonos felső és alsó térközzel */
.epgep-home-logo-band {
  box-sizing: border-box;
  height: 190px;
  min-height: 190px;
  padding: 0 !important;
  margin: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.epgep-home-logo-band__viewport {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  transform: none !important;
}

.epgep-home-logo-band__track {
  height: 100%;
  display: flex;
  align-items: center;
  animation-play-state: running !important;
}

.epgep-home-logo-band:hover .epgep-home-logo-band__track {
  animation-play-state: running !important;
}

.epgep-home-logo-band__group,
.epgep-home-logo-band__group[aria-hidden="true"] {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.epgep-home-logo-band__item,
.epgep-home-logo-band__item:hover {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none;
}

.epgep-home-logo-band__item img {
  display: block;
  margin: 0;
}

@media (max-width: 1199px) {
  .epgep-home-logo-band {
    height: 172px;
    min-height: 172px;
    padding: 0 !important;
  }

  .epgep-home-logo-band__item,
  .epgep-home-logo-band__item:hover {
    height: 88px;
  }
}

@media (max-width: 767px) {
  .epgep-home-logo-band {
    height: 138px;
    min-height: 138px;
    padding: 0 !important;
  }

  .epgep-home-logo-band__item,
  .epgep-home-logo-band__item:hover {
    height: 72px;
  }
}


/* Rólunk blokk – váltakozó képek */
#rolunk.epgep-about-section .epgep-about-image {
  overflow: hidden !important;
}
#rolunk.epgep-about-section .epgep-about-image img {
  width: 540px !important;
  max-width: 100% !important;
  height: 540px !important;
  aspect-ratio: 1 / 1;
  object-fit: cover !important;
  transition: opacity 0.45s ease-in-out !important;
  opacity: 1;
}
@media only screen and (max-width: 1180px) {
  #rolunk.epgep-about-section .epgep-about-image img {
    height: auto !important;
    aspect-ratio: auto;
  }
}

/* Főoldal – Rólunk kép: ugyanaz a hover effekt, mint a Referenciáink képnél */
body #rolunk.epgep-about-section .epgep-about-image {
  box-shadow: 0 14px 40px rgba(4, 14, 86, 0.08) !important;
  transition:
    opacity 0.82s ease,
    transform 0.45s cubic-bezier(.22, .61, .36, 1),
    box-shadow 0.45s ease !important;
  will-change: transform, box-shadow;
}

body #rolunk.epgep-about-section .epgep-about-image.epgep-inview:hover {
  transform: translate3d(0, -6px, 0) scale(1) !important;
  box-shadow: 0 24px 58px rgba(4, 14, 86, 0.12) !important;
}

body #rolunk.epgep-about-section .epgep-about-image img {
  transition:
    opacity 0.45s ease-in-out,
    transform 0.75s cubic-bezier(.22, .61, .36, 1) !important;
  will-change: opacity, transform;
}

body #rolunk.epgep-about-section .epgep-about-image:hover img {
  transform: scale(1.04) !important;
}

@media (hover: none) {
  body #rolunk.epgep-about-section .epgep-about-image.epgep-inview:hover {
    transform: translate3d(0, 0, 0) scale(1) !important;
    box-shadow: 0 14px 40px rgba(4, 14, 86, 0.08) !important;
  }

  body #rolunk.epgep-about-section .epgep-about-image:hover img {
    transform: none !important;
  }
}


/* Főoldali videós hero – a korábbi képes slider helyett */
#home,
#home > .vc_column_container,
#home > .vc_column_container > .vc_column-inner,
#home > .vc_column_container > .vc_column-inner > .wpb_wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.epgep-video-hero {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  height: auto;
  min-height: 0;
  aspect-ratio: 1920 / 874;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  background: #040e56;
}

.epgep-video-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center top;
  border: 0;
}

.epgep-video-hero__content {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: min(1220px, calc(100% - 48px));
  margin: 0 auto;
  color: #fff;
  pointer-events: none;
}

.epgep-video-hero__eyebrow,
.epgep-video-hero__title,
.epgep-video-hero__subtitle {
  position: absolute;
  left: -18px;
  margin: 0;
  color: #fff;
}

.epgep-video-hero__eyebrow {
  top: 32.6%;
  font-family: 'Inter', 'Open Sans', sans-serif;
  font-size: clamp(18px, 1.5625vw, 30px);
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: clamp(2px, .26vw, 5px);
  text-transform: uppercase;
  white-space: nowrap;
}

.epgep-video-hero__title {
  top: 39.4%;
  width: calc(100vw - max(24px, calc((100vw - 1350px) / 2)) - 30px);
  max-width: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: 'Inter', 'Open Sans', sans-serif;
  font-size: clamp(62px, 8.4vw, 165px);
  line-height: .97;
  font-weight: 900;
  letter-spacing: -1px;
  text-transform: uppercase;
}

.epgep-video-hero__title span {
  display: block;
  white-space: nowrap;
}

.epgep-video-hero__subtitle {
  top: 78%;
  width: min(1120px, calc(100vw - 48px));
  font-family: 'Open Sans', sans-serif;
  font-size: clamp(20px, 1.77vw, 34px);
  line-height: 1.45;
  font-weight: 400;
  white-space: nowrap;
}

.epgep-video-hero__progress {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  height: 21px;
  overflow: hidden;
  background: rgba(4, 14, 86, .28);
  pointer-events: none;
}

.epgep-video-hero__progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: #0f80fb;
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

/* A videós hero egyetlen jelenet, ezért nincs szükség navigációs nyilakra vagy pontokra. */
#home .tparrows,
#home .tp-bullets,
#home rs-arrow,
#home rs-bullets {
  display: none !important;
}

@media (max-width: 1239px) {
  .epgep-video-hero__content {
    width: calc(100% - 48px);
  }

  .epgep-video-hero__eyebrow,
  .epgep-video-hero__title,
  .epgep-video-hero__subtitle {
    left: 5.2vw;
  }

  .epgep-video-hero__eyebrow {
    top: 27.5%;
    font-size: clamp(13px, 2.1vw, 26px);
    line-height: 1.3;
    letter-spacing: clamp(2px, .25vw, 3px);
  }

  .epgep-video-hero__title {
    top: 34%;
    width: calc(100% - 7vw);
    font-size: clamp(48px, 8.2vw, 102px);
    line-height: 1.02;
  }

  .epgep-video-hero__subtitle {
    top: 72.5%;
    width: calc(100% - 9vw);
    font-size: clamp(15px, 2vw, 25px);
    line-height: 1.35;
    white-space: normal;
  }
}

@media (max-width: 767px) {
  .epgep-video-hero__content {
    width: 100%;
  }

  .epgep-video-hero__eyebrow,
  .epgep-video-hero__title,
  .epgep-video-hero__subtitle {
    left: 22px;
  }

  .epgep-video-hero__eyebrow {
    top: 18%;
    max-width: calc(100% - 44px);
    font-size: clamp(8px, 2.6vw, 17px);
    line-height: 1.2;
    letter-spacing: clamp(1px, .45vw, 3px);
  }

  .epgep-video-hero__title {
    top: 29%;
    width: calc(100% - 44px);
    font-size: clamp(29px, 8.8vw, 66px);
    line-height: 1;
    letter-spacing: -.4px;
  }

  .epgep-video-hero__subtitle {
    top: 73%;
    width: calc(100% - 44px);
    font-size: clamp(9px, 2.5vw, 19px);
    line-height: 1.25;
    white-space: normal;
  }

  .epgep-video-hero__progress {
    height: 15px;
  }
}


/* 2026-07-14 – videós főoldali hero: eredeti méretarány, kisebb és stabil felirat */
.epgep-video-hero {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  line-height: 0 !important;
}

.epgep-video-hero__video {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

.epgep-video-hero__content {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  width: min(1220px, calc(100% - 48px)) !important;
  height: 100% !important;
  margin: 0 auto !important;
  line-height: normal !important;
}

.epgep-video-hero__eyebrow,
.epgep-video-hero__title,
.epgep-video-hero__subtitle {
  left: 0 !important;
}

.epgep-video-hero__eyebrow {
  top: 30.5% !important;
  font-size: clamp(16px, 1.35vw, 26px) !important;
  line-height: 1.25 !important;
  letter-spacing: clamp(2px, .22vw, 4px) !important;
  white-space: nowrap !important;
}

.epgep-video-hero__title {
  top: 38% !important;
  width: auto !important;
  max-width: calc(100% - 20px) !important;
  display: block !important;
  font-size: clamp(52px, 4.75vw, 92px) !important;
  line-height: 1.03 !important;
  letter-spacing: -1px !important;
  white-space: normal !important;
}

.epgep-video-hero__title span {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}

.epgep-video-hero__subtitle {
  top: 66.5% !important;
  width: min(1000px, calc(100% - 20px)) !important;
  font-size: clamp(16px, 1.35vw, 26px) !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

/* A korábban kért, háromszoros vastagságú kék lejátszási csík. */
.epgep-video-hero__progress {
  height: 21px !important;
}

@media (max-width: 1239px) {
  .epgep-video-hero__content {
    width: calc(100% - 80px) !important;
  }
  .epgep-video-hero__eyebrow {
    top: 28% !important;
    font-size: clamp(13px, 1.6vw, 20px) !important;
  }
  .epgep-video-hero__title {
    top: 36% !important;
    font-size: clamp(42px, 5vw, 72px) !important;
  }
  .epgep-video-hero__subtitle {
    top: 67% !important;
    font-size: clamp(14px, 1.65vw, 21px) !important;
  }
}

@media (max-width: 767px) {
  .epgep-video-hero__content {
    width: calc(100% - 36px) !important;
  }
  .epgep-video-hero__eyebrow {
    top: 21% !important;
    font-size: clamp(8px, 2.6vw, 14px) !important;
    letter-spacing: clamp(1px, .45vw, 2px) !important;
  }
  .epgep-video-hero__title {
    top: 32% !important;
    max-width: 100% !important;
    font-size: clamp(27px, 8vw, 48px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.4px !important;
  }
  .epgep-video-hero__subtitle {
    top: 70% !important;
    width: 100% !important;
    font-size: clamp(9px, 2.5vw, 15px) !important;
    line-height: 1.25 !important;
  }
  .epgep-video-hero__progress {
    height: 12px !important;
  }
}


/* 2026-07-14 – hero felirat igazítása a fejléc bal margójához + egységes térközök */
.epgep-video-hero {
  position: relative !important;
}

.epgep-video-hero__content {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  width: min(1336px, calc(100% - 200px)) !important;
  height: 100% !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 18px !important;
  padding: clamp(18px, 2.2vw, 34px) 0 0 0 !important;
  box-sizing: border-box !important;
  line-height: normal !important;
}

.epgep-video-hero__eyebrow,
.epgep-video-hero__title,
.epgep-video-hero__subtitle {
  position: static !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
}

.epgep-video-hero__eyebrow {
  font-size: clamp(18px, 1.6vw, 30px) !important;
  line-height: 1.18 !important;
  letter-spacing: clamp(2px, 0.22vw, 4px) !important;
  white-space: nowrap !important;
}

.epgep-video-hero__title {
  width: min(1280px, 100%) !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  font-size: clamp(58px, 6vw, 124px) !important;
  line-height: 0.92 !important;
  letter-spacing: -1.6px !important;
}

.epgep-video-hero__title span {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}

.epgep-video-hero__subtitle {
  width: min(1050px, 100%) !important;
  font-size: clamp(18px, 1.7vw, 28px) !important;
  line-height: 1.24 !important;
  white-space: normal !important;
}

.epgep-video-hero__progress {
  height: 21px !important;
}

@media (max-width: 1366px) {
  .epgep-video-hero__content {
    width: calc(100% - 140px) !important;
    gap: 16px !important;
    padding-top: 18px !important;
  }
  .epgep-video-hero__title {
    font-size: clamp(52px, 5.7vw, 102px) !important;
  }
  .epgep-video-hero__subtitle {
    width: min(980px, 100%) !important;
    font-size: clamp(16px, 1.55vw, 24px) !important;
  }
}

@media (max-width: 1024px) {
  .epgep-video-hero__content {
    width: calc(100% - 88px) !important;
    gap: 14px !important;
    padding-top: 10px !important;
  }
  .epgep-video-hero__eyebrow {
    font-size: clamp(14px, 2vw, 22px) !important;
    letter-spacing: clamp(1.4px, 0.25vw, 3px) !important;
  }
  .epgep-video-hero__title {
    font-size: clamp(40px, 6vw, 72px) !important;
    gap: 4px !important;
    line-height: 0.95 !important;
  }
  .epgep-video-hero__subtitle {
    width: min(760px, 100%) !important;
    font-size: clamp(14px, 1.9vw, 20px) !important;
    line-height: 1.28 !important;
  }
}

@media (max-width: 767px) {
  .epgep-video-hero__content {
    width: calc(100% - 34px) !important;
    gap: 10px !important;
    justify-content: center !important;
    padding-top: 0 !important;
  }
  .epgep-video-hero__eyebrow {
    font-size: clamp(10px, 2.7vw, 14px) !important;
    line-height: 1.2 !important;
    letter-spacing: clamp(1px, 0.35vw, 2px) !important;
    white-space: normal !important;
  }
  .epgep-video-hero__title {
    width: 100% !important;
    font-size: clamp(24px, 7.9vw, 46px) !important;
    gap: 2px !important;
    line-height: 0.98 !important;
    letter-spacing: -0.5px !important;
  }
  .epgep-video-hero__title span {
    white-space: normal !important;
  }
  .epgep-video-hero__subtitle {
    width: 100% !important;
    font-size: clamp(10px, 2.7vw, 15px) !important;
    line-height: 1.28 !important;
  }
  .epgep-video-hero__progress {
    height: 12px !important;
  }
}


/* 2026-07-14 – minden hero-szövegsor között azonos függőleges térköz */
.epgep-video-hero__content {
  gap: clamp(18px, 1.6vw, 30px) !important;
}

.epgep-video-hero__title {
  display: contents !important;
}

.epgep-video-hero__title span {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  font-family: 'Inter', 'Open Sans', sans-serif !important;
  font-size: clamp(58px, 6vw, 124px) !important;
  line-height: 0.92 !important;
  font-weight: 900 !important;
  letter-spacing: -1.6px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  white-space: nowrap !important;
}

@media (max-width: 1366px) {
  .epgep-video-hero__content {
    gap: clamp(16px, 1.45vw, 24px) !important;
  }
  .epgep-video-hero__title span {
    font-size: clamp(52px, 5.7vw, 102px) !important;
  }
}

@media (max-width: 1024px) {
  .epgep-video-hero__content {
    gap: clamp(13px, 1.7vw, 20px) !important;
  }
  .epgep-video-hero__title span {
    font-size: clamp(40px, 6vw, 72px) !important;
    line-height: 0.95 !important;
  }
}

@media (max-width: 767px) {
  .epgep-video-hero__content {
    gap: clamp(8px, 2.3vw, 12px) !important;
  }
  .epgep-video-hero__title span {
    font-size: clamp(24px, 7.9vw, 46px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.5px !important;
    white-space: normal !important;
  }
}