.ert-flag {
    display: inline-block;
    width: 22px;
    height: 16px;
    margin-right: 6px;
    border-radius: 2px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.ert-flag-af { background-image:url("../img/flags/af.svg"); }
.ert-flag-eu { background-image:url("../img/flags/eu.svg"); }
.ert-flag-al { background-image:url("../img/flags/al.svg"); }
.ert-flag-dz { background-image:url("../img/flags/dz.svg"); }
.ert-flag-as { background-image:url("../img/flags/as.svg"); }
.ert-flag-ad { background-image:url("../img/flags/ad.svg"); }
.ert-flag-ao { background-image:url("../img/flags/ao.svg"); }
.ert-flag-ai { background-image:url("../img/flags/ai.svg"); }
.ert-flag-ag { background-image:url("../img/flags/ag.svg"); }
.ert-flag-ar { background-image:url("../img/flags/ar.svg"); }
.ert-flag-am { background-image:url("../img/flags/am.svg"); }
.ert-flag-aw { background-image:url("../img/flags/aw.svg"); }
.ert-flag-au { background-image:url("../img/flags/au.svg"); }
.ert-flag-at { background-image:url("../img/flags/at.svg"); }
.ert-flag-az { background-image:url("../img/flags/az.svg"); }
.ert-flag-bs { background-image:url("../img/flags/bs.svg"); }
.ert-flag-bh { background-image:url("../img/flags/bh.svg"); }
.ert-flag-bd { background-image:url("../img/flags/bd.svg"); }
.ert-flag-bb { background-image:url("../img/flags/bb.svg"); }
.ert-flag-by { background-image:url("../img/flags/by.svg"); }
.ert-flag-be { background-image:url("../img/flags/be.svg"); }
.ert-flag-bz { background-image:url("../img/flags/bz.svg"); }
.ert-flag-bj { background-image:url("../img/flags/bj.svg"); }
.ert-flag-bm { background-image:url("../img/flags/bm.svg"); }
.ert-flag-bt { background-image:url("../img/flags/bt.svg"); }
.ert-flag-bo { background-image:url("../img/flags/bo.svg"); }
.ert-flag-ba { background-image:url("../img/flags/ba.svg"); }
.ert-flag-bw { background-image:url("../img/flags/bw.svg"); }
.ert-flag-br { background-image:url("../img/flags/br.svg"); }
.ert-flag-bn { background-image:url("../img/flags/bn.svg"); }
.ert-flag-bg { background-image:url("../img/flags/bg.svg"); }
.ert-flag-bf { background-image:url("../img/flags/bf.svg"); }
.ert-flag-bi { background-image:url("../img/flags/bi.svg"); }
.ert-flag-kh { background-image:url("../img/flags/kh.svg"); }
.ert-flag-cm { background-image:url("../img/flags/cm.svg"); }
.ert-flag-ca { background-image:url("../img/flags/ca.svg"); }
.ert-flag-cv { background-image:url("../img/flags/cv.svg"); }
.ert-flag-ky { background-image:url("../img/flags/ky.svg"); }
.ert-flag-cf { background-image:url("../img/flags/cf.svg"); }
.ert-flag-td { background-image:url("../img/flags/td.svg"); }
.ert-flag-cl { background-image:url("../img/flags/cl.svg"); }
.ert-flag-cn { background-image:url("../img/flags/cn.svg"); }
.ert-flag-co { background-image:url("../img/flags/co.svg"); }
.ert-flag-km { background-image:url("../img/flags/km.svg"); }
.ert-flag-cg { background-image:url("../img/flags/cg.svg"); }
.ert-flag-cd { background-image:url("../img/flags/cd.svg"); }
.ert-flag-cr { background-image:url("../img/flags/cr.svg"); }
.ert-flag-ci { background-image:url("../img/flags/ci.svg"); }
.ert-flag-hr { background-image:url("../img/flags/hr.svg"); }
.ert-flag-cu { background-image:url("../img/flags/cu.svg"); }
.ert-flag-cy { background-image:url("../img/flags/cy.svg"); }
.ert-flag-cz { background-image:url("../img/flags/cz.svg"); }
.ert-flag-dk { background-image:url("../img/flags/dk.svg"); }
.ert-flag-dj { background-image:url("../img/flags/dj.svg"); }
.ert-flag-dm { background-image:url("../img/flags/dm.svg"); }
.ert-flag-do { background-image:url("../img/flags/do.svg"); }
.ert-flag-ec { background-image:url("../img/flags/ec.svg"); }
.ert-flag-eg { background-image:url("../img/flags/eg.svg"); }
.ert-flag-sv { background-image:url("../img/flags/sv.svg"); }
.ert-flag-gq { background-image:url("../img/flags/gq.svg"); }
.ert-flag-er { background-image:url("../img/flags/er.svg"); }
.ert-flag-ee { background-image:url("../img/flags/ee.svg"); }
.ert-flag-sz { background-image:url("../img/flags/sz.svg"); }
.ert-flag-et { background-image:url("../img/flags/et.svg"); }
.ert-flag-fj { background-image:url("../img/flags/fj.svg"); }
.ert-flag-fi { background-image:url("../img/flags/fi.svg"); }
.ert-flag-fr { background-image:url("../img/flags/fr.svg"); }
.ert-flag-ga { background-image:url("../img/flags/ga.svg"); }
.ert-flag-gm { background-image:url("../img/flags/gm.svg"); }
.ert-flag-ge { background-image:url("../img/flags/ge.svg"); }
.ert-flag-de { background-image:url("../img/flags/de.svg"); }
.ert-flag-gh { background-image:url("../img/flags/gh.svg"); }
.ert-flag-gi { background-image:url("../img/flags/gi.svg"); }
.ert-flag-gr { background-image:url("../img/flags/gr.svg"); }
.ert-flag-gl { background-image:url("../img/flags/gl.svg"); }
.ert-flag-gd { background-image:url("../img/flags/gd.svg"); }
.ert-flag-gu { background-image:url("../img/flags/gu.svg"); }
.ert-flag-gt { background-image:url("../img/flags/gt.svg"); }
.ert-flag-gn { background-image:url("../img/flags/gn.svg"); }
.ert-flag-gy { background-image:url("../img/flags/gy.svg"); }
.ert-flag-ht { background-image:url("../img/flags/ht.svg"); }
.ert-flag-hn { background-image:url("../img/flags/hn.svg"); }
.ert-flag-hk { background-image:url("../img/flags/hk.svg"); }
.ert-flag-hu { background-image:url("../img/flags/hu.svg"); }
.ert-flag-is { background-image:url("../img/flags/is.svg"); }
.ert-flag-in { background-image:url("../img/flags/in.svg"); }
.ert-flag-id { background-image:url("../img/flags/id.svg"); }
.ert-flag-ir { background-image:url("../img/flags/ir.svg"); }
.ert-flag-iq { background-image:url("../img/flags/iq.svg"); }
.ert-flag-ie { background-image:url("../img/flags/ie.svg"); }
.ert-flag-il { background-image:url("../img/flags/il.svg"); }
.ert-flag-it { background-image:url("../img/flags/it.svg"); }
.ert-flag-jm { background-image:url("../img/flags/jm.svg"); }
.ert-flag-jp { background-image:url("../img/flags/jp.svg"); }
.ert-flag-jo { background-image:url("../img/flags/jo.svg"); }
.ert-flag-kz { background-image:url("../img/flags/kz.svg"); }
.ert-flag-ke { background-image:url("../img/flags/ke.svg"); }
.ert-flag-ki { background-image:url("../img/flags/ki.svg"); }
.ert-flag-kp { background-image:url("../img/flags/kp.svg"); }
.ert-flag-kr { background-image:url("../img/flags/kr.svg"); }
.ert-flag-kw { background-image:url("../img/flags/kw.svg"); }
.ert-flag-kg { background-image:url("../img/flags/kg.svg"); }
.ert-flag-la { background-image:url("../img/flags/la.svg"); }
.ert-flag-lv { background-image:url("../img/flags/lv.svg"); }
.ert-flag-lb { background-image:url("../img/flags/lb.svg"); }
.ert-flag-ls { background-image:url("../img/flags/ls.svg"); }
.ert-flag-lr { background-image:url("../img/flags/lr.svg"); }
.ert-flag-ly { background-image:url("../img/flags/ly.svg"); }
.ert-flag-li { background-image:url("../img/flags/li.svg"); }
.ert-flag-lt { background-image:url("../img/flags/lt.svg"); }
.ert-flag-lu { background-image:url("../img/flags/lu.svg"); }
.ert-flag-mo { background-image:url("../img/flags/mo.svg"); }
.ert-flag-mg { background-image:url("../img/flags/mg.svg"); }
.ert-flag-mw { background-image:url("../img/flags/mw.svg"); }
.ert-flag-my { background-image:url("../img/flags/my.svg"); }
.ert-flag-mv { background-image:url("../img/flags/mv.svg"); }
.ert-flag-ml { background-image:url("../img/flags/ml.svg"); }
.ert-flag-mt { background-image:url("../img/flags/mt.svg"); }
.ert-flag-mh { background-image:url("../img/flags/mh.svg"); }
.ert-flag-mq { background-image:url("../img/flags/mq.svg"); }
.ert-flag-mr { background-image:url("../img/flags/mr.svg"); }
.ert-flag-mu { background-image:url("../img/flags/mu.svg"); }
.ert-flag-mx { background-image:url("../img/flags/mx.svg"); }
.ert-flag-fm { background-image:url("../img/flags/fm.svg"); }
.ert-flag-md { background-image:url("../img/flags/md.svg"); }
.ert-flag-mc { background-image:url("../img/flags/mc.svg"); }
.ert-flag-mn { background-image:url("../img/flags/mn.svg"); }
.ert-flag-me { background-image:url("../img/flags/me.svg"); }
.ert-flag-ma { background-image:url("../img/flags/ma.svg"); }
.ert-flag-mz { background-image:url("../img/flags/mz.svg"); }
.ert-flag-mm { background-image:url("../img/flags/mm.svg"); }
.ert-flag-na { background-image:url("../img/flags/na.svg"); }
.ert-flag-nr { background-image:url("../img/flags/nr.svg"); }
.ert-flag-np { background-image:url("../img/flags/np.svg"); }
.ert-flag-nl { background-image:url("../img/flags/nl.svg"); }
.ert-flag-nc { background-image:url("../img/flags/nc.svg"); }
.ert-flag-nz { background-image:url("../img/flags/nz.svg"); }
.ert-flag-ni { background-image:url("../img/flags/ni.svg"); }
.ert-flag-ne { background-image:url("../img/flags/ne.svg"); }
.ert-flag-ng { background-image:url("../img/flags/ng.svg"); }
.ert-flag-nu { background-image:url("../img/flags/nu.svg"); }
.ert-flag-nf { background-image:url("../img/flags/nf.svg"); }
.ert-flag-mp { background-image:url("../img/flags/mp.svg"); }
.ert-flag-no { background-image:url("../img/flags/no.svg"); }
.ert-flag-om { background-image:url("../img/flags/om.svg"); }
.ert-flag-pk { background-image:url("../img/flags/pk.svg"); }
.ert-flag-pw { background-image:url("../img/flags/pw.svg"); }
.ert-flag-ps { background-image:url("../img/flags/ps.svg"); }
.ert-flag-pa { background-image:url("../img/flags/pa.svg"); }
.ert-flag-pg { background-image:url("../img/flags/pg.svg"); }
.ert-flag-py { background-image:url("../img/flags/py.svg"); }
.ert-flag-pe { background-image:url("../img/flags/pe.svg"); }
.ert-flag-ph { background-image:url("../img/flags/ph.svg"); }
.ert-flag-pn { background-image:url("../img/flags/pn.svg"); }
.ert-flag-pl { background-image:url("../img/flags/pl.svg"); }
.ert-flag-pt { background-image:url("../img/flags/pt.svg"); }
.ert-flag-pr { background-image:url("../img/flags/pr.svg"); }
.ert-flag-qa { background-image:url("../img/flags/qa.svg"); }
.ert-flag-re { background-image:url("../img/flags/re.svg"); }
.ert-flag-ro { background-image:url("../img/flags/ro.svg"); }
.ert-flag-ru { background-image:url("../img/flags/ru.svg"); }
.ert-flag-rw { background-image:url("../img/flags/rw.svg"); }
.ert-flag-kn { background-image:url("../img/flags/kn.svg"); }
.ert-flag-lc { background-image:url("../img/flags/lc.svg"); }
.ert-flag-vc { background-image:url("../img/flags/vc.svg"); }
.ert-flag-ws { background-image:url("../img/flags/ws.svg"); }
.ert-flag-sm { background-image:url("../img/flags/sm.svg"); }
.ert-flag-st { background-image:url("../img/flags/st.svg"); }
.ert-flag-sa { background-image:url("../img/flags/sa.svg"); }
.ert-flag-sn { background-image:url("../img/flags/sn.svg"); }
.ert-flag-rs { background-image:url("../img/flags/rs.svg"); }
.ert-flag-sc { background-image:url("../img/flags/sc.svg"); }
.ert-flag-sl { background-image:url("../img/flags/sl.svg"); }
.ert-flag-sg { background-image:url("../img/flags/sg.svg"); }
.ert-flag-sx { background-image:url("../img/flags/sx.svg"); }
.ert-flag-sk { background-image:url("../img/flags/sk.svg"); }
.ert-flag-si { background-image:url("../img/flags/si.svg"); }
.ert-flag-sb { background-image:url("../img/flags/sb.svg"); }
.ert-flag-so { background-image:url("../img/flags/so.svg"); }
.ert-flag-za { background-image:url("../img/flags/za.svg"); }
.ert-flag-ss { background-image:url("../img/flags/ss.svg"); }
.ert-flag-es { background-image:url("../img/flags/es.svg"); }
.ert-flag-lk { background-image:url("../img/flags/lk.svg"); }
.ert-flag-sd { background-image:url("../img/flags/sd.svg"); }
.ert-flag-sr { background-image:url("../img/flags/sr.svg"); }
.ert-flag-se { background-image:url("../img/flags/se.svg"); }
.ert-flag-ch { background-image:url("../img/flags/ch.svg"); }
.ert-flag-sy { background-image:url("../img/flags/sy.svg"); }
.ert-flag-tw { background-image:url("../img/flags/tw.svg"); }
.ert-flag-tj { background-image:url("../img/flags/tj.svg"); }
.ert-flag-tz { background-image:url("../img/flags/tz.svg"); }
.ert-flag-th { background-image:url("../img/flags/th.svg"); }
.ert-flag-tl { background-image:url("../img/flags/tl.svg"); }
.ert-flag-tg { background-image:url("../img/flags/tg.svg"); }
.ert-flag-tk { background-image:url("../img/flags/tk.svg"); }
.ert-flag-to { background-image:url("../img/flags/to.svg"); }
.ert-flag-tt { background-image:url("../img/flags/tt.svg"); }
.ert-flag-tn { background-image:url("../img/flags/tn.svg"); }
.ert-flag-tr { background-image:url("../img/flags/tr.svg"); }
.ert-flag-tm { background-image:url("../img/flags/tm.svg"); }
.ert-flag-tv { background-image:url("../img/flags/tv.svg"); }
.ert-flag-ug { background-image:url("../img/flags/ug.svg"); }
.ert-flag-ua { background-image:url("../img/flags/ua.svg"); }
.ert-flag-ae { background-image:url("../img/flags/ae.svg"); }
.ert-flag-gb { background-image:url("../img/flags/gb.svg"); }
.ert-flag-us { background-image:url("../img/flags/us.svg"); }
.ert-flag-uy { background-image:url("../img/flags/uy.svg"); }
.ert-flag-uz { background-image:url("../img/flags/uz.svg"); }
.ert-flag-vu { background-image:url("../img/flags/vu.svg"); }
.ert-flag-va { background-image:url("../img/flags/va.svg"); }
.ert-flag-ve { background-image:url("../img/flags/ve.svg"); }
.ert-flag-vn { background-image:url("../img/flags/vn.svg"); }
.ert-flag-wf { background-image:url("../img/flags/wf.svg"); }
.ert-flag-ye { background-image:url("../img/flags/ye.svg"); }
.ert-flag-zm { background-image:url("../img/flags/zm.svg"); }
.ert-flag-zw { background-image:url("../img/flags/zw.svg"); }

.courses-row.courses-row--head {
    display: flex;
    justify-content: space-between;
    border: 1px solid #f47629;
    font-size: 14px;
    text-transform: uppercase;
    padding: 14px 20px;
    border-radius: 40px;
	margin-bottom:15px;
    background: transparent;
}
.courses-tables{
    display: flex;
    flex-direction:column;
    gap: 16px;
}
.courses-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    background: rgba(33, 33, 33, .6);
    font-size: 14px;
    text-transform: uppercase;
    padding: 14px 20px;
    border-radius: 40px;
    color:#fff;
    border: 1px solid transparent;
}

.courses-row:hover {
    border: 1px solid #f47629;
}
.courses-row .c-col {
    width: 15%;
}

.c-col.c-col--asset {
    width: 25%;
}
a.btn-reserve {
    cursor: pointer;
    display: inline-block;
    border: none;
    text-align: center;
    background-color: #f47629;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 20px;
    min-width: 200px;
    border-radius: 30px;
}

.ert-exchange-calculator {
	background: #111;
    border-radius: 20px;
    padding: 25px 30px;
    width: 100%;
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.05);
    color: #fff;
}

/* Заголовок */
.ert-ec-title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
    color: #fff;
    font-weight: 600;
}

/* =========================================================
   Переключатель Купить / Продать
========================================================= */
.ert-ec-modes {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
    background: #1a1a1a;
    padding: 5px;
    border-radius: 40px;
}

.ert-ec-mode {
    flex: 1;
    padding: 10px 0;
    border-radius: 30px;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: 0.25s;
}

.ert-ec-mode--active {
    background: #f47629; /* твой оранжевый цвет */
    color: #fff;
}

/* =========================================================
   Ряды с инпутами
========================================================= */
.ert-ec-row {
    margin-bottom: 18px;
}

.ert-ec-label {
    margin-bottom: 5px;
    font-size: 14px;
    opacity: 0.8;
}

/* Обёртка для селекта + инпута */
.ert-ec-field {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* =========================================================
   Селекты валют
========================================================= */
.ert-ec-select-wrap select {
    background: #1a1a1a;
    border: 1px solid #333;
    color: #fff;
    padding: 10px 35px 10px 12px;
    border-radius: 12px;
    font-size: 16px;
    height: 42px;
    cursor: pointer;
    outline: none;
}

/* =========================================================
   Инпуты сумм
========================================================= */
.ert-ec-input {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 16px;
    color: #fff;
    width: 30%;
    outline: none;
}

.ert-ec-input:focus {
    border-color: #f47629;
}
.ert-ec-select-wrap {
    width: 70%;
}
/* =========================================================
   Расчёт формула
========================================================= */
.ert-ec-row--result {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #222;
}

.ert-ec-formula {
    color: #f47629;
    font-weight: 500;
    font-size: 15px;
}

/* =========================================================
   Кнопка "Забронировать курс"
========================================================= */
.ert-ec-footer {
    text-align: center;
    margin-top: 25px;
}

.ert-ec-btn-reserve {
    background: #fff;
    color: #000;
    padding: 12px 18px;
    font-size: 17px;
    border-radius: 30px;
    cursor: pointer;
    border: none;
    transition: 0.25s;
    font-weight: 600;
    width: 100%;
}

.ert-ec-btn-reserve:hover {
    background: #f4f4f4;
}

/* =========================================================
   Флажки, код и название валюты
========================================================= */
.ert-flag {
    width: 22px;
    height: 15px;
    display: inline-block;
    margin-right: 8px;
    background-size: cover;
    background-position: center;
}

.ert-code {
    font-weight: 600;
    margin-right: 5px;
}

.ert-name {
    opacity: 0.7;
    font-size: 14px;
}


/* Кастомный селект */
.ert-ec-select-wrap {
    position: relative;
}

.ert-ec-select {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 12px;
    padding: 14px;
    cursor: pointer;
    position: relative;
    user-select: none;
}

.ert-ec-selected {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ert-ec-options {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 12px;
    max-height: 260px;
    overflow-y: auto;
    z-index: 999;
}

.ert-ec-select.open .ert-ec-options {
    display: block;
}

.ert-ec-option {
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: 0.2s;
}

.ert-ec-option:hover {
    background: #222;
}

.ert-ec-option .ert-flag {
    width: 20px;
    height: 14px;
}

.ert-ec-selected .ert-flag {
    width: 22px;
    height: 15px;
}
.ert-ec-input:focus {
    background: transparent;
}