.elementor-284 .elementor-element.elementor-element-64a55b5{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-284 .elementor-element.elementor-element-0ab9657{--display:flex;--min-height:14vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--border-radius:10px 10px 10px 10px;}.elementor-284 .elementor-element.elementor-element-0ab9657:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-0ab9657 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-284 .elementor-element.elementor-element-8f44d13{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-55cf473{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-02effd5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-284 .elementor-element.elementor-element-dbbc3dd{--display:flex;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#AE791D;--border-color:#AE791D;--border-radius:0px 0px 0px 0px;}@media(min-width:768px){.elementor-284 .elementor-element.elementor-element-64a55b5{--content-width:100%;}.elementor-284 .elementor-element.elementor-element-0ab9657{--width:75%;}.elementor-284 .elementor-element.elementor-element-dbbc3dd{--width:75%;}}/* Start custom CSS for container, class: .elementor-element-0ab9657 *//* 1. ELTÜNTETJÜK A FELSŐ SZÜRKE HÁTTERET ÉS BEILLESZTJÜK A SÖTÉTKÉK ALAPBA */
.felso-gombok-kontener {
    background-color: transparent !important; /* Eltünteti a szürke dobozt */
    background: transparent !important;
    padding: 30px 0px !important; /* Kicsit növelve a konténer külső függőleges tere is */
    display: flex !important;
    justify-content: center !important;
    gap: 40px !important; /* MEGNÖVELVE (20px-ről 40px-re) -> Több hely a gombok között */
    border: none !important;
    box-shadow: none !important;
}

/* 2. AZ ALAPÁLLAPOTÚ GOMBOK (Még nagyobb méret) */
.felso-gombok-kontener .elementor-button {
    background-color: #ffffff !important; /* Pontos halványszürke háttér */
    color: #64748b !important; /* Pontos szürkéskék szöveg */
    font-family: inherit !important;
    font-size: 18px !important; /* MÉG NAGYOBB BETŰ (16px-ről 18px-re) */
    font-weight: 600 !important; /* Kicsit vastagabb betűk a jobb olvashatóságért */
    padding: 18px 40px !important; /* MÉG NAGYOBB GOMBOK (14px 32px-ről 18px 40px-re) */
    border-radius: 35px !important; /* HOZZÁIGAZÍTVA a még nagyobb mérethez, hogy szép kerek maradjon */
    border: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
}

/* 3. EGÉR RÁHÚZÁS (HOVER) EFFEKT */
.felso-gombok-kontener .elementor-button:hover {
    background-color: #e2e8f0 !important; /* Kicsit sötétebb szürke rámutatáskor */
    color: #1e293b !important;
}

/* 4. AZ AKTÍV / KIJELÖLT GOMB */
.felso-gombok-kontener .aktiv-gomb .elementor-button {
    background-color: #3b82f6 !important; /* Erős királykék */
    color: #ffffff !important; /* Fehér szöveg */
    font-weight: 700 !important;
    box-shadow: 0 6px 15px rgba(59, 130, 246, 0.4) !important; /* Erősebb ragyogás a nagyobb mérethez */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64a55b5 */.elementor-284 .elementor-element.elementor-element-64a55b5 {
    /* Teljes képernyős szélesség és magasság */
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 40px;
    box-sizing: border-box;
    
    /* Alap sötétkék háttérszín */
    background-color: #242943;
    
    /* Csak mérnöki alakzatok (SVG) szövegek nélkül */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' viewBox='0 0 1000 1000'><g fill='none' stroke='%23AE791D' stroke-width='1' opacity='0.35'><circle cx='200' cy='250' r='120'/><circle cx='200' cy='250' r='125' stroke-dasharray='5,5'/><line x1='50' y1='250' x2='350' y2='250'/><line x1='200' y1='100' x2='200' y2='400'/><path d='M150,200 L250,300 M250,200 L150,300'/><circle cx='200' cy='250' r='4'/><polygon points='750,150 900,400 600,350'/><line x1='750' y1='150' x2='750' y2='400' stroke-dasharray='2,4'/><line x1='600' y1='350' x2='900' y2='400' stroke-dasharray='4,4'/><circle cx='750' cy='150' r='8' fill='%23AE791D'/><circle cx='900' cy='400' r='4' fill='%23AE791D'/><line x1='100' y1='750' x2='400' y2='750'/><line x1='100' y1='800' x2='400' y2='800'/><line x1='100' y1='850' x2='400' y2='850'/><line x1='150' y1='700' x2='150' y2='900'/><line x1='250' y1='700' x2='250' y2='900'/><line x1='350' y1='700' x2='350' y2='900'/><path d='M 700,700 A 150,150 0 0,0 850,850' stroke-dasharray='6,6'/><path d='M 650,650 A 200,200 0 0,0 850,850'/><line x1='650' y1='650' x2='850' y2='850'/></g></svg>");
    
    /* Háttér tulajdonságok beállításai */
    background-position: center center;
    background-repeat: repeat; /* Ismétlődik, hogy kitöltse a teret */
    background-size: 1000px 1000px; /* A mintázat mérete pixelben */
    
    /* Elementor konténer belső igazítása */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

/* Finom sötétítő réteg az olvashatóságért */
.elementor-284 .elementor-element.elementor-element-64a55b5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(36, 41, 67, 0.1); 
    z-index: -1;
}/* End custom CSS */