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 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.

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.

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

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

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

Имя

Теперь вы можете обменивать валюту между своими карточными или текущими счетами через 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="ar-guarantee-section">
<h2 class="ar-section-title">Фонд гарантирования вкладов</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">Вклады гарантируются в соответствии с <strong>Законом №160 от 22.06.2023</strong><br />
о гарантировании вкладов в банках.</p>

<p>Фонд гарантирования банковских вкладов (далее &mdash; Фонд) в соответствии с условиями, установленными Законом №160 от 22.06.2023 о гарантировании вкладов в банках (далее &mdash; Закон), гарантирует вклады в национальной и иностранной валюте, размещённые физическими и юридическими лицами, как резидентами, так и нерезидентами, в банках &mdash; участниках системы гарантирования.</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">Офис</span> <span class="ar-value">б-р Штефан чел Маре ши Сфынт, 180, оф. 1311</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">Телефон</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">ЭЛЕКТРОННАЯ ПОЧТА</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">Веб-сайт</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>Скачать гид</a> <a _blank="" 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> Информационная форма </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"><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 </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ă notarial </strong>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>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>


<div class="eb-docs-section">
<h2 class="eb-docs-title">Необходимые документы</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>Удостоверение личности </strong>вкладчика (оригинал)</div>
</div>
</div>
</div>

<details class="eb-docs-collapse"><summary class="eb-docs-subtitle">При оформлении через доверенное лицо:</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>Удостоверение личности </strong>доверенного лица (оригинал)</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>Нотариально заверенная копия </strong>удостоверения личности вкладчика</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>Доверенность:</strong> оригинал или нотариально заверенная копия</div>
</div>
</div>
</div>
</details>

<details class="eb-docs-collapse"><summary class="eb-docs-subtitle">Для несовершеннолетних или лиц с ограниченной/отсутствующей дееспособностью:</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>Удостоверение личности родителя </strong>/ опекуна (попечителя) &mdash; оригинал</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>Свидетельство о рождении </strong>несовершеннолетнего или нотариально заверенная копия удостоверения личности</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>Документ органа опеки </strong>/ попечительства (при необходимости)</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>Копия судебного решения об установлении опеки </strong>/ попечительства (при необходимости)</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>


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

<h2 class="benefits-heading">Сделай собственные расчёты</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ă 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="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">Pe 61 luni</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">Основные преимущества</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">Плавающая процентная ставка</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">На 61 месяцев</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">Бесплатная банковская карта</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-Classic</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 flotante&nbsp;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>12 luni</span> <strong>5,25%</strong></div>

<div><span>18 luni</span> <strong>5,50%</strong></div>

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

<div><span>36 luni</span> <strong>6,00%</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>12 luni</span> <strong>2,25%</strong></div>

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

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

<div><span>36 luni</span> <strong>3,20%</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>12 luni</span> <strong>1,75%</strong></div>

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

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

<div><span>36 luni</span> <strong>2,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>12 luni</span> <strong>6,25%</strong></div>

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

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

<div><span>36 luni</span> <strong>7,00%</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>12 luni</span> <strong>2,75%</strong></div>

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

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

<div><span>36 luni</span> <strong>3,70%</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>12 luni</span> <strong>2,25%</strong></div>

<div><span>18&nbsp;luni</span> <strong>2,50%</strong></div>

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

<div><span>36 luni</span> <strong>3,00%</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>


Container

<div class="eb-deposit-wrapper">
<h2 class="eb-section-title">Ratele dob&acirc;nzii ENERGO-Capital</h2>

<p class="eb-deposit-mobile__subtitle">Dob&acirc;nzi valabile pentru termenul de 61 luni</p>

<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>61 luni</span> <strong>7,25%</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>61 luni</span> <strong>4,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>61 luni</span> <strong>2,75%</strong></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-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: 15px; /* Marit putin pentru lizibilitate */
    color: #444;
}

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

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

@media (min-width: 768px) {
    .eb-deposit-wrapper { margin: 40px auto; }
    .eb-section-title { font-size: 28px; }
    
    .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.4rem; }
    .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;10.000 MDL / 500 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"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="16"></line><line x1="8" x2="16" y1="12" y2="12"></line></svg></div>
<span>Suma minimă la completare</span></div>

<div class="eb-detail-value">500 MDL / 25 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"><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>


<div class="eb-deposit-wrapper">
<h2 class="eb-section-title">Процентные ставки ENERGO-Capital</h2>

<p class="eb-deposit-mobile__subtitle">Процентные ставки, действующие на срок 61 месяц</p>

<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>61 месяцев</span> <strong>7,25%</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>61 месяцев</span> <strong>4,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>61 месяцев</span> <strong>2,75%</strong></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-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: 15px; /* Marit putin pentru lizibilitate */
    color: #444;
}

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

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

@media (min-width: 768px) {
    .eb-deposit-wrapper { margin: 40px auto; }
    .eb-section-title { font-size: 28px; }
    
    .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.4rem; }
    .eb-deposit-mobile__cur { padding: 16px; font-size: 1.4rem; }
}
</style>


<h2 class="eb-section-title">Общая информация</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>Валюта</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>Выплата процентов</span></div>

<div class="eb-detail-value">Ежемесячно</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>Дополнительные взносы</span></div>

<div class="eb-detail-value">Не допускаются</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>Частичное снятие</span></div>

<div class="eb-detail-value">Не допускаются</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>Лимиты суммы</span></div>

<div class="eb-detail-value">
<div style="margin-bottom: 4px;"><span class="eb-tag-gray">Minim</span>&nbsp;10.000 MDL / 500 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"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="16"></line><line x1="8" x2="16" y1="12" y2="12"></line></svg></div>
<span>Минимальная сумма пополнения</span></div>

<div class="eb-detail-value">500 MDL / 25 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"><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>Продление</span></div>

<div class="eb-detail-value">Автоматическое, на действующих условиях</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>Капитализация</span></div>

<div class="eb-detail-value">Нет</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>


Depozit ENERGO - Capital

Google Play

App Store