Currency exchange directly on your phone without visiting the bank.

Advantages:

Send us your suggestions / notifications / opinions about the service experience, using products and/or benefiting from Energbank services.

We use cookies to keep the website working, analyze traffic and improve your experience. You can accept all cookies, only the essential ones, or customize your preferences. Learn more in

We respect your privacy

We use cookies to provide visitors with a better online experience, to personalize content, to analyze traffic and to deliver all the functionality of our website.

Your experience is important to us.

is a member of the Deposit Guarantee Scheme of the Republic of Moldova

Name

Now you can exchange currency between your card or current accounts via Energbank Mobile from Monday to Friday during business days.

With SMART CURS you get the best online currency exchange rate!

To use SMART CURS, download Energbank Mobile.

Have you ever wondered how you can get a better exchange rate? Energbank offers you the best exchange rate in the country.

Subject

if using our services/products, the result was not what you expected and you faced situations where you were dissatisfied with the quality of the products/services or with the behavior of the personnel involved in the service, send us your complaint by filling out the form.

Thank you in advance!

Dear customer,

Schimb valutar direct la tine în telefon, fără a te deplasa la bancă.

Avantaje:

Transmite-ne sugestiile / sesizările / părerile despre experiența de deservire, de utilizare a produselor și/sau de beneficierea de serviciile Energbank.

Folosim cookie-uri pentru a asigura funcționarea site-ului, a analiza traficul și a îmbunătăți experiența ta. Poți accepta toate cookie-urile, doar pe cele esențiale sau îți poți personaliza preferințele. Află mai multe în

Respectăm confidențialitatea ta

Utilizăm cookie-uri pentru oferi vizitatorilor o mai bună navigare online, pentru a personaliza conținutul, pentru a analiza traficul și pentru a livra toate funcționalitățile site-ului nostru.

Experiența ta este importantă pentru noi.

este membră a Schemei de Garantare a Depozitelor din Republica Moldova

Nume

Acum poți face schimburi valutare între conturile tale de card sau curente prin Energbank Mobile, de luni până vineri în zilele lucrătoare.

Cu SMART CURS beneficiezi de cel mai avantajos schimb valutar online!

Ca să te bucuri de SMART CURS, folosește și tu Energbank Mobile.

Te-ai întrebat cum poți beneficia de cel mai bun curs valutar? Energbank îți oferă cel mai avantajos curs valutar din țară.

Subiect

dacă beneficiind de serviciile/produsele noastre, rezultatul nu a fost cel așteptat și te-ai confruntat cu situații în care ai fost nemulțumit de calitatea produselor/serviciilor sau de comportamentul personalului implicat în deservire, transmite-ne reclamația ta, completând formularul.

Îți mulțumim anticipat!

Dragă client,

Выгодный обменный курс;

Отсутствие ограничений по срокам и суммам;

Обмен валюты прямо на вашем телефоне без посещения банка.

Преимущества:

Присылайте нам свои предложения/уведомления/мнения об опыте обслуживания, использовании продуктов и/или преимуществах услуг Energbank.

Мы используем файлы cookies для работы сайта, анализа трафика и улучшения вашего опыта. Вы можете принять все файлы cookies, только необходимые или настроить свои предпочтения. Подробнее в

Мы уважаем вашу конфиденциальность

Мы используем файлы cookies, чтобы предоставить посетителям лучший опыт работы в Интернете, персонализировать контент, анализировать трафик и обеспечить все функциональные возможности нашего веб-сайта.

Ваш опыт важен для нас.

является членом системы гарантирования вкладов Республики Молдова

Имя

Теперь вы можете обменивать валюту между своими карточными или текущими счетами через Energbank Mobile с понедельника по пятницу в рабочие дни.

С SMART CURS получаете самый выгодный курс обмена валюты онлайн!

Чтобы воспользоваться SMART CURS, скачайте Energbank Mobile.

Задумывались ли вы, как можете получить лучший обменный курс? Energbank предлагает вам лучший обменный курс в стране.

Тема

если при использовании наших услуг/продуктов результат оказался не таким, как вы ожидали, и вы столкнулись с ситуациями, когда вы были недовольны качеством продуктов/услуг или поведением персонала, задействованного в обслуживании, отправьте нам свою жалобу, заполнив форму форма.

Заранее спасибо!

Уважаемый клиент,

#ffffff

<div class="ar-guarantee-section">
<h2 class="ar-section-title">Fondul de garantare a depozitelor</h2>

<div class="ar-card">
<div class="ar-header-row">
<div class="ar-logo-container"><img alt="Logo FGDSB" class="ar-fgdsb-logo" src="https://www.energbank.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffgdsb.718208f9.png&amp;w=128&amp;q=75" /></div>

<div class="ar-legal-text">
<p class="ar-highlight-text">Depozitele sunt garantate conform <strong>Legii nr.160 din 22.06.2023</strong>.</p>

<p>Plafonul de garantare acoperă depozitele &icirc;n monedă naţională şi valută străină, deţinute de persoane fizice și juridice (rezidente și nerezidente).</p>
</div>
</div>

<div class="ar-separator">&nbsp;</div>

<div class="ar-info-grid">
<div class="ar-info-item">
<div class="ar-icon-minimal"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg></div>

<div><span class="ar-label">Sediul</span> <span class="ar-value">bd. Ștefan cel Mare și Sf&acirc;nt 180, of. 1311, Chișinău</span></div>
</div>

<div class="ar-info-item">
<div class="ar-icon-minimal"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></div>

<div><span class="ar-label">Telefon</span> <a class="ar-link" href="tel:+37322296051">+(373 22) 29-60-51</a></div>
</div>

<div class="ar-info-item">
<div class="ar-icon-minimal"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg></div>

<div><span class="ar-label">E-mail</span> <a class="ar-link" href="mailto:info@fgdsb.md">info@fgdsb.md</a></div>
</div>

<div class="ar-info-item">
<div class="ar-icon-minimal"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><circle cx="12" cy="12" r="10"></circle><line x1="2" x2="22" y1="12" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1 4-10z"></path></svg></div>

<div><span class="ar-label">Website</span> <a class="ar-link" href="http://www.fgdsb.md" target="_blank">www.fgdsb.md</a></div>
</div>
</div>

<div class="ar-files-container"><a class="ar-file-btn" href="https://fgdsb.md/wp-content/uploads/2024/06/Brosura_FGDSB.pdf" target="_blank"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg> Descarcă Broșura </a> <a class="ar-file-btn" href="https://www.energbank.com/api/v1/static/storage/23/01/2026/Anexa_nr._2_-_Formularul.pdf" target="_blank"> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" x2="8" y1="13" y2="13"></line><line x1="16" x2="8" y1="17" y2="17"></line><line x1="10" x2="8" y1="9" y2="9"></line></svg> Formular informare </a></div>
</div>
</div>
<style type="text/css">.ar-guarantee-section {
    max-width: 1920px;
    margin: 40px auto;
    color: #333;
}

.ar-section-title {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 24px;
    text-align: center;
}

.ar-card {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02); 
}


.ar-header-row {
    display: flex;
    align-items: center;
    gap: 24px;
}

.ar-logo-container {
    flex-shrink: 0;
    width: 100px;
}

.ar-fgdsb-logo {
    width: 100%;
    height: auto;
    display: block;
}

.ar-legal-text p {
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 6px 0;
    color: #555;
}

.ar-legal-text p:last-child {
    margin-bottom: 0;
}

.ar-highlight-text {
    color: #1a1a1a;
    font-size: 16px !important;
}

.ar-separator {
    height: 1px;
    background-color: #f0f0f0;
    margin: 24px 0;
    width: 100%;
}

.ar-info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
    margin-bottom: 24px;
}

.ar-info-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.ar-icon-minimal {
    color: #ff9900;
    flex-shrink: 0;
    margin-top: 2px;
}

.ar-icon-minimal svg {
    width: 18px;
    height: 18px;
}

.ar-label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    color: #999;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.ar-value, .ar-link {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
}

.ar-link:hover {
    color: #ff9900;
    text-decoration: underline;
}


.ar-files-container {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    background: #fafafa;
    padding: 16px;
    border-radius: 8px;
}

.ar-file-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #444;
    text-decoration: none;
    padding: 8px 16px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.ar-file-btn svg {
    width: 16px;
    height: 16px;
    color: #ff9900;
}

.ar-file-btn:hover {
    border-color: #ff9900;
    color: #ff9900;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* --- Responsive Styles --- */
@media (max-width: 768px) {
    .ar-section-title {
        font-size: 22px;
        margin-bottom: 16px;
    }


    .ar-guarantee-section {
        margin: 20px 0 !important;
        width: 100% !important;
    }
    
    .ar-card {
        padding: 20px;
    }

    /* Stack logo and text */
    .ar-header-row {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    .ar-logo-container {
        width: 120px; /* Logo puțin mai mare pe mobil pt vizibilitate */
    }

  
    .ar-info-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

   
    .ar-files-container {
        flex-direction: column;
        padding: 12px;
    }

    .ar-file-btn {
        width: 100%;
        justify-content: center;
    }
}
</style>


<div class="eb-docs-section">
<h2 class="eb-docs-title">Acte necesare</h2>

<div class="eb-docs-group">
<div class="eb-docs-grid">
<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><rect height="16" rx="2" width="18" x="3" y="4"></rect><circle cx="9" cy="10" r="2"></circle><line x1="15" x2="19" y1="8" y2="8"></line><line x1="15" x2="19" y1="12" y2="12"></line><line x1="7" x2="17" y1="16" y2="16"></line></svg></div>

<div class="eb-docs-text"><strong>Actul de identitate</strong> al deponentului, &icirc;n original</div>
</div>
</div>
</div>

<details class="eb-docs-collapse"><summary class="eb-docs-subtitle">Prin persoană &icirc;mputernicită</summary>

<div class="eb-docs-group">
<div class="eb-docs-grid">
<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div>

<div class="eb-docs-text"><strong>ID &Icirc;mputernicit:</strong> Actul de identitate al persoanei &icirc;mputernicite, &icirc;n original</div>
</div>

<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect height="4" rx="1" ry="1" width="8" x="8" y="2"></rect></svg></div>

<div class="eb-docs-text"><strong>Copia deponentului:</strong> Copia autentificată notarial a actului de identitate al deponentului</div>
</div>

<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" x2="8" y1="13" y2="13"></line><line x1="16" x2="8" y1="17" y2="17"></line><line x1="10" x2="8" y1="9" y2="9"></line></svg></div>

<div class="eb-docs-text"><strong>Procura:</strong> &Icirc;n original sau copie autentificată notarial</div>
</div>
</div>
</div>
</details>

<details class="eb-docs-collapse"><summary class="eb-docs-subtitle">Pentru minori sau persoane cu capacitate limitată</summary>

<div class="eb-docs-group">
<div class="eb-docs-grid">
<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg></div>

<div class="eb-docs-text"><strong>Tutore/Părinte:</strong> Actul de identitate al părintelui/tutorelui, &icirc;n original</div>
</div>

<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" x2="9.01" y1="9" y2="9"></line><line x1="15" x2="15.01" y1="9" y2="9"></line></svg></div>

<div class="eb-docs-text"><strong>Certificat naștere:</strong> Certificatul minorului sau copia autentificată a ID-ului</div>
</div>

<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path></svg></div>

<div class="eb-docs-text"><strong>Act autoritate:</strong> Actul autorității de tutelă/curatelă, după caz</div>
</div>

<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5z"></path><path d="M2 17l10 5 10-5"></path><path d="M2 12l10 5 10-5"></path></svg></div>

<div class="eb-docs-text"><strong>Hotăr&acirc;re Judecătorească:</strong> Privind instituirea tutelei, &icirc;n copie</div>
</div>
</div>
</div>
</details>
</div>
<style type="text/css">.eb-docs-section {
    background: transparent;
    max-width: 100%;
    margin: 40px auto;
    font-family: inherit;
}

.eb-docs-title {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 32px;
    text-align: center;
}

/* Stil pentru elementul care controlează deschiderea */
.eb-docs-collapse {
    margin-bottom: 10px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.eb-docs-subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #555;
    margin: 20px 0 10px 0;
    padding: 10px 10px 10px 15px;
    border-left: 4px solid #ff9900;
    cursor: pointer;
    list-style: none; /* Ascunde săgeata default în unele browsere */
    position: relative;
    background: #fdfdfd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Adăugăm o săgeată personalizată */
.eb-docs-subtitle::after {
    content: '+';
    font-size: 24px;
    color: #ff9900;
    font-weight: 400;
}

/* Schimbăm simbolul când e deschis */
details[open] .eb-docs-subtitle::after {
    content: '−';
}

/* Ascunde marker-ul default în Safari/Chrome */
.eb-docs-subtitle::-webkit-details-marker {
    display: none;
}

.eb-docs-group {
    margin-bottom: 20px;
    padding: 10px 0;
}

.eb-docs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.eb-docs-item {
    display: flex;
    align-items: center;
    background: #ffffff;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid #eaeaea;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.eb-icon-wrapper {
    width: 44px;
    height: 44px;
    background: #fff4e5;
    color: #ff9900;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}

.eb-icon-wrapper svg {
    width: 22px;
    height: 22px;
}

.eb-docs-text {
    font-size: 14px;
    color: #444;
    line-height: 1.5;
}

.eb-docs-text strong {
    color: #1a1a1a;
    display: block;
    margin-bottom: 2px;
}

@media (max-width: 768px) {
    .eb-docs-grid {
        grid-template-columns: 1fr;
    }
    .eb-docs-title {
        font-size: 22px;
    }
    .eb-docs-subtitle {
        font-size: 16px;
    }
}
</style>


<div class="eb-docs-section">
<h2 class="eb-docs-title">Acte necesare</h2>

<div class="eb-docs-group">
<div class="eb-docs-grid">
<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><rect height="16" rx="2" width="18" x="3" y="4"></rect><circle cx="9" cy="10" r="2"></circle><line x1="15" x2="19" y1="8" y2="8"></line><line x1="15" x2="19" y1="12" y2="12"></line><line x1="7" x2="17" y1="16" y2="16"></line></svg></div>

<div class="eb-docs-text"><strong>Actul de identitate</strong> al deponentului, &icirc;n original</div>
</div>
</div>
</div>

<details class="eb-docs-collapse" open=""><summary class="eb-docs-subtitle">Prin persoană &icirc;mputernicită</summary>

<div class="eb-docs-group">
<div class="eb-docs-grid">
<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div>

<div class="eb-docs-text"><strong>Actul de identitate&nbsp;</strong>al persoanei &icirc;mputernicite, &icirc;n original</div>
</div>

<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect height="4" rx="1" ry="1" width="8" x="8" y="2"></rect></svg></div>

<div class="eb-docs-text"><strong>Copia autentificată</strong> notarial a actului de identitate al deponentului</div>
</div>

<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" x2="8" y1="13" y2="13"></line><line x1="16" x2="8" y1="17" y2="17"></line><line x1="10" x2="8" y1="9" y2="9"></line></svg></div>

<div class="eb-docs-text"><strong>Procura</strong> &icirc;n original sau copie autentificată notarial</div>
</div>
</div>
</div>
</details>

<details class="eb-docs-collapse" open=""><summary class="eb-docs-subtitle">Pentru minori sau persoane cu capacitate limitată</summary>

<div class="eb-docs-group">
<div class="eb-docs-grid">
<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg></div>

<div class="eb-docs-text"><strong>Actul de identitate </strong>al părintelui/tutorelui (curatorului), &icirc;n original</div>
</div>

<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" x2="9.01" y1="9" y2="9"></line><line x1="15" x2="15.01" y1="9" y2="9"></line></svg></div>

<div class="eb-docs-text"><strong>Certificatul de naștere </strong>al minorului sau copia autentificată notarial a actului de identitate</div>
</div>

<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path></svg></div>

<div class="eb-docs-text"><strong>Actul autorității </strong>de tutelă/curatelă, după caz</div>
</div>

<div class="eb-docs-item">
<div class="eb-icon-wrapper"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5z"></path><path d="M2 17l10 5 10-5"></path><path d="M2 12l10 5 10-5"></path></svg></div>

<div class="eb-docs-text"><strong>Copia hotăr&acirc;rii judecătorești </strong>privind instituirea tutelei/curatelei, după caz</div>
</div>
</div>
</div>
</details>
</div>
<style type="text/css">.eb-docs-section {
    background: transparent;
    max-width: 100%;
    margin: 40px auto;
    font-family: inherit;
}

.eb-docs-title {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 32px;
    text-align: center;
}

/* Stil pentru elementul care controlează deschiderea */
.eb-docs-collapse {
    margin-bottom: 10px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.eb-docs-subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #555;
    margin: 20px 0 10px 0;
    padding: 10px 10px 10px 15px;
    border-left: 4px solid #ff9900;
    cursor: pointer;
    list-style: none; /* Ascunde săgeata default în unele browsere */
    position: relative;
    background: #fdfdfd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Adăugăm o săgeată personalizată */
.eb-docs-subtitle::after {
    content: '+';
    font-size: 24px;
    color: #ff9900;
    font-weight: 400;
}

/* Schimbăm simbolul când e deschis */
details[open] .eb-docs-subtitle::after {
    content: '−';
}

/* Ascunde marker-ul default în Safari/Chrome */
.eb-docs-subtitle::-webkit-details-marker {
    display: none;
}

.eb-docs-group {
    margin-bottom: 20px;
    padding: 10px 0;
}

.eb-docs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.eb-docs-item {
    display: flex;
    align-items: center;
    background: #ffffff;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid #eaeaea;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.eb-icon-wrapper {
    width: 44px;
    height: 44px;
    background: #fff4e5;
    color: #ff9900;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}

.eb-icon-wrapper svg {
    width: 22px;
    height: 22px;
}

.eb-docs-text {
    font-size: 14px;
    color: #444;
    line-height: 1.5;
}

.eb-docs-text strong {
    color: #1a1a1a;
    display: block;
    margin-bottom: 2px;
}

@media (max-width: 768px) {
    .eb-docs-grid {
        grid-template-columns: 1fr;
    }
    .eb-docs-title {
        font-size: 22px;
    }
    .eb-docs-subtitle {
        font-size: 16px;
    }
}
</style>


<h2 class="benefits-heading">&nbsp;</h2>

<h2 class="benefits-heading">Fă-ți propriile calcule</h2>


<div class="benefits-section">
<h2 class="benefits-heading">Beneficii principale</h2>

<div class="benefits-grid">
<div class="benefit-card">
<div class="benefit-icon"><svg fill="none" height="40" stroke="#FF9900" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="40"> <line x1="19" x2="5" y1="5" y2="19"></line> <circle cx="6.5" cy="6.5" r="2.5"></circle> <circle cx="17.5" cy="17.5" r="2.5"></circle> </svg></div>

<h3 class="benefit-title">Dob&acirc;ndă fixă</h3>
</div>

<div class="benefit-card">
<div class="benefit-icon"><svg fill="none" height="40" stroke="#FF9900" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="40"> <rect height="18" rx="2" ry="2" width="18" x="3" y="4"></rect> <line x1="16" x2="16" y1="2" y2="6"></line> <line x1="8" x2="8" y1="2" y2="6"></line> <line x1="3" x2="21" y1="10" y2="10"></line> </svg></div>

<h3 class="benefit-title">Termene multiple</h3>
</div>

<div class="benefit-card">
<div class="benefit-icon"><svg fill="none" height="40" stroke="#FF9900" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="40"> <rect height="14" rx="2" ry="2" width="22" x="1" y="5"></rect> <line x1="1" x2="23" y1="10" y2="10"></line> </svg></div>

<h3 class="benefit-title">Card bancar gratuit</h3>
</div>
</div>
</div>
<style type="text/css">:root {
    --brand: #FF9900;
    --text: #1a1a1a;
    --muted: #4b4b4b;
}

.benefits-section {
    max-width: 1100px;
    width: 100%;
    margin: 32px auto;
    padding: 0 15px;
    box-sizing: border-box;

}

.benefits-heading {
    font-size: 28px;
    font-weight: 800;
    color: var(--text);
    margin-bottom: 40px;
    text-align: center;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
}

.benefit-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px;
}

.benefit-icon {
    margin-bottom: 15px;
    /* Adăugat un fundal subtil pentru a evidenția iconițele */
    background: #fff4e5;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefit-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 6px 0;
    line-height: 1.2;
}

.benefit-desc {
    font-size: 15px;
    color: var(--muted);
    margin: 0;
}

@media (max-width: 768px) {
    .benefits-section {
        padding: 0 4px;
        margin: 20px 0 !important;
        width: 100% !important;
    }

    .benefits-heading {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .benefits-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .benefit-card {
        padding: 5px 2px;
    }

    .benefit-icon {
        margin-bottom: 8px;
        width: 48px;
        height: 48px;
    }

    .benefit-icon svg {
        width: 24px; /* Mai mic pe mobil pentru a nu domina */
        height: 24px;
    }

    .benefit-title {
        font-size: 13px; /* Ajustat pentru a încăpea pe un rând */
        font-weight: 700;
        white-space: nowrap;
    }

    .benefit-desc {
        font-size: 12px;
        line-height: 1.1;
    }
}

@media (max-width: 360px) {
    .benefit-title {
        font-size: 11px;
    }
    .benefit-icon {
        width: 40px;
        height: 40px;
    }
    .benefit-icon svg {
        width: 20px;
        height: 20px;
    }
}
</style>


<div class="benefits-section">
<h2 class="benefits-heading">Beneficii principale</h2>

<div class="benefits-grid">
<div class="benefit-card">
<div class="benefit-icon"><svg fill="none" height="40" stroke="#FF9900" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="40"> <line x1="19" x2="5" y1="5" y2="19"></line> <circle cx="6.5" cy="6.5" r="2.5"></circle> <circle cx="17.5" cy="17.5" r="2.5"></circle> </svg></div>

<h3 class="benefit-title">Dob&acirc;ndă flotantă</h3>
</div>

<div class="benefit-card">
<div class="benefit-icon"><svg fill="none" height="40" stroke="#FF9900" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="40"> <rect height="18" rx="2" ry="2" width="18" x="3" y="4"></rect> <line x1="16" x2="16" y1="2" y2="6"></line> <line x1="8" x2="8" y1="2" y2="6"></line> <line x1="3" x2="21" y1="10" y2="10"></line> </svg></div>

<h3 class="benefit-title">Termene multiple</h3>
</div>

<div class="benefit-card">
<div class="benefit-icon"><svg fill="none" height="40" stroke="#FF9900" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="40"> <rect height="14" rx="2" ry="2" width="22" x="1" y="5"></rect> <line x1="1" x2="23" y1="10" y2="10"></line> </svg></div>

<h3 class="benefit-title">Card bancar gratuit</h3>
</div>
</div>
</div>
<style type="text/css">:root {
    --brand: #FF9900;
    --text: #1a1a1a;
    --muted: #4b4b4b;
}

.benefits-section {
    max-width: 1100px;
    width: 100%;
    margin: 32px auto;
    padding: 0 15px;
    box-sizing: border-box;

}

.benefits-heading {
    font-size: 28px;
    font-weight: 800;
    color: var(--text);
    margin-bottom: 40px;
    text-align: center;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
}

.benefit-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px;
}

.benefit-icon {
    margin-bottom: 15px;
    /* Adăugat un fundal subtil pentru a evidenția iconițele */
    background: #fff4e5;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefit-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 6px 0;
    line-height: 1.2;
}

.benefit-desc {
    font-size: 15px;
    color: var(--muted);
    margin: 0;
}

@media (max-width: 768px) {
    .benefits-section {
        padding: 0 4px;
        margin: 20px 0 !important;
        width: 100% !important;
    }

    .benefits-heading {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .benefits-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .benefit-card {
        padding: 5px 2px;
    }

    .benefit-icon {
        margin-bottom: 8px;
        width: 48px;
        height: 48px;
    }

    .benefit-icon svg {
        width: 24px; /* Mai mic pe mobil pentru a nu domina */
        height: 24px;
    }

    .benefit-title {
        font-size: 13px; /* Ajustat pentru a încăpea pe un rând */
        font-weight: 700;
        white-space: nowrap;
    }

    .benefit-desc {
        font-size: 12px;
        line-height: 1.1;
    }
}

@media (max-width: 360px) {
    .benefit-title {
        font-size: 11px;
    }
    .benefit-icon {
        width: 40px;
        height: 40px;
    }
    .benefit-icon svg {
        width: 20px;
        height: 20px;
    }
}
</style>


<div class="eb-deposit-wrapper">
<h2 class="eb-section-title">Ratele dob&acirc;nzii ENERGO-Fix</h2>
<input class="eb-state-radio" id="tab-subdiviziune" name="deposit-toggle" type="radio" /> <input checked="checked" class="eb-state-radio" id="tab-myenergbank" name="deposit-toggle" type="radio" />
<div class="eb-tabs-container"><label class="eb-tab-btn btn-1" for="tab-subdiviziune">&Icirc;n subdiviziune</label> <label class="eb-tab-btn btn-2" for="tab-myenergbank">&Icirc;n MyEnergBank</label></div>

<p class="eb-deposit-mobile__subtitle">Dob&acirc;nzi fixe valabile pentru toate termenele</p>

<div class="eb-tab-content content-subdiviziune">
<div class="eb-deposit-mobile__grid">
<div class="eb-deposit-mobile__card" style="border-top:6px solid #FF9900;">
<div class="eb-deposit-mobile__cur">MDL</div>

<div class="eb-deposit-mobile__rates">
<div><span>3 luni</span> <strong>4,50%</strong></div>

<div><span>6 luni</span> <strong>5,00%</strong></div>

<div><span>12 luni</span> <strong>5,00%</strong></div>

<div><span>25 luni</span> <strong>4,75%</strong></div>

<div><span>36 luni</span> <strong>4,75%</strong></div>
</div>
</div>

<div class="eb-deposit-mobile__card" style="border-top:6px solid #ffad33;">
<div class="eb-deposit-mobile__cur">USD</div>

<div class="eb-deposit-mobile__rates">
<div><span>3 luni</span> <strong>2,25%</strong></div>

<div><span>6 luni</span> <strong>2,25%</strong></div>

<div><span>12 luni</span> <strong>2,00%</strong></div>

<div><span>25 luni</span> <strong>2,00%</strong></div>

<div><span>36 luni</span> <strong>2,00%</strong></div>
</div>
</div>

<div class="eb-deposit-mobile__card" style="border-top:6px solid #ffb84d;">
<div class="eb-deposit-mobile__cur">EUR</div>

<div class="eb-deposit-mobile__rates">
<div><span>3 luni</span> <strong>1,25%</strong></div>

<div><span>6 luni</span> <strong>1,25%</strong></div>

<div><span>12 luni</span> <strong>1,50%</strong></div>

<div><span>25 luni</span> <strong>1,50%</strong></div>

<div><span>36 luni</span> <strong>1,50%</strong></div>
</div>
</div>
</div>
</div>

<div class="eb-tab-content content-myenergbank">
<div class="eb-deposit-mobile__grid">
<div class="eb-deposit-mobile__card" style="border-top:6px solid #FF9900;">
<div class="eb-deposit-mobile__cur">MDL</div>

<div class="eb-deposit-mobile__rates">
<div><span>3 luni</span> <strong>5,50%</strong></div>

<div><span>6 luni</span> <strong>6,00%</strong></div>

<div><span>12 luni</span> <strong>6,00%</strong></div>

<div><span>25 luni</span> <strong>5,75%</strong></div>

<div><span>36 luni</span> <strong>5,75%</strong></div>
</div>
</div>

<div class="eb-deposit-mobile__card" style="border-top:6px solid #ffad33;">
<div class="eb-deposit-mobile__cur">USD</div>

<div class="eb-deposit-mobile__rates">
<div><span>3 luni</span> <strong>2,75%</strong></div>

<div><span>6 luni</span> <strong>2,75%</strong></div>

<div><span>12 luni</span> <strong>2,50%</strong></div>

<div><span>25 luni</span> <strong>2,50%</strong></div>

<div><span>36 luni</span> <strong>2,50%</strong></div>
</div>
</div>

<div class="eb-deposit-mobile__card" style="border-top:6px solid #ffb84d;">
<div class="eb-deposit-mobile__cur">EUR</div>

<div class="eb-deposit-mobile__rates">
<div><span>3 luni</span> <strong>1,50%</strong></div>

<div><span>6 luni</span> <strong>1,50%</strong></div>

<div><span>12 luni</span> <strong>1,75%</strong></div>

<div><span>25 luni</span> <strong>1,75%</strong></div>

<div><span>36 luni</span> <strong>1,75%</strong></div>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">.eb-deposit-wrapper {
    max-width: 1000px;
    margin: 30px auto;
    padding: 0 12px;
    color: #1a1a1a;
}

.eb-section-title {
    font-size: 24px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 20px;
}

.eb-state-radio {
    display: none;
}

.eb-tabs-container {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 20px;
}

.eb-tab-btn {
    flex: 1;
    max-width: 200px;
    padding: 10px 12px;
    border: 2px solid #eee;
    background: #fff;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 700;
    color: #666;
    font-size: 13px;
    text-align: center;
    transition: all 0.25s ease;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#tab-subdiviziune:checked ~ .eb-tabs-container .btn-1,
#tab-myenergbank:checked ~ .eb-tabs-container .btn-2 {
    border-color: #FF9900;
    color: #FF9900;
    background: #fff4e5;
    box-shadow: 0 4px 10px rgba(255, 153, 0, 0.1);
}

.eb-tab-content {
    display: none;
}

#tab-subdiviziune:checked ~ .content-subdiviziune,
#tab-myenergbank:checked ~ .content-myenergbank {
    display: block;
    animation: ebFadeUp 0.4s ease forwards;
}

@keyframes ebFadeUp {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.eb-deposit-mobile__subtitle {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin: 0 0 25px;
    line-height: 1.4;
}

.eb-deposit-mobile__grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.eb-deposit-mobile__card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #eaeaea;
    box-shadow: 0 3px 10px rgba(0,0,0,0.04);
}

.eb-deposit-mobile__cur {
    padding: 12px;
    font-size: 1.25rem;
    font-weight: 800;
    text-align: center;
    background: #fdfdfd;
    border-bottom: 1px solid #eee;
}

.eb-deposit-mobile__rates {
    padding: 12px 16px;
}

.eb-deposit-mobile__rates > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 0;
    font-size: 14px;
    color: #444;
    border-bottom: 1px solid #f0f0f0;
}

.eb-deposit-mobile__rates > div:last-child {
    border-bottom: none;
}

.eb-deposit-mobile__rates span {
    font-weight: 500;
}

.eb-deposit-mobile__rates strong {
    font-size: 1.1rem;
    font-weight: 800;
    color: #FF9900;
}

@media (min-width: 768px) {
    .eb-deposit-wrapper { margin: 40px auto; }
    .eb-section-title { font-size: 28px; }
    .eb-tab-btn { font-size: 15px; padding: 12px 24px; flex: none; }
    .eb-deposit-mobile__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
    .eb-deposit-mobile__rates { padding: 20px 24px; }
    .eb-deposit-mobile__rates strong { font-size: 1.25rem; }
    .eb-deposit-mobile__cur { padding: 16px; font-size: 1.4rem; }
}
</style>


<h2 class="eb-section-title">Informații generale</h2>

<div class="eb-details-card">
<div class="eb-detail-row">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><circle cx="12" cy="12" r="10"></circle><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path><path d="M12 18V6"></path></svg></div>
<span>Valută</span></div>

<div class="eb-detail-value main-highlight">MDL / USD / EUR</div>
</div>

<div class="eb-detail-row">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div>
<span>Plata dob&acirc;nzii</span></div>

<div class="eb-detail-value">Lunar</div>
</div>

<div class="eb-detail-row">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path><line x1="12" x2="12" y1="8" y2="16"></line><line x1="8" x2="16" y1="12" y2="12"></line></svg></div>
<span>Depuneri suplimentare</span></div>

<div class="eb-detail-value">Nu se admit</div>
</div>

<div class="eb-detail-row">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><line x1="19" x2="5" y1="5" y2="19"></line><circle cx="6.5" cy="6.5" r="2.5"></circle><circle cx="17.5" cy="17.5" r="2.5"></circle></svg></div>
<span>Retrageri parțiale</span></div>

<div class="eb-detail-value">Nu se admit</div>
</div>

<div class="eb-detail-row">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg></div>
<span>Limite sumă</span></div>

<div class="eb-detail-value">
<div style="margin-bottom: 4px;"><span class="eb-tag-gray">Minim</span> 1.000 MDL / 100 USD / EUR</div>

<div><span class="eb-tag-gray">Maxim</span> 2.000.000 MDL / 100.000 USD / EUR</div>
</div>
</div>

<div class="eb-detail-row">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><rect height="18" rx="2" ry="2" width="18" x="3" y="4"></rect><line x1="16" x2="16" y1="2" y2="6"></line><line x1="8" x2="8" y1="2" y2="6"></line><line x1="3" x2="21" y1="10" y2="10"></line></svg></div>
<span>Prelungire</span></div>

<div class="eb-detail-value">Automată, la condițiile &icirc;n vigoare</div>
</div>

<div class="eb-detail-row no-border">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg></div>
<span>Capitalizare</span></div>

<div class="eb-detail-value">Nu</div>
</div>
</div>
<style type="text/css">.eb-details-card {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #eaeaea;
    padding: 20px 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    color: #1a1a1a;
    max-width: 100%;
    margin: 20px auto;
}

.eb-section-title {
    font-size: 28px;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 20px;
    text-align: center;
}

.eb-detail-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
}

.eb-detail-row.no-border {
    border-bottom: none;
    padding-bottom: 0;
}

.eb-detail-label {
    flex: 0 0 35%;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #666;
}

.eb-icon-small {
    width: 28px;
    height: 28px;
    background: #fff4e5;
    color: #ff9800;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    flex-shrink: 0;
}

.eb-icon-small svg {
    width: 16px;
    height: 16px;
}

.eb-detail-value {
    flex: 1;
    font-size: 16px;
    color: #1a1a1a;
    line-height: 1.4;
    font-weight: 500;
}

.main-highlight {
    font-size: 18px;
    font-weight: 800;
    color: #1a1a1a;
}

.eb-tag-gray {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    display: inline-block;
    background: #e0e0e0; 
    color: #444;
    margin-right: 4px;
}

@media (max-width: 768px) {
    .eb-details-card {
        padding: 20px 16px;
        margin: 20px 0 !important;
        width: 100% !important;
    }

    .eb-section-title {
        font-size: 22px;
        margin-bottom: 16px;
    }

    .eb-detail-row {
        flex-direction: column;
        padding: 12px 0;
        gap: 6px;
    }

    .eb-detail-label {
        width: 100%;
        margin-bottom: 0;
    }

    .eb-detail-value {
        width: 100%;
        padding-left: 38px;
        font-size: 14px;
    }
}
</style>


Container

<div class="eb-deposit-wrapper">
<h2 class="eb-section-title">Ratele dob&acirc;nzii ENERGO-Fix</h2>
<input class="eb-state-radio" id="tab-subdiviziune" name="deposit-toggle" type="radio" /> <input checked="checked" class="eb-state-radio" id="tab-myenergbank" name="deposit-toggle" type="radio" />
<div class="eb-tabs-container"><label class="eb-tab-btn btn-1" for="tab-subdiviziune">&Icirc;n subdiviziune</label> <label class="eb-tab-btn btn-2" for="tab-myenergbank">&Icirc;n MyEnergBank</label></div>

<p class="eb-deposit-mobile__subtitle">Dob&acirc;nzi fixe valabile pentru toate termenele</p>

<div class="eb-tab-content content-subdiviziune">
<div class="eb-deposit-mobile__grid">
<div class="eb-deposit-mobile__card" style="border-top:6px solid #FF9900;">
<div class="eb-deposit-mobile__cur">MDL</div>

<div class="eb-deposit-mobile__rates">
<div><span>3 luni</span> <strong>4,50%</strong></div>

<div><span>6 luni</span> <strong>5,00%</strong></div>

<div><span>12 luni</span> <strong>5,00%</strong></div>

<div><span>25 luni</span> <strong>4,75%</strong></div>

<div><span>36 luni</span> <strong>4,75%</strong></div>
</div>
</div>

<div class="eb-deposit-mobile__card" style="border-top:6px solid #ffad33;">
<div class="eb-deposit-mobile__cur">USD</div>

<div class="eb-deposit-mobile__rates">
<div><span>3 luni</span> <strong>2,25%</strong></div>

<div><span>6 luni</span> <strong>2,25%</strong></div>

<div><span>12 luni</span> <strong>2,00%</strong></div>

<div><span>25 luni</span> <strong>2,00%</strong></div>

<div><span>36 luni</span> <strong>2,00%</strong></div>
</div>
</div>

<div class="eb-deposit-mobile__card" style="border-top:6px solid #ffb84d;">
<div class="eb-deposit-mobile__cur">EUR</div>

<div class="eb-deposit-mobile__rates">
<div><span>3 luni</span> <strong>1,25%</strong></div>

<div><span>6 luni</span> <strong>1,25%</strong></div>

<div><span>12 luni</span> <strong>1,50%</strong></div>

<div><span>25 luni</span> <strong>1,50%</strong></div>

<div><span>36 luni</span> <strong>1,50%</strong></div>
</div>
</div>
</div>
</div>

<div class="eb-tab-content content-myenergbank">
<div class="eb-deposit-mobile__grid">
<div class="eb-deposit-mobile__card" style="border-top:6px solid #FF9900;">
<div class="eb-deposit-mobile__cur">MDL</div>

<div class="eb-deposit-mobile__rates">
<div><span>3 luni</span> <strong>6,25%</strong></div>

<div><span>6 luni</span> <strong>6,50%</strong></div>

<div><span>12 luni</span> <strong>6,75%</strong></div>

<div><span>25 luni</span> <strong>7,00%</strong></div>

<div><span>36 luni</span> <strong>5,75%</strong></div>
</div>
</div>

<div class="eb-deposit-mobile__card" style="border-top:6px solid #ffad33;">
<div class="eb-deposit-mobile__cur">USD</div>

<div class="eb-deposit-mobile__rates">
<div><span>3 luni</span> <strong>2,75%</strong></div>

<div><span>6 luni</span> <strong>3,00%</strong></div>

<div><span>12 luni</span> <strong>3,50%</strong></div>

<div><span>25 luni</span> <strong>3,70%</strong></div>

<div><span>36 luni</span> <strong>2,50%</strong></div>
</div>
</div>

<div class="eb-deposit-mobile__card" style="border-top:6px solid #ffb84d;">
<div class="eb-deposit-mobile__cur">EUR</div>

<div class="eb-deposit-mobile__rates">
<div><span>3 luni</span> <strong>2,25%</strong></div>

<div><span>6 luni</span> <strong>2,50%</strong></div>

<div><span>12 luni</span> <strong>2,75%</strong></div>

<div><span>25 luni</span> <strong>3,00%</strong></div>

<div><span>36 luni</span> <strong>1,75%</strong></div>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">.eb-deposit-wrapper {
    max-width: 1000px;
    margin: 30px auto;
    padding: 0 12px;
    color: #1a1a1a;
}

.eb-section-title {
    font-size: 24px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 20px;
}

.eb-state-radio {
    display: none;
}

.eb-tabs-container {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 20px;
}

.eb-tab-btn {
    flex: 1;
    max-width: 200px;
    padding: 10px 12px;
    border: 2px solid #eee;
    background: #fff;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 700;
    color: #666;
    font-size: 13px;
    text-align: center;
    transition: all 0.25s ease;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#tab-subdiviziune:checked ~ .eb-tabs-container .btn-1,
#tab-myenergbank:checked ~ .eb-tabs-container .btn-2 {
    border-color: #FF9900;
    color: #FF9900;
    background: #fff4e5;
    box-shadow: 0 4px 10px rgba(255, 153, 0, 0.1);
}

.eb-tab-content {
    display: none;
}

#tab-subdiviziune:checked ~ .content-subdiviziune,
#tab-myenergbank:checked ~ .content-myenergbank {
    display: block;
    animation: ebFadeUp 0.4s ease forwards;
}

@keyframes ebFadeUp {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.eb-deposit-mobile__subtitle {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin: 0 0 25px;
    line-height: 1.4;
}

.eb-deposit-mobile__grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.eb-deposit-mobile__card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #eaeaea;
    box-shadow: 0 3px 10px rgba(0,0,0,0.04);
}

.eb-deposit-mobile__cur {
    padding: 12px;
    font-size: 1.25rem;
    font-weight: 800;
    text-align: center;
    background: #fdfdfd;
    border-bottom: 1px solid #eee;
}

.eb-deposit-mobile__rates {
    padding: 12px 16px;
}

.eb-deposit-mobile__rates > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 0;
    font-size: 14px;
    color: #444;
    border-bottom: 1px solid #f0f0f0;
}

.eb-deposit-mobile__rates > div:last-child {
    border-bottom: none;
}

.eb-deposit-mobile__rates span {
    font-weight: 500;
}

.eb-deposit-mobile__rates strong {
    font-size: 1.1rem;
    font-weight: 800;
    color: #FF9900;
}

@media (min-width: 768px) {
    .eb-deposit-wrapper { margin: 40px auto; }
    .eb-section-title { font-size: 28px; }
    .eb-tab-btn { font-size: 15px; padding: 12px 24px; flex: none; }
    .eb-deposit-mobile__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
    .eb-deposit-mobile__rates { padding: 20px 24px; }
    .eb-deposit-mobile__rates strong { font-size: 1.25rem; }
    .eb-deposit-mobile__cur { padding: 16px; font-size: 1.4rem; }
}
</style>


<h2 class="eb-section-title">Informații generale</h2>

<div class="eb-details-card">
<div class="eb-detail-row">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><circle cx="12" cy="12" r="10"></circle><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path><path d="M12 18V6"></path></svg></div>
<span>Valută</span></div>

<div class="eb-detail-value main-highlight">MDL / USD / EUR</div>
</div>

<div class="eb-detail-row">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div>
<span>Plata dob&acirc;nzii</span></div>

<div class="eb-detail-value">Lunar</div>
</div>

<div class="eb-detail-row">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path><line x1="12" x2="12" y1="8" y2="16"></line><line x1="8" x2="16" y1="12" y2="12"></line></svg></div>
<span>Depuneri suplimentare</span></div>

<div class="eb-detail-value">Nu se admit</div>
</div>

<div class="eb-detail-row">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><line x1="19" x2="5" y1="5" y2="19"></line><circle cx="6.5" cy="6.5" r="2.5"></circle><circle cx="17.5" cy="17.5" r="2.5"></circle></svg></div>
<span>Retrageri parțiale</span></div>

<div class="eb-detail-value">Nu se admit</div>
</div>

<div class="eb-detail-row">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg></div>
<span>Limite sumă</span></div>

<div class="eb-detail-value">
<div style="margin-bottom: 4px;"><span class="eb-tag-gray">Minim</span>&nbsp;3.000 MDL / 300 USD / EUR</div>

<div><span class="eb-tag-gray">Maxim</span> 2.000.000 MDL / 100.000 USD / EUR</div>
</div>
</div>

<div class="eb-detail-row">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><rect height="18" rx="2" ry="2" width="18" x="3" y="4"></rect><line x1="16" x2="16" y1="2" y2="6"></line><line x1="8" x2="8" y1="2" y2="6"></line><line x1="3" x2="21" y1="10" y2="10"></line></svg></div>
<span>Prelungire</span></div>

<div class="eb-detail-value">Automată, la condițiile &icirc;n vigoare</div>
</div>

<div class="eb-detail-row no-border">
<div class="eb-detail-label">
<div class="eb-icon-small"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg></div>
<span>Capitalizare</span></div>

<div class="eb-detail-value">Nu</div>
</div>
</div>
<style type="text/css">.eb-details-card {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #eaeaea;
    padding: 20px 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    color: #1a1a1a;
    max-width: 100%;
    margin: 20px auto;
}

.eb-section-title {
    font-size: 28px;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 20px;
    text-align: center;
}

.eb-detail-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
}

.eb-detail-row.no-border {
    border-bottom: none;
    padding-bottom: 0;
}

.eb-detail-label {
    flex: 0 0 35%;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #666;
}

.eb-icon-small {
    width: 28px;
    height: 28px;
    background: #fff4e5;
    color: #ff9800;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    flex-shrink: 0;
}

.eb-icon-small svg {
    width: 16px;
    height: 16px;
}

.eb-detail-value {
    flex: 1;
    font-size: 16px;
    color: #1a1a1a;
    line-height: 1.4;
    font-weight: 500;
}

.main-highlight {
    font-size: 18px;
    font-weight: 800;
    color: #1a1a1a;
}

.eb-tag-gray {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    display: inline-block;
    background: #e0e0e0; 
    color: #444;
    margin-right: 4px;
}

@media (max-width: 768px) {
    .eb-details-card {
        padding: 20px 16px;
        margin: 20px 0 !important;
        width: 100% !important;
    }

    .eb-section-title {
        font-size: 22px;
        margin-bottom: 16px;
    }

    .eb-detail-row {
        flex-direction: column;
        padding: 12px 0;
        gap: 6px;
    }

    .eb-detail-label {
        width: 100%;
        margin-bottom: 0;
    }

    .eb-detail-value {
        width: 100%;
        padding-left: 38px;
        font-size: 14px;
    }
}
</style>


Депозит ENERGO - Classic

Google Play

App Store