.icon-120 {
    width: 120px !important;
    height: 120px !important;
}

.icon {
    /* Customizes all icons at once */
    display: inline-block;
}

.icon-annoncement {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1;
    background: url(../media/svg/annoncement.svg) 0 0/contain no-repeat;
    vertical-align: middle;
    margin-bottom: 8px;
}

.icon-ipo {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1;
    background: url('../media/svg/ipo.svg') 0 0/contain no-repeat;
    vertical-align: middle;
    margin-bottom: 8px;
}

.icon-debenture {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1;
    background: url('../media/svg/debenture.svg') 0 0/contain no-repeat;
    vertical-align: middle;
    margin-bottom: 8px;
}

.icon-xr {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1;
    background: url('../media/svg/xr.svg') 0 0/contain no-repeat;
    vertical-align: middle;
    margin-bottom: 8px;
}

.icon-ch {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1;
    background: url('../media/svg/ch.svg') 0 0/contain no-repeat;
    vertical-align: middle;
    margin-bottom: 8px;
}

.icon-faq {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1;
    background: url('../media/svg/faq.svg') 0 0/contain no-repeat;
    vertical-align: middle;
    margin-bottom: 8px;
}

.icon-seminar {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1;
    background: url('../media/svg/seminar.svg') 0 0/contain no-repeat;
    vertical-align: middle;
    margin-bottom: 8px;
}

.icon-blocktrade-cal {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1;
    background: url('../media/svg/blocktrade-cal.svg') 0 0/contain no-repeat;
    vertical-align: middle;
    margin-bottom: 8px;
}

.icon-trading-alert {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1;
    background: url('../media/svg/trading-alert.svg') 0 0/contain no-repeat;
    vertical-align: middle;
    margin-bottom: 8px;
}

.icon-suit {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1;
    background: url('../media/svg/suit.svg') 0 0/contain no-repeat;
    vertical-align: middle;
    margin-bottom: 8px;
}

.icon-insure {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1;
    background: url('../media/svg/insure.svg') 0 0/contain no-repeat;
    vertical-align: middle;
    margin-bottom: 8px;
}

.icon-kgi {
    content: url('data:image/svg+xml,<svg width="120" height="42" viewBox="0 0 160 42" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_3161)"><path fill-rule="evenodd" clip-rule="evenodd" d="M157.777 37.461C157.777 38.7005 159.76 40.3531 159.76 40.3531H147.862C147.862 40.3531 150.078 38.8582 150.078 37.461V3.55305C150.078 2.44883 147.862 0.668545 147.862 0.668545H159.866C159.866 0.668545 157.777 2.20094 157.777 3.55305V37.461ZM123.734 21.3408H133.815V37.0779C128.639 39.6845 122.705 41.0141 117.469 41.0141C104.835 41.0141 96.3463 31.1061 96.3463 20.5146C96.3463 9.923 104.264 0 118.281 0C122.878 0 129.33 1.32958 133.582 3.21502V10.5315C133.582 10.5315 129.706 2.53146 118.318 2.53146C105.405 2.53146 105.608 18.8244 105.608 20.4995C105.608 25.6601 107.929 38.4676 117.642 38.4676C121.886 38.4676 125.958 36.4545 125.958 31.8573V26.4864C125.958 22.6178 123.734 21.3258 123.734 21.3258M71.2496 23.3991C68.1623 18.7192 67.1632 18.7192 67.1632 18.7192L82.7501 3.38779C83.7416 2.50892 83.3661 0.668545 83.3661 0.668545H91.2308C91.2308 0.668545 89.3905 1.66761 87.5801 3.38779L75.0055 15.662C75.0055 15.662 90.1867 37.0404 90.8928 37.9568C92.2299 39.6845 93.0487 40.3531 93.0487 40.3531H82.3745C82.3745 40.3531 82.9153 39.3014 81.9088 37.9568L71.2722 23.4066M67.1707 19.538V37.461C67.1707 38.7005 69.1538 40.3531 69.1538 40.3531H57.1426C57.1426 40.3531 59.3435 38.8582 59.3435 37.461V3.55305C59.3435 2.44883 57.1426 0.668545 57.1426 0.668545H69.259C69.259 0.668545 67.1632 2.20094 67.1632 3.55305V19.538H67.1707Z" fill="%231F2C5E" /><path d="M0 0.713623H39.662V40.4282H0V0.713623Z" fill="%231F2C5E" /><path d="M19.8235 0.713623L0 20.6047L19.8235 40.4282V0.713623Z" fill="%23EC5B24" /><path d="M19.8242 40.4281L39.6627 20.6047H19.8242V40.4281Z" fill="white" /><path d="M39.6627 20.6047V0.713623H19.8242L39.6627 20.6047Z" fill="%2350B348" /></g><defs><clipPath id="clip0_1_3161"><rect width="160" height="41.3146" fill="white" /></clipPath></defs></svg>');
}

.icon-kgi-white {
    content: url('data:image/svg+xml,<svg width="145" height="38" viewBox="0 0 145 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M142.179 33.7876C142.179 34.8964 143.954 36.3776 143.954 36.3776H133.296C133.296 36.3776 135.276 35.0411 135.276 33.7876V3.40813C135.276 2.41539 133.296 0.820994 133.296 0.820994H144.054C144.054 0.820994 142.18 2.19192 142.18 3.40813V33.7876M111.678 19.3406H120.71V33.4424C116.07 35.7774 110.752 36.9678 106.059 36.9678C94.7424 36.9678 87.1343 28.089 87.1343 18.5972C87.1343 9.10527 94.2296 0.223633 106.788 0.223633C110.907 0.223633 116.69 1.41549 120.496 3.10587V9.66395C120.496 9.66395 117.03 2.49561 106.819 2.49561C95.2467 2.49561 95.4314 17.0916 95.4314 18.5972C95.4314 23.2242 97.5115 34.7001 106.215 34.7001C110.019 34.7001 113.667 32.8966 113.667 28.7766V23.9648C113.667 20.4981 111.678 19.3421 111.678 19.3421M64.6523 21.1986C61.8861 16.9999 60.9879 16.9999 60.9879 16.9999L74.9507 3.26201C75.8417 2.47126 75.5008 0.822427 75.5008 0.822427H82.5459C82.5459 0.822427 80.8985 1.71775 79.2755 3.26201L68.0044 14.258C68.0044 14.258 81.6076 33.4166 82.2408 34.236C83.4355 35.7802 84.1704 36.3805 84.1704 36.3805H74.6054C74.6054 36.3805 75.0896 35.4379 74.1871 34.236L64.6552 21.2M60.9764 17.7333V33.7905C60.9764 34.8992 62.7513 36.3805 62.7513 36.3805H51.9902C51.9902 36.3805 53.9671 35.0439 53.9671 33.7905V3.41099C53.9671 2.41825 51.9902 0.823859 51.9902 0.823859H62.8502C62.8502 0.823859 60.975 2.19478 60.975 3.41099V17.7333H60.9764Z" fill="white"/><path d="M0.800781 0.862305H36.3431V36.4504H0.800781V0.862305Z" stroke="white" stroke-width="1.43252" stroke-miterlimit="10"/><path d="M0.800781 0.862305H36.3431V36.4504H0.800781V0.862305Z" fill="%23002561"/><path d="M18.5683 0.862305L0.800781 18.6872L18.5683 36.4504V0.862305Z" fill="%23F05A22"/><path d="M18.5684 36.4498L36.3431 18.6865H18.5684V36.4498Z" fill="white"/><path d="M36.3431 18.6872V0.862305H18.5684L36.3431 18.6872Z" fill="%2350B748"/></svg>');
}

.icon-arrow-down {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/arrow-down.svg) no-repeat center;
    height: 24px;
    width: 13px;
    background-size: contain;
}

.icon-arrow-up {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/arrow-up.svg) no-repeat center;
    height: 24px;
    width: 13px;
    background-size: contain;
}

.icon-clock {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/clock.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-location-kgi {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/location-kgi.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-social-up {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/social-up.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-arrow-target {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/arrow-target.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-graph-bar {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/graph-bar.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-arrow-reload {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/arrow-reload.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-padlock {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/padlock.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-gold-money {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/gold-money.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-class-lesson {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/class-lesson.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-wave-signal {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/wave-signal.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-blank-calendar {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/blank-calendar.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-multiple-file {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/multiple-file.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-price-stock {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/price-stock.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}


.icon-home {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/home.svg) no-repeat center;
    width: 16px;
    height: 16px;
    background-size: contain;
}

.icon-pdf {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/pdf.svg) no-repeat center;
    width: 30px;
    height: 30px;
    background-size: contain;
}

.icon-download {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/pdf.svg) no-repeat center;
    width: 30px;
    height: 30px;
    background-size: contain;
}


.icon-paper {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/paper.svg) no-repeat center;
    width: 40px;
    height: 40px;
    background-size: contain;
}

.icon-phone {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/phone.svg) no-repeat center;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.icon-mail {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/mail.svg) no-repeat center;
    width: 30px;
    height: 30px;
    background-size: contain;
}

.icon-star {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/star.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-search {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/search.svg) no-repeat center;
    width: 32px;
    height: 25px;
    background-size: contain;
}

.icon-key {
    vertical-align: middle;
    margin-right: 0px;
    background: url(../media/svg/key.svg) no-repeat center;    
    width: 20px;
    height: 20px;
    background-size: contain;
}

.icon-building {
    vertical-align: middle;
    margin-right: 10px;
    background: url(../media/svg/building.svg) no-repeat center;
    height: 32px;
    width: 25px;
    background-size: contain;
}

.icon-handshake {
    vertical-align: middle;
    margin-right: 10px;
    background: url(../media/svg/handshake.svg) no-repeat center;
    height: 32px;
    width: 25px;
    background-size: contain;
}

.icon-activities {
    vertical-align: middle;
    margin-right: 10px;
    background: url(../media/svg/activities.svg) no-repeat center;
    height: 32px;
    width: 25px;
    background-size: contain;
}


.icon-pdf-2 {
    vertical-align: middle;
    margin-right: 10px;
    background: url(../media/svg/pdf-2.svg) no-repeat center;
    height: 32px;
    width: 25px;
    background-size: contain;
}

.icon-video {
    vertical-align: middle;
    margin-right: 10px;
    background: url(../media/svg/video.svg) no-repeat center;
    height: 30px;
    width: 30px;
    background-size: contain;
}

.icon-phone2 {
    vertical-align: middle;
    margin-right: 10px;
    background: url(../media/svg/phone2.svg) no-repeat center;
    height: 20px;
    width: 20px;
    background-size: contain;
}

.icon-mail2 {
    vertical-align: middle;
    margin-right: 10px;
    background: url(../media/svg/mail2.svg) no-repeat center;
    height: 20px;
    width: 20px;
    background-size: contain;
}


.icon-pdf-3 {
    vertical-align: middle;
    margin-right: 10px;
    background: url(../media/svg/pdf-3.svg) no-repeat center;
    height: 30px;
    width: 25px;
    background-size: contain;
}

.icon-pdf-orange {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
    background: url(../media/svg/pdf-orange.svg) no-repeat center;
    width: 20px;
    height: 20px;
    background-size: contain;
}

.icon-printer {
    vertical-align: middle;
    margin-right: 10px;
    background: url(../media/svg/printer.svg) no-repeat center;
    height: 30px;
    width: 25px;
    background-size: contain;
}

.icon-cac {
    content: url(../media/img/home/social/icon_CAC_No.png);
}

.icon-kgi-wealth
{
    content: url(../media/img/products/wealth/KGI-WEALTH.png);
    vertical-align: middle;
    background-size: contain;
    width: 105px;
}


.icon-desktop
{
    vertical-align: middle;
    margin-right: 10px;
    background: url(../media/svg/desktop.svg) no-repeat center;
    height: 30px;
    width: 30px;
    background-size: contain;
}

.icon-person-plus
{
    vertical-align: middle;
    margin-right: 10px;
    background: url(../media/svg/person-plus.svg) no-repeat center;
    height: 30px;
    width: 30px;
    background-size: contain;
}


.icon-smartphone
{
    vertical-align: middle;
    margin-right: 10px;
    background: url(../media/svg/smartphone.svg) no-repeat center;
    height: 30px;
    width: 30px;
    background-size: contain;
}

.icon-education
{
    vertical-align: middle;
    margin-right: 10px;
    background: url(../media/svg/education.svg) no-repeat center;
    height: 30px;
    width: 30px;
    background-size: contain;
}

.icon-eopen-type-account
{
    vertical-align: middle;
    background: url(../media/svg/eopen-type-account.svg) no-repeat center;
    height: 100px;
    width: 100px;
    background-size: contain;
}

.icon-eopen-commission
{
    vertical-align: middle;
    background: url(../media/svg/eopen-commission.svg) no-repeat center;
    height: 100px;
    width: 100px;
    background-size: contain;
}


.icon-external-link {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/external-link-2.svg) no-repeat center;
    height: 30px;
    width: 30px;
    background-size: contain;
}


.icon-mornitor-play {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/monitor-play.svg) no-repeat center;
    height: 30px;
    width: 30px;
    background-size: contain;
}

.icon-volume-max {
    vertical-align: middle;
    margin-right: 5px;
    background: url(../media/svg/volume-max.svg) no-repeat center;
    height: 30px;
    width: 30px;
    background-size: contain;
}