:root { --desktop-font-size: 14px; --h1-font-size: 32px; --h2-font-size: 20px; --h3-font-size: 16px; } @media (min-width: 769px) { :root { --h1-font-size: 3.75vw; } } @media (min-width: 1400px) { :root { --desktop-font-size: 1.042vw; --h2-font-size: 1.667vw; --h3-font-size: 1.25vw; } } :root { --vh: 100vh; } body { text-align: right; } body:not(.no_background):not(.campaign_page) main { padding-top: calc(4.79vw + var(--brusting_text_top, 0px)); } @media (max-width: 820px) { body:not(.no_background):not(.campaign_page) main { padding-top: calc(108px + var(--brusting_text_top, 0px)); } } body main .layout-content { position: relative; } body main .layout-content .paragraph--type--from-library.container { max-width: unset; } body #block-leumi-new-local-tasks { display: none; } body a { color: var(--Primary-vivid-blue, #06F); font-weight: 400; } body a:hover { color: var(--Secondary-06, #0D54D8); } body a:active { color: var(--Primary-main-dark, #070762); } body a.link_button { padding: 14px; justify-content: center; align-items: center; background: var(--Primary-vivid-blue, #06F); color: var(--Neutral-white, #FFF); text-align: center; font-size: 16px; letter-spacing: 0.24px; font-style: normal; font-weight: 600; line-height: 150%; /* 30px */ width: fit-content; display: inline-block; margin: 0; border-radius: 8px; } @media (min-width: 769px) { body a.link_button { font-size: var(--desktop-font-size, 1.042vw); display: inline-flex; border-radius: 0.833vw; padding: 8px 48px 11px 48px; } } body a.link_button:after { content: ''; background-image: none; width: unset; height: unset; margin: 0; } body a.link_button:hover { background: var(--Secondary-06, #0D54D8); } @media (max-width: 768px) { body.leumi_new_design:not(.investor_relation) .tab-content .table-container { width: 100vh; } } body.leumi_new_design:not(.investor_relation) ul > li::marker { color: var(--Primary-vivid-blue, #06F); font-size: 1.3em; } @media (max-width: 768px) { body.leumi_new_design:not(.investor_relation) ul > li { overflow-wrap: break-word; } } body.leumi_new_design:not(.investor_relation) .table-container { border-radius: 1.042vw; border: 0; background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0px 0.781vw 3.125vw -1.563vw rgba(7, 7, 98, 0.4); backdrop-filter: blur(1.042vw); } @media (max-width: 768px) { body.leumi_new_design:not(.investor_relation) .table-container { overflow: auto; max-height: 500px; white-space: nowrap; max-width: 99vw; border-radius: 0 20px 20px 0; } } body.leumi_new_design:not(.investor_relation) .table-container .table { margin: 0; padding: 0; border-collapse: collapse; width: 100%; border: 0; line-height: 1.15; } @media (min-width: 769px) { body.leumi_new_design:not(.investor_relation) .table-container .table { table-layout: auto; width: 100% !important; border-spacing: 0; border-collapse: separate; border-radius: 1.042vw; background-color: white; } } body.leumi_new_design:not(.investor_relation) .table-container .table thead { position: sticky; z-index: 3; } body.leumi_new_design:not(.investor_relation) .table-container .table thead tr { background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0 15px 60px -30px rgba(7, 7, 98, 0.4); backdrop-filter: blur(20px); border-radius: 20px; } @media (min-width: 769px) { body.leumi_new_design:not(.investor_relation) .table-container .table thead tr { border-radius: 1.042vw; } } body.leumi_new_design:not(.investor_relation) .table-container .table thead th { position: sticky; z-index: 2; top: -1px; padding: 20px 14px 20px 20px; text-align: right; background-color: rgba(224, 236, 254, 0.5); border-bottom: 3px solid var(--Neutral-white, #FFF); border-top: 3px solid var(--Neutral-white, #FFF); backdrop-filter: blur(20px); color: #070762; font-style: normal; font-weight: 700; text-align: right; leading-trim: both; text-edge: cap; font-size: 16px; line-height: 125%; vertical-align: top; } @media (min-width: 769px) { body.leumi_new_design:not(.investor_relation) .table-container .table thead th { padding: 1.042vw 0.729vw 1.042vw 1.042vw; font-size: var(--desktop-font-size, 1.042vw); line-height: 140%; position: unset; } } body.leumi_new_design:not(.investor_relation) .table-container .table thead th:first-of-type { right: 0; border-right: 3px solid var(--Neutral-white, #FFF); border-radius: 0px 20px 0px 0px; } @media (min-width: 769px) { body.leumi_new_design:not(.investor_relation) .table-container .table thead th:first-of-type { padding-right: 1.563vw; border-right: 3px solid var(--Neutral-white, #FFF); border-radius: 0px 1.04vw 1.04vw 0px; } } body.leumi_new_design:not(.investor_relation) .table-container .table thead th:first-of-type.scrolled-first-cell { z-index: 3; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, #e0ecfe 7%); } body.leumi_new_design:not(.investor_relation) .table-container .table thead th:last-of-type { border-radius: 20px 0px 0px 0px; padding-left: 3px; border-left: 3px solid var(--Neutral-white, #FFF); } @media (min-width: 769px) { body.leumi_new_design:not(.investor_relation) .table-container .table thead th:last-of-type { border-radius: 1.04vw 0 0 1.04vw; padding-left: 1.563vw; border-left: 3px solid var(--Neutral-white, #FFF); } } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr { border-spacing: 0; line-height: 1; } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr td { padding: 17px 14px 17px 10px; font-size: 16px; font-weight: 300; vertical-align: middle; } @media (max-width: 769px) { body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr td { border-top: none; background-image: linear-gradient(to right, #A2C7FD 0 100%, transparent 50% 100%); background-repeat: no-repeat; background-size: 100% 1px; background-color: white; } } @media (min-width: 769px) { body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr td { border-top: 1px solid #A2C7FD; padding: 1.042vw 0.729vw 1.042vw 1.042vw; font-size: var(--desktop-font-size, 1.042vw); background-color: white; } } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr td:first-of-type:not(.ignoreTitle) { position: sticky; right: -1px; text-align: right; color: var(--Secondary-06, #0D54D8); font-weight: 600; background-repeat: no-repeat; background-size: 98% 1px; background-color: white; } @media (min-width: 769px) { body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr td:first-of-type:not(.ignoreTitle) { background-image: linear-gradient(to right, #A2C7FD 0 100%, transparent 50% 100%); background-repeat: no-repeat; padding-right: 1.563vw; position: unset; border-top: none; background-size: 98% 1px; } } @media (min-width: 769px) { body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr td:first-of-type.ignoreTitle { border-top: 1px solid #A2C7FD; } } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr td:first-of-type[rowspan]:not(.scrolled-first-cell) { position: relative; } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr td:first-of-type[rowspan]:not(.scrolled-first-cell):before { content: ""; border-left: 1px solid #A2C7FD; position: absolute; width: 1px; left: 4px; top: 10px; bottom: 10px; } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr td:first-of-type.scrolled-first-cell { border-bottom: 1px solid #A2C7FD !important; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, white 7%); } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr td[rowspan]:not(:first-child) { position: relative; } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr td[rowspan]:not(:first-child):before { content: ""; border-right: 1px solid #A2C7FD; position: absolute; width: 1px; right: 2px; top: 10px; bottom: 10px; } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr td[rowspan]:not(:first-child):not(:last-child):after { content: ""; border-right: 1px solid #A2C7FD; position: absolute; width: 1px; left: 2px; top: 10px; bottom: 10px; } @media (min-width: 769px) { body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr td:last-of-type:not(.ignoreTitle) { border-top: none; background-image: linear-gradient(to left, #A2C7FD 0 95%, transparent 50% 100%); background-repeat: no-repeat; background-size: 100% 1px; background-color: white; } } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr:first-of-type td { background-image: linear-gradient(to right, #fff 0 100%, transparent 50% 100%); } @media (min-width: 769px) { body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr:first-of-type td { border-top: 0; background-image: none !important; background-color: white !important; } } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr:last-of-type td { border-bottom: 0px; padding-left: 10px; } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr:last-of-type td:first-of-type:not(.ignoreTitle) { border-bottom-right-radius: 20px; } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr:last-of-type td:last-of-type:not(.ignoreTitle) { border-bottom-left-radius: 20px; } @media (min-width: 769px) { body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr:last-of-type td { padding-left: 1.563vw; } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr:last-of-type td:first-of-type:not(.ignoreTitle) { border-bottom-right-radius: 1.04vw; } body.leumi_new_design:not(.investor_relation) .table-container .table tbody tr:last-of-type td:last-of-type:not(.ignoreTitle) { border-bottom-left-radius: 1.04vw; } } @media (max-width: 767px) { body.leumi_new_design:not(.investor_relation) .table-container .table a.link_button { width: fit-content; display: inline-block; margin: 0; } } body.leumi_new_design:not(.investor_relation) .table-container h3, body.leumi_new_design:not(.investor_relation) .table-container h4 { color: #070762; font-size: 17px; } body.leumi_new_design:not(.investor_relation) .table-container h3.text-align-center, body.leumi_new_design:not(.investor_relation) .table-container h4.text-align-center { text-align: center; } body.leumi_new_design:not(.investor_relation) .table-container h3.text-align-left, body.leumi_new_design:not(.investor_relation) .table-container h4.text-align-left { text-align: left; } body.leumi_new_design:not(.investor_relation) .table-container h3.text-align-right, body.leumi_new_design:not(.investor_relation) .table-container h4.text-align-right { text-align: right; } body.leumi_new_design:not(.investor_relation) .table-container h5 { font-size: 14px; } body.leumi_new_design:not(.investor_relation) .table-container h5.text-align-center { text-align: center; } body.leumi_new_design:not(.investor_relation) .table-container h5.text-align-left { text-align: left; } body.leumi_new_design:not(.investor_relation) .table-container h5.text-align-right { text-align: right; } body.leumi_new_design:not(.investor_relation) .table-container h6 { font-size: 12px; } body.leumi_new_design:not(.investor_relation) .table-container h6.text-align-center { text-align: center; } body.leumi_new_design:not(.investor_relation) .table-container h6.text-align-left { text-align: left; } body.leumi_new_design:not(.investor_relation) .table-container h6.text-align-right { text-align: right; } @media (max-width: 768px) { body.leumi_new_design:not(.investor_relation) .table-container ul > li { overflow-wrap: break-word; } } @media (max-width: 768px) { body.leumi_new_design:not(.investor_relation) .table-container ol > li { overflow-wrap: break-word; } } body.leumi_new_design:not(.investor_relation) .table-container .links { display: flex; flex-wrap: wrap; margin: 0 -0.521vw; } body.leumi_new_design:not(.investor_relation) .table-container .links .complex-link { flex: 0 0 33.3%; } body.leumi_new_design:not(.investor_relation) .table-container .links .complex-link a { display: flex; color: grey; width: 100%; padding: 5px; background-color: white; font-weight: normal; margin: 0.521vw; border-radius: 8px; } body.leumi_new_design:not(.investor_relation) .table-container .links .complex-link a.pdf:before { content: ""; background: url("/images/article/pdf.png") no-repeat; background-size: 16px 16px; background-position: center; width: 16px; height: 16px; margin: 0 0.521vw; } body.leumi_new_design:not(.investor_relation) .table-container .links .complex-link a.xlsx:before { content: ""; background: url("/images/article/xls.png") no-repeat; background-size: 16px 16px; background-position: center; width: 16px; height: 16px; display: inline-block; margin: 0 0.521vw; } body.leumi_new_design:not(.investor_relation) .table-container .links .complex-link a.docx:before { content: ""; background: url("/images/article/docx.png") no-repeat; background-size: 16px 16px; background-position: center; width: 16px; height: 16px; display: inline-block; margin: 0 0.521vw; } body.leumi_new_design:not(.investor_relation) .table-container .links-wrapper.hide .complex-link:first-child { display: none; } .replaceSiteLoader { height: 100%; width: 100%; background-color: white; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 4; top: 0; font-size: 40px; } .replaceSiteLoader .switch_site_loader { width: 90px; aspect-ratio: 2; --_g: no-repeat radial-gradient(circle closest-side,#0066FF 90%,#0000); background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%; background-size: calc(100%/3) 50%; animation: l3 1.5s infinite linear; } @keyframes l3 { 20% { background-position: 0% 0%, 50% 50%,100% 50%; } 40% { background-position: 0% 100%, 50% 0%,100% 50%; } 60% { background-position: 0% 50%, 50% 100%,100% 0%; } 80% { background-position: 0% 50%, 50% 50%,100% 100%; } } .leumi_new_design footer.leumi_marketing_footer { background-color: transparent; margin-bottom: 5.208vw; padding-right: 5.208vw; padding-left: 5.208vw; } .leumi_new_design footer.leumi_marketing_footer .block-footer { order: 1; border-bottom: 0; } .leumi_new_design footer.leumi_marketing_footer .block-footer > ul { padding: 0; } @media (min-width: 821px) { .leumi_new_design footer.leumi_marketing_footer .block-footer > ul { display: flex; flex-direction: row; justify-content: space-between; } } .leumi_new_design footer.leumi_marketing_footer .block-footer > ul > li { width: 20%; text-align: right; } @media (max-width: 768px) { .leumi_new_design footer.leumi_marketing_footer .block-footer > ul > li { border-bottom: 1px solid var(--Neutral-gray-04, #D9D9D9); margin: 0; width: 100%; padding: 12px 8px; position: relative; } .leumi_new_design footer.leumi_marketing_footer .block-footer > ul > li.open { border-bottom: 0; } } .leumi_new_design footer.leumi_marketing_footer .block-footer > ul > li > ul { margin-right: 0; } @media (max-width: 768px) { .leumi_new_design footer.leumi_marketing_footer .block-footer > ul > li > ul li { border-bottom: 1px solid var(--Neutral-gray-04, #D9D9D9); } } .leumi_new_design footer.leumi_marketing_footer .block-footer > ul > li > ul li:last-child { border-bottom: 0; } @media (max-width: 768px) { .leumi_new_design footer.leumi_marketing_footer .block-footer > ul > li h4 { margin: 0; } } @media (max-width: 768px) { .leumi_new_design footer.leumi_marketing_footer .block-footer > ul > li .footerIcon { display: block; width: 20px; height: 20px; background-image: url("/images/leumi_new/footer/arrow.svg"); position: absolute; left: 10px; top: 15px; } .leumi_new_design footer.leumi_marketing_footer .block-footer > ul > li .footerIcon.open { transform: rotate(180deg); transition: all 0.25s ease-in-out; } } .leumi_new_design footer.leumi_marketing_footer nav[id$=block-leumi-new-footer-bottom-links] { order: 3; } .leumi_new_design footer.leumi_marketing_footer nav[id$=block-leumi-new-footer-bottom-links] > ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; padding: 0; } .leumi_new_design footer.leumi_marketing_footer nav[id$=block-leumi-new-footer-bottom-links] > ul > li { margin: 0; padding: 5px 15px; border-bottom: 0; text-align: center; } .leumi_new_design footer.leumi_marketing_footer nav[id$=block-leumi-new-footer-bottom-links] > ul > li a { font-size: 14px; color: #070762; font-weight: 400; } @media (min-width: 1300px) { .leumi_new_design footer.leumi_marketing_footer nav[id$=block-leumi-new-footer-bottom-links] > ul > li a { font-size: 16px; } } .leumi_new_design footer.leumi_marketing_footer nav[id$=footersocial] { order: 2; border-bottom: 1px solid #D9D9D9; margin-bottom: 20px; align-items: center; } @media (max-width: 768px) { .leumi_new_design footer.leumi_marketing_footer nav[id$=footersocial] { padding: 25px 0 0 0; } } .leumi_new_design footer.leumi_marketing_footer nav[id$=footersocial] h4 { display: none; } .leumi_new_design footer.leumi_marketing_footer nav[id$=footersocial] ul.links { width: 250px !important; flex-wrap: nowrap !important; margin-bottom: 0; } .leumi_new_design footer.leumi_marketing_footer nav[id$=footersocial] ul.links li { line-height: 0; margin-bottom: 20px; } .leumi_new_design footer.leumi_marketing_footer nav[id$=footersocial] ul.links li a { font-size: 0; background-size: 24px; display: flex; width: 32px; height: 32px; padding: 4px; align-items: center; gap: 10px; border-radius: 50%; background-color: var(--Primary-main-dark, #070762); background-position: center; background-repeat: no-repeat; } .leumi_new_design footer.leumi_marketing_footer nav[id$=footersocial] ul.links li a:hover { background-color: var(--Secondary-07, #0B3BB1); } .leumi_new_design footer.leumi_marketing_footer nav[id$=footersocial] ul.links li a:active { background-color: var(--Primary-main-dark, #070762); } .leumi_new_design footer.leumi_marketing_footer nav[id$=footersocial] ul.links li a.facebook { background-image: url("/images/leumi_new/footer/facebook_icon.svg"); } .leumi_new_design footer.leumi_marketing_footer nav[id$=footersocial] ul.links li a.instagram { background-image: url("/images/leumi_new/footer/instgram_icon.svg"); } .leumi_new_design footer.leumi_marketing_footer nav[id$=footersocial] ul.links li a.youtube { background-image: url("/images/leumi_new/footer/youtube_icon.svg"); } .leumi_new_design footer.leumi_marketing_footer nav[id$=footersocial] ul.links li a.linkedin { background-image: url("/images/leumi_new/footer/linkdin_icon.svg"); } .leumi_new_design footer.leumi_marketing_footer nav[id$=footersocial] ul.links li a.twitter { background-image: url("/images/leumi_new/footer/twitter_icon.svg"); background-size: 50%; } .leumi_new_design footer.leumi_marketing_footer div[id$=footer-disclaimer] { order: 2; font-size: 14px; color: #070762; font-weight: 400; margin-top: 20px; } @media (min-width: 1300px) { .leumi_new_design footer.leumi_marketing_footer div[id$=footer-disclaimer] { font-size: 16px; } } .leumi_new_design footer.leumi_marketing_footer .container { max-width: unset; margin: auto; } .leumi_new_design footer.leumi_marketing_footer .container > div { padding: 40px; border-radius: 20px; background: #F6F6F6; display: flex; flex-direction: column !important; flex-wrap: wrap; } @media (max-width: 820px) { .leumi_new_design footer.leumi_marketing_footer nav > ul li { width: 100%; } } .leumi_new_design footer.leumi_marketing_footer nav > ul > li { width: auto; cursor: pointer; } @media (min-width: 821px) { .leumi_new_design footer.leumi_marketing_footer nav > ul > li { text-align: center; } } .leumi_new_design footer.leumi_marketing_footer nav > ul > li h4 { padding: 0; font-weight: bold; font-size: 16px; } @media (max-width: 820px) { .leumi_new_design footer.leumi_marketing_footer nav > ul > li ul:not(.open) { display: none; } } .leumi_new_design footer.leumi_marketing_footer nav > ul > li ul li { padding: 15px; } @media (min-width: 1024px) { .leumi_new_design footer.leumi_marketing_footer nav > ul > li ul li { padding: 6px 0 7px 0; } } .leumi_new_design footer.leumi_marketing_footer nav > ul > li ul li a { font-size: 16px; color: #070762; font-weight: normal; } @media (min-width: 1300px) { .leumi_new_design footer.leumi_marketing_footer nav > ul > li ul li a { padding: 0; } } .leumi_new_design footer.leumi_marketing_footer nav > ul > li ul li a:hover { color: #408CFE; font-weight: normal; } .leumi_new_design { --brusting_text_top: 0px; } .leumi_new_design .brusting_flag_on:not(.hide) { --brusting_text_top: 50px; } .leumi_new_design header.leumi_marketing_header { display: flex; flex-direction: column; position: fixed; top: calc(var(--drupal-displace-offset-top , 0px) + var(--brusting_text_top , 0px)); left: 0; right: 0; justify-content: space-between; z-index: 130; width: 100%; padding: 1.146vw 1.875vw; } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header { padding: 0px; } .hide-header-footer .leumi_new_design header.leumi_marketing_header, .is_form .leumi_new_design header.leumi_marketing_header { height: 0px; background: none; } } @media (max-width: 900px) and (min-width: 821px) { .leumi_new_design header.leumi_marketing_header { height: 4.792vw; } .hide-header-footer .leumi_new_design header.leumi_marketing_header, .is_form .leumi_new_design header.leumi_marketing_header { height: 0px; } } .leumi_new_design header.leumi_marketing_header .date { font-family: SimplerPro; font-size: 16px; color: #2d72e1; direction: rtl; /*@media (max-width: 820px) and (min-width: 769px) { font-size: 12px; font-weight: normal; }*/ } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .date { font-size: 13px; font-weight: bold; clear: both; list-style: none; position: absolute; left: 9px; right: auto; top: 28px; letter-spacing: .1px; margin: 17px 8px 0 8px; direction: ltr; } } @media (max-width: 900px) and (min-width: 821px) { .leumi_new_design header.leumi_marketing_header .date { font-size: 15px; font-weight: bold; } } .leumi_new_design header.leumi_marketing_header .main-header { position: relative; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0; } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .main-header { height: 60px; border-bottom: 1px solid var(--Neutral-gray-03, #F0F0F0); background: rgba(255, 255, 255, 0.3); box-shadow: 0px 4px 20px 0px rgba(7, 7, 98, 0.11); } } .leumi_new_design header.leumi_marketing_header .sub-header { display: none; } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .sub-header { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0; height: 48px; } } .leumi_new_design header.leumi_marketing_header .logo { display: table-cell; vertical-align: middle; width: auto; padding: 9px 0.313vw 9px 10px; } .leumi_new_design header.leumi_marketing_header .logo.logo-top { display: block; float: right; z-index: auto; } @media (min-width: 821px) { .leumi_new_design header.leumi_marketing_header .logo { display: flex; vertical-align: top; position: absolute; top: 93px; z-index: -1; left: 25px; right: auto; padding: 0px; } .leumi_new_design header.leumi_marketing_header .logo.logo-top { position: static; left: auto; top: auto; width: 2.619vw; height: 2.5vw; padding: 0.1vw; justify-content: center; align-items: center; border-radius: 5.083px; transition: transform .2s; } .leumi_new_design header.leumi_marketing_header .logo.logo-top:hover { /*width: 2.62vw; height: 2.51vw; padding: 0vw;*/ transform: scale(1.2); } } @media (min-width: 821px) { .leumi_new_design header.leumi_marketing_header .logo { top: 78px; left: 41px; right: auto; width: 80px; } } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .logo.logo-top { display: flex; justify-content: center; width: 100%; padding: 0; } } @media (min-width: 821px) { .leumi_new_design header.leumi_marketing_header .logo { top: 70px; left: 41px; right: auto; } } @media (min-width: 821px) { .leumi_new_design header.leumi_marketing_header .logo a { display: inline-block; width: 100%; display: inline-block; } } .leumi_new_design header.leumi_marketing_header .logo a img { display: block; width: 37px; height: auto; } @media (min-width: 821px) { .leumi_new_design header.leumi_marketing_header .logo a img { width: 100%; } } .leumi_new_design header.leumi_marketing_header .header-pane.header-pane-first { display: flex; align-items: center; } .leumi_new_design header.leumi_marketing_header .header-pane.header-pane-second { display: flex; align-items: center; } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .header-pane.header-pane-second { width: 100%; } } .leumi_new_design header.leumi_marketing_header .menu-header-links > ul { margin: 0; padding: 0; list-style: none; } .leumi_new_design header.leumi_marketing_header .menu-header-links > ul li { display: inline-block; padding: 0 7px; font-size: 24px; } .leumi_new_design header.leumi_marketing_header .menu-header-links > ul li a:hover { text-decoration: underline; } .leumi_new_design header.leumi_marketing_header .menu-header-tabs-mobile { display: none; } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .menu-header-tabs-mobile { display: block; position: absolute; right: 20px; top: 72px; font-size: 16px; font-weight: 600; background-size: 14px; padding-left: 20px; } .leumi_new_design header.leumi_marketing_header .menu-header-tabs-mobile::after { content: ''; display: block; position: absolute; left: 0; background-image: url("/images/header/down.svg"); background-position: 50% 60%; background-repeat: no-repeat; background-size: 10px; font-size: 0; width: 10px; height: 5px; top: 8px; transform: none; transition: all .25s ease-in-out; transform-origin: center; } } .leumi_new_design header.leumi_marketing_header .menu-header-tabs-mobile.active { color: #0066FF; } .leumi_new_design header.leumi_marketing_header .menu-header-tabs-mobile.active::after { background-image: url("/images/header/down_blue.svg"); transform: rotate(180deg); } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .menu-header-tabs { position: absolute; width: 100%; top: 108px; background-color: white; display: none; z-index: 1; } } .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul { position: relative; margin: 0 2.083vw 0 2.083vw; list-style: none; line-height: 1.3em; display: flex; padding: 0.288vw; align-items: center; gap: 0.313vw; border-radius: 0.625vw; border: 1px solid var(--Neutral-gray-05, #BFBFBF); height: 2.5vw; background: rgba(255, 255, 255, 0.3); } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul { margin: 12px 20px 16px 20px; display: flex; padding: 6px; gap: 6px; border-radius: 12px; background: rgba(255, 255, 255, 0.3); justify-content: center; height: auto; } } .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul .overlay { background-color: #C1DAFE; overflow: hidden; z-index: -1; position: absolute; display: block; transition: 300ms all ease-in-out; height: 35px; width: 47%; top: 6px; border-radius: 8px; right: 6px; } .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul .overlay.biz { right: 51%; } @media (min-width: 821px) { .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul .overlay { height: 1.875vw; width: 4.688vw; top: 0.288vw; right: 0.288vw; border-radius: 0.417vw; } .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul .overlay.biz { right: 5.289vw; } } .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul li { background: rgba(255, 255, 255, 0.3); display: flex; width: 4.688vw; height: 1.875vw; justify-content: center; align-items: center; border-radius: 0.417vw; cursor: pointer; } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul li { width: 50%; height: 35px; } } .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul li a { color: #595959; } .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul li a:hover { color: #06F; } .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul li.checked { background-color: transparent; } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul li.checked { border-radius: 8px; } } .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul li.checked a { font-weight: bold; color: #070762; } .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul li a { text-decoration: none; font-size: var(--desktop-font-size, 1.042vw); padding-top: 0.1vw; font-weight: normal; width: 100%; display: flex; justify-content: center; height: 100%; align-items: center; margin: auto; } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul li a { font-size: 16px; } } .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul li a[data-drupal-link-system-path=""] { font-weight: bold; } .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul li a:hover { text-decoration: none; } .leumi_new_design header.leumi_marketing_header .menu-header-tabs > ul li:not(.checked):hover { background-color: #F7F7F7; } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .menu-header-tabs.open { display: block; } } .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul { padding: 0; list-style: none; line-height: 1.3em; display: flex; align-items: center; height: 2.5vw; margin: 0; gap: 0.781vw; } @media (min-width: 1280px) { .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul { margin: 0 0.625vw 0 0; } } @media (-webkit-min-device-pixel-ratio: 1.75) { .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul { margin: 0px 2.083vw 0 0px; } } .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li { display: flex; width: auto; justify-content: center; align-items: center; /*gap: 0.521vw; height: 2.292vw; padding: 0.729vw 1.25vw; border-radius: 0.521vw; border: 1px solid $header-menu-links-color; */ } .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li a { background: rgba(255, 255, 255, 0.3); font-size: var(--desktop-font-size, 1.042vw); font-weight: 600; color: #070762; text-decoration: none; height: 2.292vw; padding: 0.729vw 1.25vw; border-radius: 0.521vw; border: 1px solid #070762; display: flex; justify-content: center; align-items: center; } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li a { font-size: 14px; } } .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li a[data-drupal-link-system-path=""] { font-weight: bold; } .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li a:hover { background: var(--Neutral-gray-02, rgba(246, 246, 246, 0.96)); } .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li a:focus-visible { outline-offset: 4px; } .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li a:active { background: var(--Neutral-gray-03, #F0F0F0); } .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li a.external_link_icon { background-image: url(/images/leumi_new/header/external_link_icon.svg); background-size: 0.79vw; background-repeat: no-repeat; background-position: 98% 45%; background-color: transparent; border: 0; font-weight: normal; } .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li a.external_link_icon:hover { background-image: url(/images/leumi_new/header/external_link_icon_hover.svg); color: #0066FF; background-color: transparent; } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li:nth-child(1) { display: none; } } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li:nth-child(2) { position: absolute; left: 12px; } } .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li:nth-child(2) a { background: #070762; color: white; } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li:nth-child(2) a { height: 36px; padding: 12px 8px; gap: 8px; border-radius: 8px; } } .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li:nth-child(2) a:hover { background: var(--Secondary-07, #0B3BB1); border: 1px solid #0B3BB1; } .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li:nth-child(2) a:active { background: var(--Secondary-06, #0D54D8); border: 1px solid #0D54D8; } .leumi_new_design header.leumi_marketing_header .header_account_buttons > ul li:nth-child(2) a:focus-visible { outline-offset: 4px; } .toolbar-fixed .leumi_new_design header.leumi_marketing_header { top: 80px; } .leumi_new_design header.leumi_marketing_header .menu-header-accessability { width: unset; height: unset; margin: 0.111vw; padding: 0.417vw; border-radius: 0.417vw; } @media (max-width: 820px) { .leumi_new_design header.leumi_marketing_header .menu-header-accessability { display: none; } } .leumi_new_design header.leumi_marketing_header .menu-header-accessability button { background-image: url(/images/header/accessability.svg); width: 1.042vw !important; height: 1.042vw !important; background-size: contain; background-repeat: no-repeat; } .leumi_new_design header.leumi_marketing_header .menu-header-accessability button:hover { background-image: url(/images/header/accessability_blue.svg) !important; } .leumi_new_design header.leumi_marketing_header .menu-header-accessability button:active { background-image: url(/images/header/accessability_blue.svg) !important; } .leumi_new_design header.leumi_marketing_header.active { background-color: #ffffff !important; } .leumi_new_design header.leumi_marketing_header.scroll { background: rgba(255, 255, 255, 0.7); box-shadow: 0px 35px 60px 0px rgba(7, 7, 98, 0.11); backdrop-filter: blur(20px); } .leumi_new_design header.leumi_marketing_header.scrollDown { background-color: #ffffff !important; } .leumi_new_design header.leumi_marketing_header.scrollDown .main-header { background-color: #ffffff !important; box-shadow: unset !important; } .leumi_new_design header.leumi_marketing_header.scrollDown .sub-header, .leumi_new_design header.leumi_marketing_header.scrollDown .menu-header-language, .leumi_new_design header.leumi_marketing_header.scrollDown .menu-header-tabs-mobile, .leumi_new_design header.leumi_marketing_header.scrollDown a.talk-to-us, .leumi_new_design header.leumi_marketing_header.scrollDown .menu-header-tabs { display: none !important; opacity: 0; transition: opacity 0.1s, display 0.2s; /* Include display in the transition */ transition-behavior: allow-discrete; } .leumi_new_design header.leumi_marketing_header.scrollDown .header_account_buttons .external_link_icon { display: none !important; opacity: 0; transition: opacity 0.1s, display 0.2s; /* Include display in the transition */ transition-behavior: allow-discrete; } .leumi_new_design header.leumi_marketing_header.scrollUp { background-color: #ffffff !important; } .leumi_new_design header.leumi_marketing_header.scrollUp .main-header { background-color: #ffffff !important; box-shadow: unset !important; } .leumi_new_design header.leumi_marketing_header body::after { content: ""; display: none; background-image: url(/images/header/blue_lang.svg), url(/images/header/blue_search.svg), url(/images/header/accessability_blue.svg); } .leumi_new_design.investor_relation header.leumi_marketing_header { padding: 0.88vw 2.92vw; background: #FEFEFE; } @media (max-width: 820px) { .leumi_new_design.investor_relation header.leumi_marketing_header { padding: 0; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header { border-bottom: 1px solid var(--Color-Border-light, #EDEEF4); background: rgba(255, 255, 255, 0.82); box-shadow: 0 4px 20px 0 rgba(7, 7, 98, 0.16); backdrop-filter: blur(9.35px); } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header .menu-header-tabs-mobile { display: none; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header .header_menus > ul > li:nth-child(1) { left: 0; top: 0; right: 0; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header .header-pane.header-pane-second { width: 100%; justify-content: flex-start; padding-right: 24px; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header .header_account_buttons, .leumi_new_design.investor_relation header.leumi_marketing_header .main-header .menu-header-language { display: none; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header .parent-item a:not(.LogoTopIcon) { display: none; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header .menu-header-search { display: flex; flex-direction: row-reverse; left: 0px; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu { height: 100vh; align-items: flex-start; padding-top: 24px; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header_menus > ul > li:nth-child(1) { left: 0px; top: -57px; position: absolute; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header_menus.parent_menu_links { display: flex; position: absolute; top: 80px; } } @media (max-width: 820px) and (max-width: 820px) { .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header_menus.parent_menu_links { height: 74%; width: 87%; } } @media (max-width: 820px) { .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header_menus.parent_menu_links > ul { align-items: flex-start; flex-direction: column; } } @media (max-width: 820px) and (max-width: 820px) { .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header_menus.parent_menu_links > ul { overflow: hidden; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header_menus.parent_menu_links > ul > li:not(:first-child):not(:last-child) { width: 100%; border-bottom: 1px solid var(--Color-Border-light, #EDEEF4); } } @media (max-width: 820px) and (min-width: 821px) { .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header_menus.parent_menu_links > ul li:nth-child(1) { top: -21px; } } @media (max-width: 820px) { .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header_menus.parent_menu_links > ul li:nth-child(2) { top: unset; right: 0; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header_menus.parent_menu_links > ul .parent-item a { color: #070762; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header_menus.parent_menu_links > ul .parent-item a:not(.LogoTopIcon) { padding: 20px 7px; display: flex; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header_menus.parent_menu_links > ul .parent-item .Main { margin-right: 36px; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header_menus.parent_menu_links > ul .parent-item a:not(.LogoTopIcon):not(.Main):before { content: ""; display: block; margin-left: 12px; background-image: url(/images/leumi_new/investor_relation/plus.svg); background-position: 50% 60%; background-repeat: no-repeat; background-size: 20px; font-size: 0; height: 20px; width: 20px; } } @media (max-width: 820px) and (max-width: 820px) { .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header_menus.parent_menu_links > ul .parent-item.active a:not(.LogoTopIcon):not(.Main):before { margin-left: 12px; background-image: url(/images/leumi_new/investor_relation/minus.svg); background-position: 50% 60%; background-repeat: no-repeat; background-size: 20px; font-size: 0; height: 20px; width: 20px; } } @media (max-width: 820px) { .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first { flex-direction: row-reverse; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .menu-header-search { position: unset; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .menu-header-search button.menu-icon { background-image: url(/images/leumi_new/investor_relation/x.svg) !important; margin: 0 10px; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .menu-header-search::after { content: ""; display: block; background-image: url(/images/leumi_new/investor_relation/line.svg); background-position: 50% 60%; background-repeat: no-repeat; background-size: contain; font-size: 0; height: 32px; width: 1px; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .header_account_buttons { position: absolute; bottom: 58px; width: 100%; display: flex; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .header_account_buttons .links { justify-content: center; flex-direction: column; width: 100%; gap: 16px !important; margin: 0 24px; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .header_account_buttons .links li { position: relative; top: 0; left: 0; display: flex; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .header_account_buttons .links li:first-of-type { order: 2; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .header_account_buttons .links li:last-of-type { width: 100%; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .header_account_buttons .links li:last-of-type a { width: 100%; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .header_account_buttons .links li a { color: #10069B; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .header_account_buttons .links li a span { padding-top: 3px; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .menu-header-language { display: flex; position: relative; top: unset; z-index: 2; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .menu-header-language:after { content: "EN"; padding-right: 8px; display: block; font-size: 14px; color: #3E3E75; padding-top: 6px; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .menu-header-accessability { display: flex; position: relative; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first .menu-header-accessability button { width: 32px !important; height: 32px !important; background-size: unset; margin-left: 30px; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-first button.search-icon { display: none; } .leumi_new_design.investor_relation header.leumi_marketing_header .main-header.open_menu .header-pane-second { justify-content: flex-start; } .leumi_new_design.investor_relation header.leumi_marketing_header .sub-header { display: none; } } .leumi_new_design.investor_relation header.leumi_marketing_header .header-pane.header-pane-first { gap: 0.42vw; } .leumi_new_design.investor_relation header.leumi_marketing_header .header_account_buttons > ul { gap: 0.781vw !important; } .leumi_new_design.investor_relation header.leumi_marketing_header .header_account_buttons > ul li a { color: #10069B; font-size: 16px; font-weight: 600; padding: 0.83vw 1.25vw; } .leumi_new_design.investor_relation header.leumi_marketing_header .header_account_buttons > ul li a:hover { color: #0D057D; } .leumi_new_design.investor_relation header.leumi_marketing_header .header_account_buttons > ul li a.external_link_icon { padding: 3px 0 0 0; padding-left: 20px; background-size: 14px; background-position: left; height: 14px; background-image: url(/images/leumi_new/header/external_link_icon_he.svg); } .leumi_new_design.investor_relation header.leumi_marketing_header .header_account_buttons > ul li a.external_link_icon:hover { color: #0D057D; background-image: url(/images/leumi_new/header/external_link_icon_he.svg); } .leumi_new_design.investor_relation header.leumi_marketing_header .header_account_buttons > ul li:nth-child(2) a { border-radius: 0.42vw; border: 0.04vw solid var(--Color-Border-medium, #B7BAD4); background-color: #FFFFFF; } .leumi_new_design.investor_relation header.leumi_marketing_header .header_account_buttons > ul li:nth-child(2) a:hover { background-color: rgba(16, 6, 155, 0.04); } @media (max-width: 820px) { .leumi_new_design.investor_relation header.leumi_marketing_header .header_account_buttons > ul li:nth-child(2) a { border-radius: 8px; border: 0.75px solid var(--Color-Border-medium, #B7BAD4); } } .leumi_new_design.investor_relation header.leumi_marketing_header .header_account_buttons > ul li::before { content: ''; display: block; margin-left: 0.94vw; background-image: url("/images/leumi_new/investor_relation/line.svg"); background-position: 50% 60%; background-repeat: no-repeat; background-size: 0.08vw; font-size: 0; height: 1.04vw; width: 0.94vw; top: 8px; } .leumi_new_design.investor_relation header.leumi_marketing_header .menu-header-accessability { padding: 0; margin: 0; } .leumi_new_design.investor_relation header.leumi_marketing_header .menu-header-accessability button { background-image: url(/images/leumi_new/investor_relation/accessability.svg); background-repeat: no-repeat; } @media (min-width: 1001px) { .leumi_new_design.investor_relation header.leumi_marketing_header .menu-header-accessability button { width: 2.08vw !important; height: 2.08vw !important; border-radius: 0.63vw; background-size: 0.94vw; background-position: center; background-repeat: no-repeat; } } .leumi_new_design.investor_relation header.leumi_marketing_header .menu-header-accessability button:hover { background: rgba(16, 6, 155, 0.04); background-position: center; vertical-align: middle; background-image: url(/images/leumi_new/investor_relation/accessability.svg) !important; background-size: 0.94vw; } .leumi_new_design.investor_relation header.leumi_marketing_header .menu-header-accessability button:active { background: rgba(16, 6, 155, 0.08); background-position: center; vertical-align: middle; background-image: url(/images/leumi_new/investor_relation/accessability.svg) !important; background-size: 0.94vw; } .menu-header-language { margin: 0.521vw; position: relative; } @media (max-width: 820px) { .menu-header-language { position: absolute; top: 64px; left: 20px; } } .menu-header-language button { background-image: url(/images/header/lang.svg); width: 1.042vw !important; height: 1.042vw !important; background-size: contain; border: none; background-repeat: no-repeat; background-color: transparent; cursor: pointer; background-position: 50%; font-size: 0; outline: 0px; border: 0px; display: block; border-radius: 50%; } @media (max-width: 820px) { .menu-header-language button { width: 32px !important; height: 32px !important; background-size: unset; } } .menu-header-language button:hover { background-image: url(/images/header/blue_lang.svg); } .menu-header-language .menu-languages { position: absolute; left: auto; right: -0.542vw; top: 2.91vw; background-color: white; display: none; flex-direction: column; border-radius: 0px 0px 0.833vw 0.833vw; border: 0.052vw solid var(--Neutral-white, #FFF); padding: 0 0.542vw 1.042vw 0.542vw; } @keyframes move_languages_down { 0% { transform: translateY(-20%); opacity: 0; transition: transform 0.5s ease-out; } 100% { transform: translateY(0%); opacity: 1; } } @media (max-width: 820px) { .menu-header-language .menu-languages { position: fixed; left: 0; bottom: 0; top: unset; width: 100%; padding: 20px 20px 1px 20px; justify-content: start; align-items: self-start; flex-shrink: 0; border-radius: 20px 20px 0px 0px; border: 1px solid var(--Neutral-white, #FFF); background: #FFF; box-shadow: 0px -20px 60px 0px rgba(7, 7, 98, 0.11); backdrop-filter: blur(20px); list-style-type: none; margin: 0; } @keyframes move_languages_up { 0% { transform: translateY(100%); opacity: 0; transition: transform 0.5s ease-out; } 100% { transform: translateY(0%); opacity: 1; } } @keyframes move_languages_down_mobile { 0% { transform: translateY(0%); opacity: 1; transition: transform 0.5s ease-out; } 100% { transform: translateY(-100%); opacity: 0; } } } .menu-header-language .menu-languages .menu-languages-top { display: none; } @media (max-width: 820px) { .menu-header-language .menu-languages .menu-languages-top { display: flex; flex-direction: row; } .menu-header-language .menu-languages .menu-languages-top .title { color: #070762; text-align: right; font-size: 20px; font-style: normal; font-weight: 900; line-height: 120%; /* 24px */ padding-right: 20px; margin-bottom: 8px; } .menu-header-language .menu-languages .menu-languages-top button.close-menu-icon { background-image: url(/images/header/close.svg); cursor: pointer; position: absolute; left: 20px; right: auto; width: 22px !important; height: 22px !important; margin: 0px; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain; border: 0px; } } .menu-header-language .menu-languages ul { padding: 0; margin: 0; width: 100%; } .menu-header-language .menu-languages ul li { display: flex; justify-content: flex-start; align-items: center; gap: 2px; align-self: stretch; padding: 0.56vw 0.765vw; } @media (max-width: 820px) { .menu-header-language .menu-languages ul li { padding: 18px 0px; border-bottom: 1px solid var(--Neutral-gray-03, #F0F0F0); } } .menu-header-language .menu-languages ul li a { font-weight: normal; font-size: 0.938vw; color: #070762; text-decoration: none; min-width: 7vw; } @media (max-width: 820px) { .menu-header-language .menu-languages ul li a { font-size: 16px; font-weight: 400; line-height: 150%; /* 24px */ letter-spacing: 0.32px; padding-right: 20px; } } .menu-header-language .menu-languages ul li:hover { border-radius: 0.417vw; background: var(--Neutral-gray-02, rgba(246, 246, 246, 0.96)); color: var(--Primary-vivid-blue, #06F); } @media (max-width: 820px) { .menu-header-language .menu-languages ul li:hover { border-radius: 8px; } } .menu-header-language .menu-languages ul li:last-child { border-bottom: none; } @media (max-width: 820px) { .menu-header-language .menu-languages ul li:last-child { padding-bottom: 26px; } } .menu-header-language .menu-languages ul li:last-child a { font-size: 1.04vw; } @media (max-width: 820px) { .menu-header-language .menu-languages ul li:last-child a { font-size: 18px; } } .menu-header-language.active .menu-languages { display: flex; animation: move_languages_down 0.3s ease-out; } @media (max-width: 820px) { .menu-header-language.active .menu-languages { animation: move_languages_up 0.3s ease-out; } } .menu-header-language.active button { background-image: url(/images/header/blue_lang.svg); } .investor_relation .menu-header-language { margin: 0; } .investor_relation .menu-header-language button { background-image: url(/images/leumi_new/investor_relation/lang.svg); background-repeat: no-repeat; } @media (min-width: 1001px) { .investor_relation .menu-header-language button { width: 2.08vw !important; height: 2.08vw !important; border-radius: 0.63vw; background-size: 0.94vw; background-position: center; background-repeat: no-repeat; } } @media (min-width: 821px) { .investor_relation .menu-header-language button:hover { background: rgba(16, 6, 155, 0.04); background-position: center; vertical-align: middle; background-image: url(/images/leumi_new/investor_relation/lang.svg) !important; background-repeat: no-repeat; background-size: 0.94vw; } .investor_relation .menu-header-language button:active { background: rgba(16, 6, 155, 0.08); background-position: center; vertical-align: middle; background-image: url(/images/leumi_new/investor_relation/lang.svg) !important; background-repeat: no-repeat; background-size: 0.94vw; } } .investor_relation .menu-header-language.active button { background: rgba(16, 6, 155, 0.08); background-position: center; vertical-align: middle; background-image: url(/images/leumi_new/investor_relation/lang.svg) !important; background-repeat: no-repeat; background-size: 0.94vw; } .investor_relation .menu-header-language .menu-languages { top: 2.4vw; border-radius: 0.63vw; background: linear-gradient(333deg, rgba(183, 186, 212, 0.08) 34.18%, rgba(255, 255, 255, 0.14) 66.8%), var(100, #F8F8F8); box-shadow: 0 9px 29.4px -5px rgba(174, 174, 174, 0.3), 0 28px 32px -24px rgba(14, 11, 66, 0.12); backdrop-filter: blur(1.04vw); flex-direction: column; padding: 0.63vw; } .investor_relation .menu-header-language .menu-languages ul.links { padding: 0; margin: 0; } .investor_relation .menu-header-language .menu-languages ul.links li { width: 100%; white-space: nowrap; border-bottom: 0.1vw solid #EDEEF4; padding: 0; } .investor_relation .menu-header-language .menu-languages ul.links li a { color: #64647B; margin: 0.42vw 0; padding: 0.63vw; gap: 0; font-size: 16px; } .investor_relation .menu-header-language .menu-languages ul.links li a:hover { border-radius: 0.42vw; background: rgba(16, 6, 155, 0.04); } .investor_relation .menu-header-language .menu-languages ul.links li a:active { color: #070762; } .investor_relation .menu-header-language .menu-languages ul.links li a.is-active { color: #070762; } .investor_relation .menu-header-language .menu-languages ul.links li:last-of-type { border: 0; } .investor_relation .menu-header-language .menu-languages ul.links li:last-of-type a { color: #070762; font-weight: 900; } .investor_relation .menu-header-language .menu-languages ul.links li:last-child a { font-size: 16px; } .header_menus { display: flex; } @media (min-width: 821px) { .header_menus > ul > li { padding-right: 1.042vw; } } .header_menus > ul > li:nth-child(1) .active + div.menu-list { max-width: 37.97vw; } @media (max-width: 820px) { .header_menus > ul > li:nth-child(1) { position: absolute; right: 12px; top: 10px; } .header_menus > ul > li:nth-child(1) .active + div.menu-list { animation: move_menus_down 0.3 ease-out; position: fixed; right: 0; top: 0; width: fit-content; max-width: unset; padding: 97px 22px 32px 22px; justify-content: start; align-items: self-start; flex-shrink: 0; border: 1px solid var(--Neutral-white, #FFF); background: #FFF; box-shadow: 0px -20px 60px 0px rgba(7, 7, 98, 0.11); backdrop-filter: blur(20px); list-style-type: none; margin: 0; z-index: 99; height: 100%; } .header_menus > ul > li:nth-child(1) .active + div.menu-list u { overflow-y: auto; } .header_menus > ul > li:nth-child(1) .active + div.menu-list h2.display-mobile { margin-top: 40px; display: none; } .header_menus > ul > li:nth-child(1) .active + div.menu-list .close-menu-icon { top: 25px; left: unset; right: 89vw; } .header_menus > ul > li:nth-child(1) .active + div.menu-list .language-menu-icon, .header_menus > ul > li:nth-child(1) .active + div.menu-list .talk-to-us-menu-icon { display: flex; flex-direction: column; position: absolute; top: 20px; margin: 0px; } .header_menus > ul > li:nth-child(1) .active + div.menu-list .language-menu-icon button, .header_menus > ul > li:nth-child(1) .active + div.menu-list .talk-to-us-menu-icon button { background-repeat: no-repeat; background-position: center center; background-size: contain; border: 0px; width: 22px; height: 22px; background-color: transparent; margin: auto; } .header_menus > ul > li:nth-child(1) .active + div.menu-list .language-menu-icon .icon-title, .header_menus > ul > li:nth-child(1) .active + div.menu-list .talk-to-us-menu-icon .icon-title { text-align: center; font-size: 12px; font-weight: 400; } .header_menus > ul > li:nth-child(1) .active + div.menu-list .language-menu-icon { right: 110px; } .header_menus > ul > li:nth-child(1) .active + div.menu-list .language-menu-icon button { background-image: url(/images/header/lang.svg); } .header_menus > ul > li:nth-child(1) .active + div.menu-list .talk-to-us-menu-icon { right: 30px; } .header_menus > ul > li:nth-child(1) .active + div.menu-list .talk-to-us-menu-icon button { background-image: url("/images/header/talk.svg"); } } .header_menus > ul > li:nth-child(2) .active + div.menu-list { max-width: 40.1vw; } @media (max-width: 820px) { .header_menus > ul > li:nth-child(2) { position: absolute; top: 64px; left: 64px; } .header_menus > ul > li:nth-child(2) .active + div.menu-list { max-width: unset !important; animation: move_languages_up 300ms ease-out !important; height: auto; } } .header_menus ul { list-style-type: none; display: flex; margin: 0; padding: 0; align-items: center; width: 100%; } .header_menus ul li .parent-item { padding: 0.26vw 0.365vw; height: 100%; font-weight: normal; font-size: var(--desktop-font-size, 1.042vw); margin: 0; } @media (max-width: 820px) { .header_menus ul li .parent-item { font-size: 1.1em; } } .header_menus ul li .parent-item a { color: #070762; text-decoration: none; position: relative; padding: 0 1.823vw 0 1.323vw; } .header_menus ul li .parent-item a.products-and-services { background-image: url("/images/header/services.svg"); background-size: 0.885vw; background-repeat: no-repeat; background-position: 95% 50%; } @media (max-width: 820px) { .header_menus ul li .parent-item a.products-and-services { background-image: url(/images/header/services_mobile.svg); background-position: 50% 60%; background-repeat: no-repeat; background-size: 24px; font-size: 0; width: 32px; height: 32px; display: block; } } .header_menus ul li .parent-item a.products-and-services:hover { background-image: url("/images/header/blue_services.svg"); } @media (max-width: 820px) { .header_menus ul li .parent-item a.products-and-services:hover { background-image: unset; } } .header_menus ul li .parent-item a.talk-to-us { background-image: url("/images/header/talk.svg"); background-size: 0.99vw; background-repeat: no-repeat; background-position: 95% 50%; } @media (max-width: 820px) { .header_menus ul li .parent-item a.talk-to-us { background-position: 50% 60%; background-size: 24px; font-size: 0; width: 33px; height: 33px; display: block; } } .header_menus ul li .parent-item a.talk-to-us:hover { background-image: url("/images/header/blue_talk.svg"); } .header_menus ul li .parent-item a:hover { color: #0066FF; } .header_menus ul li .parent-item a:hover:after { background-image: url("/images/header/down_blue.svg"); } .header_menus ul li .parent-item a.LogoTopIcon { width: 33px !important; height: 33px !important; border: none; cursor: pointer; font-size: 0; outline: 0px; border: 0px; display: block; padding: 0; } .header_menus ul li .parent-item a.LogoTopIcon:after { background-image: unset !important; } .header_menus ul li .parent-item a.LogoTopIcon:hover { transform: scale(1.2); } .header_menus ul li .parent-item a.LogoTopIcon img { width: 100%; } .header_menus ul li .parent-item a.Main:after { background-image: unset !important; } .header_menus ul li .parent-item a.Main.is-active { color: #070762; font-weight: 900; } @media (min-width: 821px) { .header_menus ul li .parent-item a::after { content: ''; display: block; position: absolute; left: 0; background-image: url("/images/header/down.svg"); background-position: 50% 60%; background-repeat: no-repeat; background-size: contain; font-size: 0; width: 0.521vw; height: 0.521vw; top: 0.2vw; transform: none; transition: all .25s ease-in-out; transform-origin: center; } } .header_menus ul li .parent-item.active a { color: #0066FF; } .header_menus ul li .parent-item.active a.products-and-services { background-image: url("/images/header/blue_services.svg"); } @media (max-width: 820px) { .header_menus ul li .parent-item.active a.products-and-services { background-image: url("/images/header/services_mobile.svg"); } } .header_menus ul li .parent-item.active a.talk-to-us { background-image: url("/images/header/blue_talk.svg"); } @media (max-width: 820px) { .header_menus ul li .parent-item.active a.talk-to-us { background-image: url("/images/header/blue_talk.svg"); } } .header_menus ul li .parent-item.active a::after { background-image: url("/images/header/down_blue.svg"); transform: rotate(180deg); } .header_menus ul li .parent-item.active + div.menu-list { display: flex; } @media (min-width: 821px) { .header_menus ul li .parent-item.active + div.menu-list { height: auto; animation: move_menus_down 0.3s ease-out; width: fit-content; } } @media (max-width: 820px) { .header_menus ul li .parent-item.active + div.menu-list { flex-direction: column; } } .header_menus ul li .menu-list { display: none; position: absolute; right: 17.427vw; left: 0; top: 3.64vw; list-style: none; height: auto; } .header_menus ul li .menu-list .header-buttons { display: none; } @media (max-width: 820px) { .header_menus ul li .menu-list .header-buttons { display: flex; flex-direction: row; position: absolute; top: 0; left: 0; width: 100%; } .header_menus ul li .menu-list .header-buttons .close-menu-icon { position: absolute; display: block; background-image: url(/images/header/close.svg); left: 20px; top: 20px; width: 22px !important; height: 22px !important; margin: 0; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain; border: 0; background-color: transparent; } .header_menus ul li .menu-list .header-buttons .language-menu-icon, .header_menus ul li .menu-list .header-buttons .talk-to-us-menu-icon { display: none; } } .header_menus ul li .menu-list h2.display-mobile { display: none; } @media (max-width: 820px) { .header_menus ul li .menu-list h2.display-mobile { display: block; font-size: 20px; font-style: normal; font-weight: 900; line-height: 120%; /* 24px */ padding-right: 10px; } } .header_menus ul li .menu-list div[role="list"] { display: flex; flex-direction: row; width: 100%; padding: 0 1.042vw 1.042vw 1.042vw; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; border-radius: 0 0 0.833vw 0.833vw; border: 0.052vw solid var(--Neutral-white, #FFF); background: #FFF; } @media (min-width: 821px) { .header_menus ul li .menu-list div[role="list"] { display: grid; grid-template-columns: auto auto; } } @media (max-width: 820px) { .header_menus ul li .menu-list div[role="list"] { max-width: unset; flex-direction: column; padding: 0; } } .header_menus ul li .menu-list li .item-text { display: none; } .header_menus ul li .menu-list li.menu-icon { position: relative; width: 11.925vw; display: flex; } @media (max-width: 820px) { .header_menus ul li .menu-list li.menu-icon { width: 100%; padding: 1px 0; } } .header_menus ul li .menu-list li.menu-icon a { display: flex; padding: 0.417vw 0.313vw 0.417vw 1.146vw; justify-content: flex-start; align-items: center; gap: 0.104vw; align-self: stretch; text-decoration: none; color: #070762; width: 100%; } @media (max-width: 820px) { .header_menus ul li .menu-list li.menu-icon a { padding: 8px 6px 8px 22px; } } .header_menus ul li .menu-list li.menu-icon a .iconImg { background-repeat: no-repeat; background-size: cover; display: block; width: 2.5vw; height: 2.5vw; background-position: center center; } @media (max-width: 820px) { .header_menus ul li .menu-list li.menu-icon a .iconImg { width: 40px; height: 40px; background-size: contain; } } .header_menus ul li .menu-list li.menu-icon a .item-text { max-width: 100%; display: block; text-align: right; font-style: normal; font-weight: 400; line-height: 150%; /* 27px */ letter-spacing: 0.019vw; font-size: 18px; padding-right: 10px; } @media (min-width: 821px) { .header_menus ul li .menu-list li.menu-icon a .item-text { font-size: 14px; padding-right: 0.443vw; } } @media (min-width: 1400px) { .header_menus ul li .menu-list li.menu-icon a .item-text { font-size: 0.94vw; } } .header_menus ul li .menu-list li.menu-icon.menu_hover:hover { border-radius: 0.417vw; background: var(--Neutral-gray-02, rgba(246, 246, 246, 0.96)); color: var(--Primary-vivid-blue, #06F); } @keyframes move_menus_down { 0% { transform: translateY(-20%); opacity: 0; transition: transform 0.5s ease-out; } 100% { transform: translateY(0%); opacity: 1; } } @keyframes move_menus_up { 0% { left: 0; transform: translateY(100%); height: 100%; opacity: 1; transition: transform 0.5s ease-out; } 100% { transform: translateY(0%); height: 0; opacity: 1; display: none; } } @media (min-width: 821px) { .header_menus ul li:nth-child(1) .menu-list div[role="list"] { grid-template-columns: auto auto auto; } } .header_menus ul li:nth-child(2) .menu-list { right: 29.127vw; } .header_menus ul li:nth-child(2) .menu-list li.menu-icon { width: 18.925vw; } @media (max-width: 820px) { .header_menus ul li:nth-child(2) .menu-list li { border-bottom: 1px solid var(--Neutral-gray-03, #F0F0F0); } .header_menus ul li:nth-child(2) .menu-list li.menu-icon { width: 100%; } .header_menus ul li:nth-child(2) .menu-list li:last-child { border-bottom: unset; } } @media (max-width: 820px) { .header_menus ul li:nth-child(2) .menu-list { position: fixed; left: 0; right: unset; bottom: 0; top: unset; width: 100%; padding: 20px 20px 1px 20px; justify-content: start; align-items: self-start; flex-shrink: 0; border-radius: 20px 20px 0px 0px; border: 1px solid var(--Neutral-white, #FFF); background: #FFF; box-shadow: 0px -20px 60px 0px rgba(7, 7, 98, 0.11); backdrop-filter: blur(20px); list-style-type: none; margin: 0; } @keyframes move_languages_up { 0% { transform: translateY(100%); opacity: 0; transition: transform 0.3s ease-out; } 100% { transform: translateY(0%); opacity: 1; } } } .mobile_header_menu_container { display: none; } @media (max-width: 820px) { .mobile_header_menu_container { display: flex; opacity: 0; transition: opacity 0.2s linear; } .mobile_header_menu_container.active { top: 0; width: 100vw; background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 131; opacity: 1; right: 0; left: 0; } } .header_menu_container { opacity: 0; transition: opacity 0.2s linear; } .header_menu_container.active { top: 4.792vw; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 2; opacity: 1; right: 0; left: 0; } .header_menu_container.activePlus { top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; z-index: 131; opacity: 1; transition: opacity 0.2ms; } .closeMenuMobile .layout-wrapper .layout-container { transition: all 0.5s ease; padding-right: 0; } .closeMenuMobile .layout-wrapper .layout-container .brusting_text_wrapper { width: 100%; left: 0; } .closeMenuMobile .layout-wrapper .layout-container header { transition: none; } .openMenuMobile .header_menu_container.active { top: 100px; background: transparent; width: 30%; right: unset; left: 0; } .openMenuMobile .layout-wrapper { background: var(--Neutral-gray-01, #FAFAFA); } .openMenuMobile .layout-wrapper .layout-container { padding-right: 69.167vw; overflow: hidden; transition: all 0.5s ease; border-radius: 0px 20px 20px 0px; box-shadow: 0px 0px 60px 0px rgba(7, 7, 98, 0.16); padding-top: 100px; position: absolute; z-index: 6666; top: 0; width: 100%; } .openMenuMobile .layout-wrapper .layout-container .brusting_text_wrapper { position: unset; width: 300%; } .openMenuMobile .layout-wrapper .layout-container header { position: unset; width: 200%; } .openMenuMobile .layout-wrapper .layout-container header .main-header { border-radius: 0px 20px 0px 0px; width: 200%; } .openMenuMobile .layout-wrapper .layout-container header .main-header .header-menu-links .menu-list { background: var(--Neutral-gray-01, #FAFAFA); width: 100%; z-index: -1; } .openMenuMobile .layout-wrapper .layout-container header .main-header .header-menu-links .menu-list ul { overflow: auto; } @media (max-width: 820px) { .openMenuMobile .layout-wrapper .layout-container header .main-header .header-menu-links .menu-list ul { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; } } .openMenuMobile .layout-wrapper .layout-container header .main-header .header-menu-links .menu-list ul div[role=list] { max-width: 68.167vw; height: 100%; background: linear-gradient(358deg, #FAFAFA 2.27%, rgba(250, 250, 250, 0) 89.77%); border: 0; flex-wrap: nowrap; } .openMenuMobile .layout-wrapper .layout-container header .main-header .header-menu-links .menu-list ul div[role=list]::after { content: ""; position: fixed; bottom: 0; left: 0; width: 100%; height: 100px; /* height of shadow area */ pointer-events: none; /* allows clicks to pass through */ background: linear-gradient(358deg, #FAFAFA 5.27%, rgba(250, 250, 250, 0.5) 84.77%); z-index: 0; } .openMenuMobile .layout-wrapper .layout-container header .main-header .header-menu-links .menu-list ul div[role=list] li:last-child { padding-bottom: 65px; } .openMenuMobile .layout-wrapper .layout-container #main-container { width: 200%; height: 58vh; overflow: hidden; padding-top: 0; box-shadow: 0px 0px 60px 0px rgba(7, 7, 98, 0.16); border: 1px solid white; border-radius: 0 0 20px 0; } .openMenuMobile .layout-wrapper .layout-container .categories_toolbar_wrapper .categories_toolbar_wrapper { left: unset; right: unset; margin: 0 46px 0 0; width: 114%; overflow: hidden; } .openMenuMobile .layout-wrapper footer { display: none; } .investor_relation .header_menus ul li { position: relative; } @media (max-width: 820px) { .investor_relation .header_menus ul li { display: flex; flex-direction: column; } } .investor_relation .header_menus ul li .menu-list { top: 1.94vw; right: 1.94vw; } @media (max-width: 820px) { .investor_relation .header_menus ul li .menu-list { top: -12px; right: 45px; position: relative; } .investor_relation .header_menus ul li .menu-list .header-buttons, .investor_relation .header_menus ul li .menu-list .display-mobile { display: none; } } .investor_relation .header_menus ul li .menu-list div[role=list] { display: flex; flex-direction: column; } @media (min-width: 821px) { .investor_relation .header_menus ul li .menu-list div[role=list] { border-radius: 0.63vw; background: linear-gradient(333deg, rgba(183, 186, 212, 0.08) 34.18%, rgba(255, 255, 255, 0.14) 66.8%), var(100, #F8F8F8); box-shadow: 0 9px 29.4px -5px rgba(174, 174, 174, 0.3), 0 28px 32px -24px rgba(14, 11, 66, 0.12); backdrop-filter: blur(1.04vw); padding: 0.63vw; } } .investor_relation .header_menus ul li .menu-list li.menu-icon { width: 100%; white-space: nowrap; } @media (min-width: 821px) { .investor_relation .header_menus ul li .menu-list li.menu-icon { border-bottom: 0.1vw solid #EDEEF4; } } .investor_relation .header_menus ul li .menu-list li.menu-icon a { color: #64647B; margin: 0.42vw 0; padding: 0.63vw; gap: 0; } .investor_relation .header_menus ul li .menu-list li.menu-icon a .iconImg { display: none; } .investor_relation .header_menus ul li .menu-list li.menu-icon a .item-text { font-size: 16px; } @media (min-width: 821px) { .investor_relation .header_menus ul li .menu-list li.menu-icon a:hover { border-radius: 0.42vw; background: rgba(16, 6, 155, 0.04); } } .investor_relation .header_menus ul li .menu-list li.menu-icon a:active { color: #070762; } .investor_relation .header_menus ul li .menu-list li.menu-icon a.is-active { color: #070762; } .investor_relation .header_menus ul li .menu-list li.menu-icon:last-of-type { border: 0; } .investor_relation .header_menus ul li .parent-item { font-size: 16px; font-weight: 400; } .investor_relation .header_menus ul li .parent-item a { color: #64647B; } .investor_relation .header_menus ul li .parent-item a:after { width: 9px; height: 11px; top: 0px; background-image: url(/images/leumi_new/investor_relation/menu-arrow.svg); } .investor_relation .header_menus ul li .parent-item a:hover { color: #070762; } .investor_relation .header_menus ul li .parent-item a.active { color: #070762; } @media (min-width: 821px) { .investor_relation .header_menus ul li .parent-item a.active { font-weight: 900; } } .investor_relation .header_menus ul li .parent-item.active a { color: #070762; } @media (min-width: 821px) { .investor_relation .header_menus ul li .parent-item.active a { font-weight: 900; } } .investor_relation .header_menus ul li .parent-item.active a:hover { color: #070762 !important; } .investor_relation .header_menus ul li .parent-item:first-of-type { padding: 0; } .investor_relation .header_menus ul li:first-of-type { padding: 0; } .menu-header-search { margin: 0.521vw; } @media (max-width: 820px) { .menu-header-search { position: absolute; right: 60px; } } .menu-header-search button { background-image: url(/images/header/search.svg); width: 1.042vw !important; height: 1.042vw !important; background-size: contain; border: none; background-repeat: no-repeat; background-color: transparent; cursor: pointer; background-position: 50%; font-size: 0; outline: 0px; border: 0px; display: block; } @media (max-width: 820px) { .menu-header-search button { width: 32px !important; height: 32px !important; background-size: unset; } } .menu-header-search button.close-menu-icon { display: none; } .menu-header-search button:hover { background-image: url(/images/header/blue_search.svg); } .menu-header-search ul { padding: 0; } .menu-header-search .menu-search { position: absolute; top: 2.64vw; display: none; flex-disrection: row; width: 100%; max-width: 32.999vw; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; gap: 1.354vw; border-radius: 0px 0px 0.833vw 0.833vw; border: 0.052vw solid var(--Neutral-white, #FFF); background: #FFF; padding: 0vw 1.667vw 1.667vw 1.667vw; left: 23vw; right: unset; } .menu-header-search .menu-search div { width: 100%; } @keyframes move_search_down { 0% { transform: translateY(-20%); opacity: 0; transition: transform 0.5s ease; } 100% { transform: translateY(0%); opacity: 1; } } @media (max-width: 820px) { .menu-header-search .menu-search { position: fixed; left: 0; top: 0; width: 100%; max-width: unset; padding: 64px 32px 32px 32px; justify-content: start; align-items: self-start; flex-shrink: 0; border: 1px solid var(--Neutral-white, #FFF); background: #FFF; box-shadow: 0px -20px 60px 0px rgba(7, 7, 98, 0.11); backdrop-filter: blur(20px); list-style-type: none; margin: 0; z-index: 99; } @keyframes move_search_down { 0% { transform: translateY(-20%); opacity: 0; transition: transform 0.5s ease-out; } 100% { transform: translateY(0%); opacity: 1; } } .menu-header-search .menu-search button.close-menu-icon { display: flex; background-image: url(/images/header/close.svg); cursor: pointer; position: absolute; left: 20px; top: 20px; width: 22px !important; height: 22px !important; margin: 0px; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain; border: 0px; } } .menu-header-search .menu-search li { display: flex; justify-content: flex-start; align-items: center; gap: 2px; align-self: stretch; } @media (max-width: 820px) { .menu-header-search .menu-search li { display: block; } } .menu-header-search .menu-search li ul { width: 100%; } .menu-header-search .menu-search li div { margin: 0; padding: 0; width: 100%; max-width: 100%; } .menu-header-search .menu-search li div .search-box { padding: 0vw 1.042vw 0vw 0.417vw; border-radius: 0.833vw; background-color: var(--Neutral-gray-02, rgba(246, 246, 246, 0.96)); } @media (max-width: 820px) { .menu-header-search .menu-search li div .search-box { padding: 0 20px 0 10px; border-radius: 8px; } } .menu-header-search .menu-search li div .search-box.focus { border-radius: 0.417vw 0.417vw 0vw 0vw; border-bottom: 0.052vw solid var(--Primary-vivid-blue, #06F); } @media (max-width: 820px) { .menu-header-search .menu-search li div .search-box.focus { border-radius: 8px 8px 0px 0px; border-bottom: 1px solid var(--Primary-vivid-blue, #06F); } } .menu-header-search .menu-search li div .search-box.focus button.search-button.active { background: var(--Primary-vivid-blue, #06F); background-image: url(/images/header/white_search.svg); background-position: 50%; background-repeat: no-repeat; background-size: 2.4vw; } @media (max-width: 820px) { .menu-header-search .menu-search li div .search-box.focus button.search-button.active { background-size: contain; } } .menu-header-search .menu-search li div .search-box input[type=text] { outline: none; background-color: transparent; width: 96%; border: 0px; height: 2.917vw; padding: 0px 0px 0px 1.563vw; margin: 0px; font-weight: 400; font-size: 1.081vw; line-height: 160%; color: black; } @media (max-width: 820px) { .menu-header-search .menu-search li div .search-box input[type=text] { height: 48px; } } @media (max-width: 820px) { .menu-header-search .menu-search li div .search-box input[type=text] { font-size: 20px; } } .menu-header-search .menu-search li div .search-box button.search-button { position: absolute; left: 0.642vw; right: auto; top: 0.577vw; border-radius: 0.625vw; background: transparent; background-image: url(/images/header/blue_search2.svg); background-position: 50%; background-repeat: no-repeat; background-size: 2.4vw; padding: 1vw; } @media (max-width: 820px) { .menu-header-search .menu-search li div .search-box button.search-button { left: 8px; top: 8px; background-size: contain; border-radius: 8px; } } .menu-header-search .menu-search li div .search-box ::-webkit-input-placeholder { /* Edge */ color: var(--Primary-vivid-blue, #06F); } .menu-header-search .menu-search li div .search-box :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--Primary-vivid-blue, #06F); } .menu-header-search .menu-search li div .search-box ::placeholder { color: var(--Primary-vivid-blue, #06F); } .menu-header-search .menu-search li div .items { display: flex !important; flex-direction: column !important; color: black; } .menu-header-search .menu-search li div .items h2 { max-width: 100%; font-weight: 600; font-size: 1.081vw; line-height: 100%; padding-top: 1.042vw; } @media (max-width: 820px) { .menu-header-search .menu-search li div .items h2 { font-size: 20px; padding-top: 32px; } } .menu-header-search .menu-search li div .items ul { display: flex; flex-disrection: row; width: 100%; max-width: 100%; padding: 1.042vw 0 0 0; justify-content: flex-start; flex-wrap: wrap; /* align-items: flex-start; */ gap: 0.625vw; } @media (max-width: 820px) { .menu-header-search .menu-search li div .items ul { padding: 8px 0 0 0; gap: 12px; } } .menu-header-search .menu-search li div .items a { font-weight: normal; font-size: 0.863vw; color: black; text-decoration: none; border-radius: 15.625vw; border: 0.052vw solid var(--Secondary-03, #A2C7FD); display: flex; padding: 0.625vw 1.042vw; justify-content: flex-end; align-items: center; gap: 0.521vw; } @media (max-width: 820px) { .menu-header-search .menu-search li div .items a { font-size: 20px; border-radius: 300px; border: 1px solid var(--Secondary-03, #A2C7FD); padding: 5px 15px; gap: 10px; } } .menu-header-search .menu-search li div .items a:hover { background: var(--Secondary-01, #E0ECFE); } .menu-header-search .menu-search li div .items a:active { background: var(--Secondary-01, #C1DAFE); } .menu-header-search.active .menu-search { display: flex; animation: move_search_down 0.3s ease; } @media (max-width: 820px) { .menu-header-search.active .menu-search { display: block; animation: move_search_down 0.3s ease-out; } } .menu-header-search.active button.search-icon { background-image: url(/images/header/blue_search.svg); } .investor_relation .menu-header-search { margin: 0; } @media (max-width: 820px) { .investor_relation .menu-header-search { right: 60px; } } .investor_relation .menu-header-search button { background-image: url(/images/leumi_new/investor_relation/search.svg); background-repeat: no-repeat; } .investor_relation .menu-header-search button.menu-icon { background-image: url(/images/leumi_new/investor_relation/menu-mobile.svg) !important; margin: 0 24px; z-index: 9999; } @media (min-width: 1001px) { .investor_relation .menu-header-search button.menu-icon { display: none; } } .investor_relation .menu-header-search button.close-menu-icon { background-image: url(/images/leumi_new/investor_relation/x.svg) !important; width: 32px !important; height: 32px !important; background-size: unset; } @media (min-width: 1001px) { .investor_relation .menu-header-search button { width: 2.08vw !important; height: 2.08vw !important; border-radius: 0.63vw; background-size: 0.94vw; background-position: center; background-repeat: no-repeat; } } .investor_relation .menu-header-search button:not(.menu-icon):hover { background: rgba(16, 6, 155, 0.04); background-position: center; vertical-align: middle; background-image: url(/images/leumi_new/investor_relation/search.svg) !important; background-repeat: no-repeat; background-size: 0.94vw; } .investor_relation .menu-header-search button:not(.menu-icon):active { background: rgba(16, 6, 155, 0.08); background-position: center; vertical-align: middle; background-image: url(/images/leumi_new/investor_relation/search.svg) !important; background-repeat: no-repeat; background-size: 0.94vw; } .investor_relation .menu-header-search button.clear-button { display: none; background-position: center !important; background-image: url(/images/leumi_new/investor_relation/x.svg) !important; background-repeat: no-repeat !important; background-size: 0.52vw !important; } @media (max-width: 820px) { .investor_relation .menu-header-search button.clear-button { background-size: 10px !important; } } .investor_relation .menu-header-search button.clear-button:hover { background: transparent; } .investor_relation .menu-header-search .menu-search { top: 2.4vw; border-radius: 0.63vw; background: linear-gradient(333deg, rgba(183, 186, 212, 0.08) 34.18%, rgba(255, 255, 255, 0.14) 66.8%), var(100, #F8F8F8); box-shadow: 0 9px 29.4px -5px rgba(174, 174, 174, 0.3), 0 28px 32px -24px rgba(14, 11, 66, 0.12); backdrop-filter: blur(1.04vw); flex-direction: column; padding: 1.04vw; gap: 1.04vw; max-width: 18.75vw; left: auto; right: unset; } @media (max-width: 820px) { .investor_relation .menu-header-search .menu-search { height: 100vh; position: fixed; max-width: unset; top: 0; padding: 66px 24px 24px 24px; } } .investor_relation .menu-header-search .menu-search .title { color: #070762; font-size: 16px; font-weight: 700; line-height: 24px; /* 150% */ } @media (max-width: 820px) { .investor_relation .menu-header-search .menu-search .title { display: none; } } .investor_relation .menu-header-search .menu-search .menu-search-top { display: none; } .investor_relation .menu-header-search .menu-search .items { display: none !important; } .investor_relation .menu-header-search .menu-search li { display: block; width: 100%; } .investor_relation .menu-header-search .menu-search li div .search-box { display: flex; flex-direction: row-reverse; border: 1px solid #B7BAD4; padding: 12px; border-radius: 12px; } @media (min-width: 821px) { .investor_relation .menu-header-search .menu-search li div .search-box { padding: 0.63vw; border-radius: 0.63vw; } } .investor_relation .menu-header-search .menu-search li div .search-box input[type=text] { height: unset; color: #070762; font-size: 18px; } .investor_relation .menu-header-search .menu-search li div .search-box input[type=text].not_empty::after { content: ''; display: block; position: absolute; left: 0; background-image: url("/images/header/down.svg"); background-position: 50% 60%; background-repeat: no-repeat; background-size: 10px; font-size: 0; width: 10px; height: 5px; top: 8px; } .investor_relation .menu-header-search .menu-search li div .search-box ::-webkit-input-placeholder { /* Edge */ color: #A0A0AE; } .investor_relation .menu-header-search .menu-search li div .search-box :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #A0A0AE; } .investor_relation .menu-header-search .menu-search li div .search-box ::placeholder { color: #A0A0AE; } @media (min-width: 821px) { .investor_relation .menu-header-search .menu-search li div .search-box ::-webkit-input-placeholder { /* Edge */ color: #fff; } .investor_relation .menu-header-search .menu-search li div .search-box :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .investor_relation .menu-header-search .menu-search li div .search-box ::placeholder { color: #fff; } } .investor_relation .menu-header-search .menu-search li div .search-box button.search-button { position: unset; right: 0.2vw; left: auto; top: 0.577vw; background-image: url(/images/leumi_new/investor_relation/search2.svg) !important; background-repeat: no-repeat; background-size: 0.94vw; } .investor_relation .menu-header-search .menu-search li div .search-box button.search-button.active { top: 0.577vw; right: 0.2vw !important; } @media (max-width: 820px) { .investor_relation .menu-header-search .menu-search li div .search-box button.search-button { left: 8px; top: 8px; background-size: 14px; border-radius: 8px; } } .investor_relation .menu-header-search .menu-search li div .search-box.focus { border: 1px solid #10069B; } .investor_relation .menu-header-search .menu-search li div .search-box.focus button.search-button.active { background: transparent; background-image: url(/images/leumi_new/investor_relation/search2.svg) !important; background-position: 50%; background-repeat: no-repeat; background-size: 0.94vw; } @media (max-width: 820px) { .investor_relation .menu-header-search .menu-search li div .search-box.focus button.search-button.active { background-size: 14px; } } .investor_relation .menu-header-search.active button.search-icon { background: rgba(16, 6, 155, 0.08); background-position: center; vertical-align: middle; background-image: url(/images/leumi_new/investor_relation/search.svg) !important; background-repeat: no-repeat; background-size: 0.94vw; } body.inner_page.inner_lobby, .press_release_general_display { --move_title: -100%; } @media (min-width: 769px) { body.inner_page.inner_lobby, .press_release_general_display { background-image: url("/images/leumi_new/inner_page/Background.png"); background-repeat: no-repeat; background-size: 100%; width: 100vw; overflow-x: clip; } } body.inner_page.inner_lobby .node-page-header, .press_release_general_display .node-page-header { display: flex; flex-direction: row; justify-content: space-between; justify-items: center; } @media (max-width: 768px) { body.inner_page.inner_lobby .node-page-header, .press_release_general_display .node-page-header { justify-content: center; flex-direction: column; background-image: url(/images/leumi_new/inner_page/Background.png); background-repeat: no-repeat; background-size: cover; } } @media (min-width: 769px) { body.inner_page.inner_lobby .node-page-header .page-heder-text, .press_release_general_display .node-page-header .page-heder-text { padding: 2.656vw 15.365vw 0 0; } } body.inner_page.inner_lobby .node-page-header .page-heder-text .nav-breadcrumb, .press_release_general_display .node-page-header .page-heder-text .nav-breadcrumb { padding: 0.826em 1.77em 0 0; display: block; } @media (min-width: 769px) { body.inner_page.inner_lobby .node-page-header .page-heder-text .nav-breadcrumb, .press_release_general_display .node-page-header .page-heder-text .nav-breadcrumb { padding: 0; } } body.inner_page.inner_lobby .node-page-header .page-heder-text .nav-breadcrumb ol, .press_release_general_display .node-page-header .page-heder-text .nav-breadcrumb ol { margin: 0; padding: 0; } body.inner_page.inner_lobby .node-page-header .page-heder-text .nav-breadcrumb a, body.inner_page.inner_lobby .node-page-header .page-heder-text .nav-breadcrumb li, .press_release_general_display .node-page-header .page-heder-text .nav-breadcrumb a, .press_release_general_display .node-page-header .page-heder-text .nav-breadcrumb li { color: var(--Primary-main-dark, #070762); font-size: 0.915em; font-style: normal; font-weight: 400; line-height: 100%; } @media (min-width: 769px) { body.inner_page.inner_lobby .node-page-header .page-heder-text .nav-breadcrumb a, body.inner_page.inner_lobby .node-page-header .page-heder-text .nav-breadcrumb li, .press_release_general_display .node-page-header .page-heder-text .nav-breadcrumb a, .press_release_general_display .node-page-header .page-heder-text .nav-breadcrumb li { font-size: 0.833vw; } } body.inner_page.inner_lobby .node-page-header .page-heder-text a, body.inner_page.inner_lobby .node-page-header .page-heder-text li, body.inner_page.inner_lobby .node-page-header .page-heder-text H1, .press_release_general_display .node-page-header .page-heder-text a, .press_release_general_display .node-page-header .page-heder-text li, .press_release_general_display .node-page-header .page-heder-text H1 { color: var(--Primary-main-dark, #070762); font-style: normal; line-height: 100%; /* 20px */ } body.inner_page.inner_lobby .node-page-header .page-heder-text a, body.inner_page.inner_lobby .node-page-header .page-heder-text li, .press_release_general_display .node-page-header .page-heder-text a, .press_release_general_display .node-page-header .page-heder-text li { font-size: var(--desktop-font-size, 1.042vw); font-weight: 400; } body.inner_page.inner_lobby .node-page-header .page-heder-text H1, .press_release_general_display .node-page-header .page-heder-text H1 { padding: 0.7em 0.7em 0 0.7em; font-size: 1.9em; font-weight: 700; text-align: center; } @media (min-width: 769px) { body.inner_page.inner_lobby .node-page-header .page-heder-text H1, .press_release_general_display .node-page-header .page-heder-text H1 { animation-delay: 200ms; opacity: 0; animation: fadeInLeft_h1_title 700ms ease-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; max-width: 38vw; font-size: 3.75vw; display: flex; height: 13.46vw; align-items: center; padding: 0; text-align: right; } @keyframes fadeInLeft_h1_title { 0% { visibility: hidden; opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } } body.inner_page.inner_lobby .node-page-header .page-heder-img, .press_release_general_display .node-page-header .page-heder-img { margin: 0px auto 15px auto; width: 276px; min-height: 52px; } @media (min-width: 769px) { body.inner_page.inner_lobby .node-page-header .page-heder-img, .press_release_general_display .node-page-header .page-heder-img { margin: 1.885vw 0 0 10vw; width: 32.03vw; height: 20.52vw; } } body.inner_page.inner_lobby .node-page-header .page-heder-img img, .press_release_general_display .node-page-header .page-heder-img img { width: 100%; } @media (min-width: 769px) { body.inner_page.inner_lobby .node-page-header .page-heder-img img, .press_release_general_display .node-page-header .page-heder-img img { opacity: 0; /*max-width: 32vw; width: unset; flex-shrink: 0;*/ animation: fadeInLeft_image_title 700ms ease-out 400ms; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; height: 100%; object-fit: contain; object-position: center; } @keyframes fadeInLeft_image_title { 0% { visibility: hidden; opacity: 0; -webkit-transform: translate3d(var(--move_title), 0, 0); transform: translate3d(var(--move_title), 0, 0); } 100% { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } } body.inner_page.main_lobby header { background: linear-gradient(to bottom, white, transparent); } body.inner_page.main_lobby #main-container { padding-top: 0; } body.inner_page.main_lobby .node-top-components { position: relative; } body.inner_page.main_lobby .node-top-components .nav-breadcrumb { display: block; position: absolute; right: 9.722vw; top: 124px; z-index: 100; } @media (min-width: 769px) { body.inner_page.main_lobby .node-top-components .nav-breadcrumb { right: calc(15.365vw + 2.929vw); top: calc(4.79vw + 30px); } } body.inner_page.main_lobby .node-top-components .nav-breadcrumb a, body.inner_page.main_lobby .node-top-components .nav-breadcrumb li { color: var(--Primary-main-dark, #070762); font-size: 14px; font-style: normal; font-weight: 400; line-height: 100%; } @media (min-width: 1280px) { body.inner_page.main_lobby .node-top-components .nav-breadcrumb a, body.inner_page.main_lobby .node-top-components .nav-breadcrumb li { font-size: 16px; } } body.inner_page.main_lobby .node-top-components .nav-breadcrumb.container { width: fit-content; padding-left: 0; padding-right: 0; } body.inner_page.main_lobby .node-top-components .nav-breadcrumb ol { margin: 0; padding-top: 0; } @media (min-width: 769px) { body.inner_page.inner_lobby.no-category { background-position: 0 -8vw; } body.inner_page.inner_lobby.no-category H1.page-title { height: 6.48vw; max-width: unset; } body.inner_page.inner_lobby.no-category .page-heder-img { height: 13.52vw; width: unset; } } body.page.leumi_new_design { background-image: url("/images/leumi_new/inner_page/Background.png"); background-repeat: no-repeat; background-size: cover; height: 23.6em; } @media (min-width: 769px) { body.page.leumi_new_design { height: 22.84vw; } } body.page.leumi_new_design .node-page-header { display: flex; width: 100%; flex-direction: column; } @media (min-width: 769px) { body.page.leumi_new_design .node-page-header { flex-direction: row; justify-content: space-between; padding: 2.656vw 15.365vw 2.656vw 9.9vw; } } body.page.leumi_new_design .node-page-header .nav-breadcrumb { padding: 0.626em 1.77em 0 0; display: block; } body.page.leumi_new_design .node-page-header .nav-breadcrumb ol a, body.page.leumi_new_design .node-page-header .nav-breadcrumb ol li { color: var(--Primary-main-dark, #070762); font-size: 0.915em; font-style: normal; font-weight: 400; line-height: 100%; } @media (min-width: 769px) { body.page.leumi_new_design .node-page-header .nav-breadcrumb ol a, body.page.leumi_new_design .node-page-header .nav-breadcrumb ol li { font-size: 0.833vw; } } body.page.leumi_new_design .node-page-header H1.page-title { padding: 0.7em 0.7em 0 0.7em; font-size: 1.9em; background: unset; color: var(--Primary-main-dark, #070762); font-style: normal; line-height: 100%; /* 20px */ font-weight: 700; text-align: center; } @media (min-width: 769px) { body.page.leumi_new_design .node-page-header H1.page-title { text-align: right; font-size: 3.75vw; display: flex; height: 61%; align-items: center; padding: 0; } } body.page.leumi_new_design .node-page-header .page-header-img { margin: 0px auto 15px auto; width: 276px; } @media (min-width: 769px) { body.page.leumi_new_design .node-page-header .page-header-img { margin: 0; width: 43.03vw; height: 20.52vw; } } body.page.leumi_new_design .node-page-header .page-header-img img { width: 100%; } @media (min-width: 769px) { body.page.leumi_new_design .node-page-header .page-header-img img { display: flex; flex-direction: row; justify-content: flex-end; height: 100%; object-fit: contain; object-position: center; } } body.page.leumi_new_design .node-page-top-components { margin: 0; padding: 0; } body.page.leumi_new_design .height-inner-page { min-height: 0; margin-top: 0; } body.page.leumi_new_design .node-page-main { padding: 0; } body.page.leumi_new_design .node-page-bottom { margin-bottom: 0; } .banner_image { padding: 2.94em 0 2.35em 0; position: relative; } @media (min-width: 769px) { .banner_image { padding: 3.13vw 15.365vw 4.19vw 15.365vw; } } .banner_image .content { position: relative; display: flex; flex-direction: row; } @media (max-width: 768px) { .banner_image .content { display: flex; width: 100%; flex-direction: column; gap: -50px; justify-content: flex-end; align-items: flex-end; } } @media (min-width: 769px) { .banner_image .content .image { width: 28.125vw; } } .banner_image .content .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px; } .banner_image .content .text { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 1.283vw; flex-shrink: 0; color: var(--Primary-main-dark, #070762); text-align: right; font-size: 1.04vw; font-style: normal; font-weight: 400; line-height: 160%; } @media (max-width: 768px) { .banner_image .content .text { font-size: 16px; line-height: 125%; } .banner_image .content .text br { display: none; } } .banner_image .content .text p { margin: 0; } .banner_image .content .text H2, .banner_image .content .text H3 { display: block; font-size: 1.67vw; font-style: normal; font-weight: 600; line-height: 115%; letter-spacing: 0.063vw; color: var(--Secondary-06, #0D54D8); margin: 0; } @media (max-width: 768px) { .banner_image .content .text H2, .banner_image .content .text H3 { font-size: 20px; font-weight: 700; line-height: 130%; } .banner_image .content .text H2 br, .banner_image .content .text H3 br { display: unset; } } .banner_image .content .text .extraSmall { font-size: 14px; font-style: normal; font-weight: 200; line-height: 130%; letter-spacing: 0.015vw; } .banner_image .content .text .card_button a { text-decoration: none; font-weight: 600; color: var(--Primary-vivid-blue, #06F); } .banner_image .content .text .card_button a:hover { color: var(--Secondary-06, #0D54D8); } .banner_image .content .text .card_button a:active { color: var(--Primary-main-dark, #070762); } .banner_image .content .text .card_button a:after { content: ">"; } .banner_image .content .text .card_button .button a { display: flex; height: 3.125vw; min-width: 10.417vw; padding: 0.417vw 2.5vw; justify-content: center; align-items: center; gap: 1.458vw; border-radius: 0.833vw; background: var(--Primary-vivid-blue, #06F); font-size: var(--desktop-font-size, 1.042vw); font-style: normal; font-weight: 600; color: white; } @media (max-width: 768px) { .banner_image .content .text .card_button .button a { height: 2.32em; min-width: 8.75em; padding: 0.875em; border-radius: 0.5em; font-size: 1em; } } .banner_image .content .text .card_button .button a:hover { background: var(--Secondary-06, #0D54D8); color: white; text-decoration: none; } .banner_image .content .text .card_button .button a:active { background: var(--Primary-main-dark, #070762); color: white; } .banner_image .content .text .card_button .button a:after { content: unset; } .banner_image.bg_light_blue { background: var(--Primary-Background-Light-blue-gray, #F8FAFC); } @media (min-width: 769px) { .banner_image.left_image .content, .banner_image.right_image .content { width: fit-content; } } @media (min-width: 769px) { .banner_image.left_image .content .text, .banner_image.right_image .content .text { position: relative; width: 43.49vw; border-radius: 1.042vw; border: 0.104vw solid var(--Neutral-white, #FFF); background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0 0 1.042vw 0 rgba(7, 7, 98, 0.1), 0 0.781vw 3.125vw -1.563vw rgba(7, 7, 98, 0.4); backdrop-filter: blur(1.042vw); } } @media (max-width: 768px) { .banner_image.left_image .content .text, .banner_image.right_image .content .text { padding: 40px 30px; align-items: flex-start; gap: 20px; border: 2px solid var(--Neutral-white, #FFF); background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0px 0px 20px 0px rgba(7, 7, 98, 0.1), 0px 15px 60px -30px rgba(7, 7, 98, 0.4); backdrop-filter: blur(20px); border-radius: 20px 0px 0px 20px; margin-left: 36px; } } .banner_image.left_image .content .image, .banner_image.right_image .content .image { border-radius: 0px 20px 20px 0px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); box-shadow: 0px 5.477px 16.432px 0px rgba(7, 7, 98, 0.15) inset; margin-right: 65px; } @media (min-width: 769px) { .banner_image.left_image .content .image, .banner_image.right_image .content .image { margin-right: 0; width: 28.125vw; height: 18.33vw; border-radius: 1.042vw; background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); box-shadow: 0 0.285vw 0.856vw 0 rgba(7, 7, 98, 0.15) inset; } } .banner_image.left_image .content { align-items: flex-end; } @media (min-width: 769px) { .banner_image.left_image .content .image { order: 2; position: relative; bottom: -1.25vw; left: 2.76vw; } } @media (max-width: 768px) { .banner_image.left_image .content .text { margin-top: -50px; } } @media (min-width: 769px) { .banner_image.left_image .content .text { right: 0; padding: 3.39vw 3.1vw 3.39vw 5.21vw; top: 0; z-index: 1; } } @media (max-width: 768px) { .banner_image.right_image .image { margin-top: -50px; order: 2; } } @media (min-width: 769px) { .banner_image.right_image .text { z-index: 1; top: 1.25vw; left: 2.76vw; padding: 3.1vw 5.21vw 3.39vw 3.1vw; } } .banner_image.float_right_image, .banner_image.float_left_image { background: linear-gradient(180deg, #FFF 50%, #ECEBEF 50%, #FAFAFA 77%, #FFF 97%); } @media (min-width: 769px) { .banner_image.float_right_image, .banner_image.float_left_image { padding: 6.25vw 15.365vw 5.21vw 15.365vw; } } @media (min-width: 769px) { .banner_image.float_right_image .content, .banner_image.float_left_image .content { border-radius: 1.042vw; border: 0.104vw solid var(--Neutral-white, #FFF); background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0 0 1.042vw 0 rgba(7, 7, 98, 0.1), 0 0.781vw 3.125vw -1.563vw rgba(7, 7, 98, 0.4); backdrop-filter: blur(1.042vw); } .banner_image.float_right_image .content .text, .banner_image.float_left_image .content .text { width: 65%; } .banner_image.float_right_image .content .image, .banner_image.float_left_image .content .image { position: absolute; width: unset; top: -35%; } .banner_image.float_right_image .content .image img, .banner_image.float_left_image .content .image img { width: 95%; } } @media (max-width: 768px) { .banner_image.float_right_image .content, .banner_image.float_left_image .content { padding: 0 20px; } .banner_image.float_right_image .content .image, .banner_image.float_left_image .content .image { width: 70%; margin: auto; z-index: 1; max-width: unset; } .banner_image.float_right_image .content .text, .banner_image.float_left_image .content .text { margin-top: -88px; order: 2; width: 100%; display: flex; padding: 100px 30px 30px 30px; flex-direction: column; align-items: flex-start; gap: 20px; border-radius: 20px; border: 2px solid #FFF; background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0px 0px 20px 0px rgba(7, 7, 98, 0.1), 0px 15px 60px -30px rgba(7, 7, 98, 0.4); backdrop-filter: blur(20px); } } @media (min-width: 769px) { .banner_image.float_left_image .content { justify-content: flex-end; } .banner_image.float_left_image .content .image { right: 1.56vw; max-width: 23.44vw; } .banner_image.float_left_image .content .text { padding: 3.1vw 3.1vw 3.39vw 5.21vw; } .banner_image.float_right_image .content { justify-content: flex-start; } .banner_image.float_right_image .image { left: 1.56vw; max-width: 23.44vw; } .banner_image.float_right_image .text { padding: 3.1vw 3.1vw 3.39vw 5.21vw; } } @media (min-width: 769px) { .main_lobby .banner_image.float_right_image, .main_lobby .banner_image.float_left_image { padding: 7.29vw 15.365vw; } .main_lobby .banner_image.float_right_image .content .text, .main_lobby .banner_image.float_left_image .content .text { width: 52%; font-size: 1.25vw; } .main_lobby .banner_image.float_right_image .content .text H2, .main_lobby .banner_image.float_left_image .content .text H2 { font-size: 2.5vw; } .main_lobby .banner_image.float_right_image .content .image, .main_lobby .banner_image.float_left_image .content .image { max-width: 34.38vw; right: 0; } .main_lobby .banner_image.float_right_image .content .image img, .main_lobby .banner_image.float_left_image .content .image img { width: 100%; } } @media (max-width: 768px) { .main_lobby .banner_image .content .text br { display: none; } } .banner_card { padding: 2.94em 0 2.35em 0; position: relative; } @media (min-width: 769px) { .banner_card { padding: 2.76vw 15.365vw 7.55vw 15.365vw; } } .banner_card .content { position: relative; display: flex; flex-direction: column; } @media (min-width: 769px) { .banner_card .content { flex-direction: row; width: 100%; } } .banner_card .content .image { width: 28.125vw; } .banner_card .content .text { color: var(--Primary-main-dark, #070762); text-align: right; font-style: normal; font-weight: 400; display: flex; flex-direction: column; justify-content: center; align-items: start; flex-shrink: 0; } @media (min-width: 769px) { .banner_card .content .text { position: relative; gap: 1.283vw; font-size: var(--desktop-font-size, 1.042vw); width: 61.979vw; padding: 3.65vw 4.95vw 3.65vw 4.95vw; border-radius: 1.042vw; border: 0.104vw solid var(--Neutral-white, #FFF); background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0 0 1.042vw 0 rgba(7, 7, 98, 0.1), 0 0.781vw 3.125vw -1.563vw rgba(7, 7, 98, 0.4); backdrop-filter: blur(1.042vw); z-index: 1; } } @media (max-width: 768px) { .banner_card .content .text { padding: 40px 30px; align-items: flex-start; gap: 20px; border-radius: 20px 0px 0px 20px; margin-left: 36px; border: 2px solid var(--Neutral-white, #FFF); background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0px 0px 20px 0px rgba(7, 7, 98, 0.1), 0px 15px 60px -30px rgba(7, 7, 98, 0.4); backdrop-filter: blur(20px); font-size: 16px; line-height: 125%; } .banner_card .content .text br { display: none; } } .banner_card .content .text p, .banner_card .content .text ul, .banner_card .content .text ol { margin: 0; } .banner_card .content .text H2, .banner_card .content .text H3 { display: block; font-size: 1.67vw; font-style: normal; font-weight: 600; line-height: 115%; letter-spacing: 0.063vw; color: var(--Secondary-06, #0D54D8); margin: 0; } @media (max-width: 768px) { .banner_card .content .text H2, .banner_card .content .text H3 { font-size: 20px; font-weight: 700; line-height: 130%; } .banner_card .content .text H2 br, .banner_card .content .text H3 br { display: unset; } } .banner_card .content .text .extraSmall { font-size: 14px; font-style: normal; font-weight: 200; line-height: 130%; letter-spacing: 0.015vw; } .banner_card .content .text .card_button a { text-decoration: none; font-weight: 600; color: var(--Primary-vivid-blue, #06F); } .banner_card .content .text .card_button a:hover { color: var(--Secondary-06, #0D54D8); } .banner_card .content .text .card_button a:active { color: var(--Primary-main-dark, #070762); } .banner_card .content .text .card_button a:after { content: ">"; } .banner_card .content .text .card_button .button a { display: flex; height: 3.125vw; min-width: 10.417vw; padding: 0.417vw 2.5vw; justify-content: center; align-items: center; gap: 1.458vw; border-radius: 0.833vw; background: var(--Primary-vivid-blue, #06F); font-size: var(--desktop-font-size, 1.042vw); font-style: normal; font-weight: 600; color: white; } @media (max-width: 768px) { .banner_card .content .text .card_button .button a { height: 2.32em; min-width: 8.75em; padding: 0.875em; border-radius: 0.5em; font-size: 1em; } } .banner_card .content .text .card_button .button a:hover { background: var(--Secondary-06, #0D54D8); color: white; text-decoration: none; } .banner_card .content .text .card_button .button a:active { background: var(--Primary-main-dark, #070762); color: white; } .banner_card .content .text .card_button .button a:after { content: unset; } .banner_card.bg_light_blue { background: var(--Primary-Background-Light-blue-gray, #F8FAFC); } @media (max-width: 768px) { .banner_card.light_blue_square .content { display: flex; justify-content: flex-end; align-items: flex-end; } } .banner_card.light_blue_square .content .text { margin-top: -60px; } @media (min-width: 769px) { .banner_card.light_blue_square .content .text { margin-top: 0; top: 2.6vw; left: 2.34vw; } } .banner_card.light_blue_square .content .image { background: var(--Primary-vivid-blue, #06F); } @media (max-width: 768px) { .banner_card.light_blue_square .content .image { width: 157px; height: 114px; border-radius: 0px 20px 20px 0px; fill: var(--Primary-vivid-blue, #06F); box-shadow: 0px 10px 30px 0px rgba(7, 7, 98, 0.15) inset; } } @media (min-width: 769px) { .banner_card.light_blue_square .content .image { width: 9.635vw; height: 16.72vw; flex-shrink: 0; border-radius: 1.25vw; box-shadow: 0 0.521vw 1.563vw 0 rgba(7, 7, 98, 0.15) inset; } } @media (max-width: 768px) { .banner_card.blue_square .content { display: flex; justify-content: flex-end; align-items: flex-end; } } @media (min-width: 769px) { .banner_card.blue_square .content .text { top: 3.96vw; left: 2.34vw; } } .banner_card.blue_square .content .image { background: var(--Primary-main-dark, #070762); } @media (max-width: 768px) { .banner_card.blue_square .content .image { width: 157px; height: 114px; border-radius: 0px 20px 20px 0px; fill: var(--Primary-main-dark, #070762); box-shadow: 0px 10px 30px 0px rgba(7, 7, 98, 0.15) inset; margin-top: -50px; order: 2; } } @media (min-width: 769px) { .banner_card.blue_square .content .image { width: 9.635vw; height: 9.219vw; flex-shrink: 0; border-radius: 1.25vw; box-shadow: 0 0.521vw 1.563vw 0 rgba(7, 7, 98, 0.15) inset; } } .banner_card.white_square .content { display: flex; align-items: flex-end; } .banner_card.white_square .content .text { margin-top: -117px; border: unset; background: var(--Primary-vivid-blue, #06F); color: white; } @media (min-width: 769px) { .banner_card.white_square .content .text { margin-top: 0; top: 0; right: 0; } } .banner_card.white_square .content .text H2, .banner_card.white_square .content .text H3 { color: white; } .banner_card.white_square .content .text .card_button a { color: white; } .banner_card.white_square .content .text .card_button a:hover { color: var(--Neutral-gray-02, rgba(246, 246, 246, 0.96)); } .banner_card.white_square .content .text .card_button a:active { color: var(--Neutral-gray-03, #F0F0F0); } .banner_card.white_square .content .text .card_button .button a { background: white; color: #06F; } .banner_card.white_square .content .text .card_button .button a:hover { background: var(--Neutral-gray-02, rgba(246, 246, 246, 0.96)); } .banner_card.white_square .content .text .card_button .button a:active { background: var(--Neutral-gray-03, #F0F0F0); } .banner_card.white_square .content .image { flex-shrink: 0; } @media (max-width: 768px) { .banner_card.white_square .content .image { width: 227px; height: 203px; stroke-width: 2px; stroke: #FFF; filter: drop-shadow(0px 15px 60px rgba(7, 7, 98, 0.4)) drop-shadow(0px 0px 20px rgba(7, 7, 98, 0.1)); backdrop-filter: blur(20px); background: #FFF; border-radius: 0px 20px 20px 0px; } } @media (min-width: 769px) { .banner_card.white_square .content .image { width: 26.563vw; height: 16.458vw; border-radius: 1.042vw; border: 0.1042vw solid var(--Neutral-white, #FFF); background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0px 0.781vw 3.125vw -1.563vw rgba(7, 7, 98, 0.4); backdrop-filter: blur(1.042vw); order: 2; bottom: -4.79vw; position: relative; left: 19.27vw; } } .bullets { padding: 2.94em 1.176em 1.77em 1.176em; position: relative; } @media (min-width: 769px) { .bullets { padding: 2.08vw 15.365vw; } } .bullets .content { position: relative; display: flex; flex-direction: column; } .bullets .content .title { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 1.25em; flex-shrink: 0; color: var(--Primary-main-dark, #070762); text-align: right; font-size: 0.94em; font-style: normal; font-weight: 400; line-height: 125%; padding: 0 0.6em; } @media (min-width: 769px) { .bullets .content .title { padding: 0; font-size: var(--desktop-font-size, 1.042vw); gap: 2.083vw; } } @media (max-width: 768px) { .bullets .content .title br { display: none; } } .bullets .content .title p { margin: 0; } .bullets .content .title H2 { display: block; font-size: 1.25em; font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: 0.063vw; color: var(--Secondary-06, #0D54D8); margin: 0; } @media (min-width: 769px) { .bullets .content .title H2 { font-size: 1.67vw; font-weight: 600; line-height: 115%; } } .bullets .content .bullets_list { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 40px; flex-shrink: 0; margin-top: 20px; margin-right: 0.6em; } @media (min-width: 769px) { .bullets .content .bullets_list { justify-content: space-between; flex-direction: row; margin-top: 3.13vw; margin-right: 0; flex-wrap: wrap; gap: 3.13vw; } } .bullets .content .bullets_list .bullet { display: flex; flex-direction: column; width: 100%; } .bullets .content .bullets_list .bullet p { margin: 0; } @media (min-width: 769px) { .bullets .content .bullets_list .bullet { min-width: 30.729vw; flex: 1 0 0; align-self: stretch; } } .bullets .content .bullets_list .bullet .bullet-main { display: flex; flex-direction: row; flex-grow: 1; } .bullets .content .bullets_list .bullet .bullet-main .image { /*background-image: url(/images/leumi_new/paragraphs/bullet.svg); background-repeat: no-repeat; background-position: top $position; background-size: contain;*/ width: 42px; display: flex; justify-content: flex-start; align-items: flex-start; margin-top: -10px; margin-left: 10px; } @media (min-width: 769px) { .bullets .content .bullets_list .bullet .bullet-main .image { width: 2.7vw; margin-left: 0.521vw; margin-top: 0; } } .bullets .content .bullets_list .bullet .bullet-main .image > img { object-fit: contain; width: 100%; height: auto; } .bullets .content .bullets_list .bullet .bullet-main .text { display: flex; flex-direction: column; gap: 20px; color: var(--Brand-Main-Blue, #070762); text-align: right; font-style: normal; font-size: 16px; font-weight: 400; line-height: 125%; margin-top: 0.76vw; width: 85%; } @media (min-width: 769px) { .bullets .content .bullets_list .bullet .bullet-main .text { width: 29vw; font-size: var(--desktop-font-size, 1.042vw); line-height: 160%; gap: 1.04vw; } } .bullets .content .bullets_list .bullet .bullet-main .text H3, .bullets .content .bullets_list .bullet .bullet-main .text strong { display: block; font-size: 20px; font-style: normal; font-weight: 700; line-height: 130%; margin: 0; } @media (min-width: 769px) { .bullets .content .bullets_list .bullet .bullet-main .text H3, .bullets .content .bullets_list .bullet .bullet-main .text strong { font-weight: 600; font-size: 1.25vw; } } .bullets .content .bullets_list .bullet .bullet-link a.card_button { text-decoration: none; font-weight: 600; color: var(--Primary-vivid-blue, #06F); font-size: 1em; margin-right: 50px; } .bullets .content .bullets_list .bullet .bullet-link a.card_button:hover { color: var(--Secondary-06, #0D54D8); } .bullets .content .bullets_list .bullet .bullet-link a.card_button:active { color: var(--Primary-main-dark, #070762); } .bullets .content .bullets_list .bullet .bullet-link a.card_button:after { content: ">"; } @media (min-width: 769px) { .bullets .content .bullets_list .bullet .bullet-link a.card_button { margin-right: 3.25vw; font-size: var(--desktop-font-size, 1.042vw); } } .bullets .content .bullets_list .bullet .bullet-link a.card_button.button { display: inline-flex; justify-content: center; align-items: center; background: var(--Primary-vivid-blue, #06F); font-style: normal; font-weight: 600; width: unset; height: 2.32em; min-width: 8.75em; padding: 0.875em; border-radius: 0.5em; color: white; text-decoration: none; margin-top: 1.25em; } @media (min-width: 769px) { .bullets .content .bullets_list .bullet .bullet-link a.card_button.button { height: 3.125vw; min-width: 10.417vw; padding: 0.417vw 2.5vw; gap: 1.458vw; border-radius: 0.833vw; margin-top: 1.04vw; } } .bullets .content .bullets_list .bullet .bullet-link a.card_button.button:hover { background: var(--Secondary-06, #0D54D8); color: white; } .bullets .content .bullets_list .bullet .bullet-link a.card_button.button:active { background: var(--Primary-main-dark, #070762); color: white; } .bullets .content .bullets_list .bullet .bullet-link a.card_button.button:after { content: unset; } .bullets .content .bullets_list .bullet .bullet-link.no_bullet_image a.card_button { margin-right: 0; } .bullets .content .legal_note { font-size: 14px; font-style: normal; font-weight: 200; line-height: 130%; letter-spacing: 0.28px; margin: 20px 20px 0 20px; } @media (min-width: 769px) { .bullets .content .legal_note { font-size: 14px; letter-spacing: 0.015vw; margin: 2.5vw 0 0 0; } } .bullets .content .legal_note p { margin: 0; } .bullets.bg_light_blue { background: var(--Primary-Background-Light-blue-gray, #F8FAFC); } .contact_us { position: relative; padding: 2.94em 1.176em 1.77em 1.176em; } @media (min-width: 768px) { .contact_us { padding: 2.08vw 15.365vw; } } .contact_us .content { position: relative; display: flex; flex-direction: column; } .contact_us .content .title { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 1.25em; flex-shrink: 0; color: var(--Primary-main-dark, #070762); text-align: right; font-size: 0.94em; font-style: normal; font-weight: 400; margin: 0 0.63em; line-height: 125%; } @media (min-width: 768px) { .contact_us .content .title { padding: 0; font-size: var(--desktop-font-size, 1.042vw); gap: 1.283vw; margin: 0; line-height: 160%; } } .contact_us .content .title p { margin: 0; } .contact_us .content .title H2 { font-size: 1.45em; display: block; font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: 0.063vw; color: var(--Secondary-06, #0D54D8); margin: 0; } .contact_us .content .title H2 br { display: block; } @media (min-width: 768px) { .contact_us .content .title H2 { font-size: 1.67vw; font-weight: 600; line-height: 115%; } } .contact_us .content .phone_list, .contact_us .content .mail { color: var(--Brand-Main-Blue, #070762); text-align: right; font-style: normal; font-size: 16px; font-weight: 400; line-height: 125%; } @media (min-width: 768px) { .contact_us .content .phone_list, .contact_us .content .mail { font-size: var(--desktop-font-size, 1.042vw); line-height: 190%; } } .contact_us .content .phone_list H3, .contact_us .content .mail H3 { font-size: 20px; font-weight: 700; margin: 0; } @media (min-width: 768px) { .contact_us .content .phone_list H3, .contact_us .content .mail H3 { font-size: 1.25vw; font-weight: 600; line-height: 160%; } } .contact_us .content .phone_list a, .contact_us .content .mail a { text-decoration: none; color: var(--Primary-vivid-blue, #06F); } .contact_us .content .phone_list a:hover, .contact_us .content .mail a:hover { color: var(--Secondary-06, #0D54D8); } .contact_us .content .phone_list a:active, .contact_us .content .mail a:active { color: var(--Primary-main-dark, #070762); } .contact_us .content .phone_list p, .contact_us .content .mail p { margin: 0; line-height: 160%; } .contact_us .content .phone_list .image, .contact_us .content .mail .image { width: 40px; height: 40px; min-width: 40px; margin-left: 2vw; } @media (min-width: 768px) { .contact_us .content .phone_list .image, .contact_us .content .mail .image { width: 2.708vw; height: 2.708vw; margin-left: 0.3vw; } } .contact_us .content .phone_list .image > img, .contact_us .content .mail .image > img { width: 100%; height: auto; } .contact_us .content .phone_list { display: flex; flex-direction: column; justify-content: start; align-items: stretch; gap: 30px; flex-shrink: 0; margin: 30px 0; } @media (min-width: 768px) { .contact_us .content .phone_list { flex-direction: row; gap: 1.563vw; margin: 1.82vw 0; } } .contact_us .content .phone_list .phone { display: flex; flex-direction: column; justify-content: start; align-items: flex-start; width: 100%; padding: 30px 20px 30px 30px; gap: unset; border-radius: 20px; border: 2px solid #FFF; background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0px 0px 20px 0px rgba(7, 7, 98, 0.1), 0px 15px 60px -30px rgba(7, 7, 98, 0.4); backdrop-filter: blur(20px); } @media (min-width: 768px) { .contact_us .content .phone_list .phone { padding: 1.56vw; border-radius: 1.042vw; border: 0.1042vw solid var(--Neutral-white, #FFF); background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); backdrop-filter: blur(1.042vw); min-width: 20.57vw; width: unset; } } .contact_us .content .phone_list .phone .phone_number { display: flex; flex-direction: row; padding: 0.5vw 0 0 0; } .contact_us .content .phone_list .phone .phone_number:has(img) .text { padding-top: 0.42vw; } .contact_us .content .mail { margin: 0 0.63em 0 0.63em; } .contact_us .content .mail .address { display: flex; flex-direction: row; padding: 0.5vw 0 0 0; } .contact_us .content .mail .address .image { background: url(/images/leumi_new/paragraphs/mail.svg) no-repeat right top; background-size: contain; } .contact_us .content .mail .address .text { padding-top: 10px; } .contact_us .content .legal_note { font-size: 14px; font-style: normal; font-weight: 200; line-height: 130%; letter-spacing: 0.28px; margin: 30px 0 0 0; } @media (min-width: 768px) { .contact_us .content .legal_note { margin: 2.5vw 0 0 0; font-size: 14px; letter-spacing: 0.015vw; } } .contact_us .content .legal_note p { padding: 0px; margin: 0px; } .contact_us.bg_light_blue { background: var(--Primary-Background-Light-blue-gray, #F8FAFC); } .steps { padding: 1.77em 1.176em; position: relative; } @media (min-width: 768px) { .steps { padding: 2.08vw 15.365vw; } } .steps .content { position: relative; display: flex; flex-direction: column; gap: 1.25em; } @media (min-width: 768px) { .steps .content { gap: unset; } } .steps .content .title { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 1.25em; flex-shrink: 0; color: var(--Primary-main-dark, #070762); text-align: right; font-size: 0.94em; font-style: normal; font-weight: 400; line-height: 160%; padding: 0 0.6em; } @media (min-width: 768px) { .steps .content .title { padding: 0; font-size: var(--desktop-font-size, 1.042vw); gap: 1.82vw; } } @media (max-width: 767px) { .steps .content .title br { display: none; } } .steps .content .title p { margin: 0; } .steps .content .title H2 { font-size: 1.45em; display: block; font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: 0.063vw; color: var(--Secondary-06, #0D54D8); margin: 0; } .steps .content .title H2 br { display: block; } @media (min-width: 768px) { .steps .content .title H2 { font-size: 1.67vw; font-weight: 600; line-height: 130%; } } .steps .content .title .steps_button a { text-decoration: none; font-weight: 600; color: var(--Primary-vivid-blue, #06F); } .steps .content .title .steps_button a:hover { color: var(--Secondary-06, #0D54D8); } .steps .content .title .steps_button a:active { color: var(--Primary-main-dark, #070762); } .steps .content .title .steps_button a:after { content: ">"; } .steps .content .title .steps_button .button a { display: flex; height: 3.125vw; min-width: 10.417vw; padding: 0.417vw 2.5vw; justify-content: center; align-items: center; gap: 1.458vw; border-radius: 0.833vw; background-color: var(--Primary-vivid-blue, #06F); font-size: var(--desktop-font-size, 1.042vw); font-style: normal; font-weight: 600; color: white; } @media (max-width: 768px) { .steps .content .title .steps_button .button a { height: 2.32em; min-width: 8.75em; padding: 0.875em; border-radius: 0.5em; font-size: 1em; } } .steps .content .title .steps_button .button a:hover { background-color: var(--Secondary-06, #0D54D8); color: white; text-decoration: none; transition: background 200ms ease-out; } .steps .content .title .steps_button .button a:active { background-color: var(--Primary-main-dark, #070762); color: white; } .steps .content .title .steps_button .button a:after { content: unset; } .steps .content .step_list { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 1.25em; align-self: stretch; } @media (min-width: 768px) { .steps .content .step_list { flex-direction: row; flex-wrap: wrap; margin: 1.82vw 0 0 0; gap: 2.4vw; } } .steps .content .step_list .step { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; align-self: stretch; padding: 27px 5px 20px 10px; gap: 20px; border-radius: 20px; border: 2px solid var(--Neutral-white, #FFF); background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0px 0px 20px 0px rgba(7, 7, 98, 0.1), 0px 15px 60px -30px rgba(7, 7, 98, 0.4); backdrop-filter: blur(20px); width: 100%; justify-content: flex-start; gap: 4px; color: var(--Brand-Main-Blue, #070762); font-style: normal; font-size: 16px; font-weight: 400; line-height: 160%; text-align: right; } @media (min-width: 768px) { .steps .content .step_list .step { padding: 2.29vw 0.56vw 1.15vw 1.042vw; gap: 1.042vw; border-radius: 1.042vw; box-shadow: 0 0 1.042vw 0 rgba(7, 7, 98, 0.1), 0 0.781vw 3.125vw -1.563vw rgba(7, 7, 98, 0.4); backdrop-filter: blur(1.042vw); } } @media (min-width: 768px) { .steps .content .step_list .step { flex: 1 0 30%; align-self: stretch; margin-right: -0.938vw; font-size: var(--desktop-font-size, 1.042vw); } } .steps .content .step_list .step p { margin: 0; } .steps .content .step_list .step a { text-decoration: none; font-weight: 600; color: var(--Primary-vivid-blue, #06F); } .steps .content .step_list .step a:hover { color: var(--Secondary-06, #0D54D8); } .steps .content .step_list .step a:active { color: var(--Primary-main-dark, #070762); } .steps .content .step_list .step a:after { content: ">"; } .steps .content .step_list .step a.button { display: inline-flex; justify-content: center; align-items: center; background: var(--Primary-vivid-blue, #06F); font-style: normal; font-weight: 600; width: unset; height: 2.32em; min-width: 8.75em; padding: 0.875em; border-radius: 0.5em; color: white; text-decoration: none; margin-top: 1.25em; } @media (min-width: 769px) { .steps .content .step_list .step a.button { height: 3.125vw; min-width: 10.417vw; padding: 0.417vw 2.5vw; gap: 1.458vw; border-radius: 0.833vw; margin-top: 1.04vw; } } .steps .content .step_list .step a.button:hover { background: var(--Secondary-06, #0D54D8); color: white; } .steps .content .step_list .step a.button:active { background: var(--Primary-main-dark, #070762); color: white; } .steps .content .step_list .step a.button:after { content: unset; } @media (min-width: 768px) { .steps .content .step_list .step { gap: 0.885vw; } } .steps .content .step_list .step .step_data { display: flex; flex-direction: row; flex-grow: 1; } .steps .content .step_list .step .step_data .image { background-repeat: no-repeat; background-position: top center; background-size: contain; min-width: 48px; height: 48px; margin-top: -12px; display: flex; justify-content: center; align-items: center; font-size: 21.333px; letter-spacing: 0.533px; font-style: normal; font-weight: 300; line-height: 130%; } @media (min-width: 768px) { .steps .content .step_list .step .step_data .image { height: 3.646vw; min-width: 3.646vw; margin-top: -1.038vw; font-size: 1.528vw; font-weight: 200; letter-spacing: 0.038vw; line-height: 128%; } } .steps .content .step_list .step .step_data .text { display: flex; flex-direction: column; } .steps .content .step_list .step .step_data .text H3 { display: block; font-size: 20px; font-style: normal; font-weight: 700; line-height: 130%; margin: 0; } @media (min-width: 768px) { .steps .content .step_list .step .step_data .text H3 { font-weight: 600; font-size: 1.25vw; margin-bottom: 0.52vw; } } .steps .content .step_list .step .step_link { margin-right: 50px; } @media (min-width: 768px) { .steps .content .step_list .step .step_link { margin-right: 3.55vw; } } @media (min-width: 768px) { .steps .content .step_list .step:nth-child(n+3) { max-width: 32.3%; } } .steps .content .step_list .step.transform { transition: transform .2s; } .steps .content .step_list .step.transform:hover { transform: scale(1.02); } .steps .content .step_list .step:hover { transform: scale(1.02); transition: transform 200ms ease-out; backdrop-filter: none; } .steps .content .legal_note { font-size: 14px; font-style: normal; font-weight: 200; line-height: 130%; letter-spacing: 0.28px; } @media (min-width: 768px) { .steps .content .legal_note { margin-top: 1.82vw; font-size: 14px; letter-spacing: 0.015vw; } } .steps .content .legal_note p { padding: 0px; margin: 0px; } .steps.bg_light_blue { background: var(--Primary-Background-Light-blue-gray, #F8FAFC); } .leumi_new_design .question-tabs.tab-regular .tab-link-mobile { width: 100%; border: 0; display: none; color: #070762; min-height: 33px; line-height: 30px; background-color: white; cursor: pointer; } .leumi_new_design .question-tabs.tab-regular .tabs { width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 1.2vw; border-bottom: none; padding: 35px 0; } @media (max-width: 768px) { .leumi_new_design .question-tabs.tab-regular .tabs { overflow-x: auto; scrollbar-width: none; } } .leumi_new_design .question-tabs.tab-regular .tabs .tab-link { display: flex; font-style: normal; font-weight: 400; line-height: 150%; padding: 7px 20px; font-size: 16px; border-radius: 300px; border: 1px solid var(--Secondary-03, #A2C7FD); background-color: transparent; cursor: pointer; } @media (max-width: 768px) { .leumi_new_design .question-tabs.tab-regular .tabs .tab-link { white-space: nowrap; } } @media (min-width: 769px) { .leumi_new_design .question-tabs.tab-regular .tabs .tab-link { border-radius: 15.625vw; border: 0.052vw solid var(--Secondary-03, #A2C7FD); padding: 0.425vw 1.042vw 0.225vw 1.042vw; gap: 0.521vw; font-size: var(--desktop-font-size, 1.042vw); line-height: 160%; } } .leumi_new_design .question-tabs.tab-regular .tabs .tab-link:hover { background-color: var(--Secondary-01, #E0ECFE); } .leumi_new_design .question-tabs.tab-regular .tabs .tab-link.active { color: var(--Primary-main-dark, #070762); background-color: var(--Secondary-02, #C1DAFE); } .leumi_new_design .question-tabs.tab-regular .tab-content { padding: 0 0 1.25vw 0; font-size: var(--desktop-font-size, 1.042vw); } .leumi_new_design .node-inner-page .question-tabs { padding: 2.94em 1.77em 1.77em 1.77em; } @media (min-width: 769px) { .leumi_new_design .node-inner-page .question-tabs { padding: 2.08vw 15.365vw; } } .leumi_new_design .question-tabs { background-color: #fff; padding: 30px 15px; } .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile { display: flex; } .leumi_new_design .question-tabs.tab-collapse .tabs { display: none; } @media (min-width: 769px) { .leumi_new_design .question-tabs.tab-collapse .tab-content { margin-top: -1.25vw; } } .leumi_new_design .question-tabs.tab-collapse .tab-content.active { display: none; } .leumi_new_design .question-tabs .titleText { margin-bottom: 40px; } .leumi_new_design .question-tabs .titleText H2 { font-style: normal; font-size: 1.45em; font-weight: 700; line-height: 130%; letter-spacing: 0.063vw; color: var(--Secondary-06, #0D54D8); margin: 0; } @media (min-width: 769px) { .leumi_new_design .question-tabs .titleText H2 { font-size: 1.67vw; font-weight: 600; line-height: 115%; } } @media (min-width: 769px) { .leumi_new_design .question-tabs .titleText { margin-bottom: 2.08vw; } } .leumi_new_design .question-tabs .tabs { width: 100%; } .leumi_new_design .question-tabs .tab-link-mobile { width: 100%; display: none; line-height: unset; border-bottom: 1px solid var(--Secondary-03, #A2C7FD); cursor: pointer; align-items: center; padding: 10px 0; border-top: 0; border-left: 0; border-right: 0; background-color: white; } @media (min-width: 769px) { .leumi_new_design .question-tabs .tab-link-mobile { min-height: 5.104vw; padding: 0 1.667vw; } } @media (min-width: 769px) { .leumi_new_design .question-tabs .tab-link-mobile:hover { background: rgba(224, 236, 254, 0.4); } } @media (min-width: 769px) { .leumi_new_design .node-inner-page .extra-tabs { padding: 2.08vw 15.365vw; } } .leumi_new_design .extra-tabs { width: 100%; padding: 30px 15px; } .leumi_new_design .extra-tabs .tabs_title { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 1.25em; flex-shrink: 0; color: var(--Primary-main-dark, #070762); text-align: right; font-size: 0.94em; font-style: normal; font-weight: 400; line-height: 160%; padding: 2.94em 1.776em 1.77em 1.776em; } @media (min-width: 769px) { .leumi_new_design .extra-tabs .tabs_title { padding: 0; font-size: var(--desktop-font-size, 1.042vw); gap: 1.283vw; } } @media (max-width: 768px) { .leumi_new_design .extra-tabs .tabs_title br { display: none; } } .leumi_new_design .extra-tabs .tabs_title p { margin: 0; } .leumi_new_design .extra-tabs .tabs_title H2 { display: block; font-size: 1.25em; font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: 0.063vw; color: var(--Secondary-06, #0D54D8); margin: 0; } .leumi_new_design .extra-tabs .tabs_title H2 br { display: block; } @media (min-width: 769px) { .leumi_new_design .extra-tabs .tabs_title H2 { font-size: 1.67vw; font-weight: 600; line-height: 115%; } } .leumi_new_design .extra-tabs.mobile .tabs .tab { border-bottom: 1px solid var(--Secondary-03, #A2C7FD); padding: 10px 0; } @media (min-width: 769px) { .leumi_new_design .extra-tabs.mobile .tabs .tab { padding: 0 1.667vw; } } .leumi_new_design .extra-tabs.mobile .tabs .tab .title .tab-border-bottom { display: none; } .leumi_new_design .extra-tabs.mobile .tabs .tab:hover { background: rgba(224, 236, 254, 0.4); } .leumi_new_design .extra-tabs.mobile .tabs .tab.active:hover { background: none; } .leumi_new_design .extra-tabs.mobile .tabs .tab.active + .mobile-data { border-bottom: 1px solid var(--Secondary-03, #A2C7FD); } .leumi_new_design .extra-tabs.mobile .tabs .mobile-data { height: 0; padding: 0; display: none; overflow: hidden; border-bottom: 0; transition: height 0.5s ease; } .leumi_new_design .extra-tabs:not(.mobile) .tabs { padding: 1.82vw 0; border: none; } @media (max-width: 768px) { .leumi_new_design .extra-tabs:not(.mobile) .tabs { gap: 15px; display: flex; padding: 0; margin: 0 1.776em 1.177em 0; } } .leumi_new_design .extra-tabs:not(.mobile) .tabs i { display: none; } .leumi_new_design .extra-tabs:not(.mobile) .tabs .tabs-container { display: flex; justify-content: flex-start; align-items: center; gap: 1.2vw; } @media (max-width: 768px) { .leumi_new_design .extra-tabs:not(.mobile) .tabs .tabs-container { height: 42px; overflow-x: auto; gap: 15px; } } @media (max-width: 768px) { .leumi_new_design .extra-tabs:not(.mobile) .tabs { /* Hide scrollbar for IE, Edge and Firefox */ } .leumi_new_design .extra-tabs:not(.mobile) .tabs .tabs-container::-webkit-scrollbar { display: none; } .leumi_new_design .extra-tabs:not(.mobile) .tabs .tabs-container { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } } .leumi_new_design .extra-tabs:not(.mobile) .tabs .tab { display: flex; justify-content: flex-end; align-items: center; color: var(--Primary-main-dark, #070762); font-style: normal; font-weight: 400; line-height: 150%; padding: 7px 20px; border-radius: 300px; border: 1px solid var(--Secondary-03, #A2C7FD); font-size: 16px; white-space: nowrap; } @media (min-width: 769px) { .leumi_new_design .extra-tabs:not(.mobile) .tabs .tab { border-radius: 15.625vw; border: 0.052vw solid var(--Secondary-03, #A2C7FD); padding: 0.425vw 1.042vw 0.225vw 1.042vw; gap: 0.521vw; font-size: var(--desktop-font-size, 1.042vw); line-height: 160%; } } .leumi_new_design .extra-tabs:not(.mobile) .tabs .tab:hover { background: var(--Secondary-01, #E0ECFE); } .leumi_new_design .extra-tabs:not(.mobile) .tabs .tab.active { color: var(--Primary-main-dark, #070762); background: var(--Secondary-02, #C1DAFE); } .leumi_new_design .extra-tabs .tab-content { padding: 0; } @media (max-width: 768px) { .leumi_new_design .extra-tabs .tab-content { padding: 1.176em; display: none !important; } .leumi_new_design .extra-tabs .tab-content.active { display: block !important; } } .leumi_new_design .extra-tabs .bullets { padding: 0; } .leumi_new_design .extra-tabs .bullets .bullets_list { margin-top: 2.08vw; } .leumi_new_design .extra-tabs.mobile .tab i, .leumi_new_design .extra-tabs.mobile .tab-link-mobile i, .leumi_new_design .question-tabs.tab-collapse .tab i, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile i { background-image: url("/images/leumi_new/paragraphs/circle.png"); background-repeat: no-repeat; width: 38px; height: 38px; background-position: center; background-size: 31.027px; position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; } @media (min-width: 769px) { .leumi_new_design .extra-tabs.mobile .tab i, .leumi_new_design .extra-tabs.mobile .tab-link-mobile i, .leumi_new_design .question-tabs.tab-collapse .tab i, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile i { width: 2.604vw; height: 2.604vw; background-size: 2.126vw; } } .leumi_new_design .extra-tabs.mobile .tab i:before, .leumi_new_design .extra-tabs.mobile .tab-link-mobile i:before, .leumi_new_design .question-tabs.tab-collapse .tab i:before, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile i:before { content: ""; background-color: var(--Secondary-03, #A2C7FD); border-radius: 50%; width: 22.162px; height: 22.162px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-image: none !important; } @media (min-width: 769px) { .leumi_new_design .extra-tabs.mobile .tab i:before, .leumi_new_design .extra-tabs.mobile .tab-link-mobile i:before, .leumi_new_design .question-tabs.tab-collapse .tab i:before, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile i:before { width: 1.406vw; height: 1.406vw; } } .leumi_new_design .extra-tabs.mobile .tab i .toggle, .leumi_new_design .extra-tabs.mobile .tab-link-mobile i .toggle, .leumi_new_design .question-tabs.tab-collapse .tab i .toggle, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile i .toggle { width: 11.82px; height: 1px; background-color: #070762; position: relative; transition: 0.25s all cubic-bezier(0.17, 0.67, 0.09, 0.97); } @media (min-width: 769px) { .leumi_new_design .extra-tabs.mobile .tab i .toggle, .leumi_new_design .extra-tabs.mobile .tab-link-mobile i .toggle, .leumi_new_design .question-tabs.tab-collapse .tab i .toggle, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile i .toggle { width: 0.781vw; } } .leumi_new_design .extra-tabs.mobile .tab i .toggle::after, .leumi_new_design .extra-tabs.mobile .tab-link-mobile i .toggle::after, .leumi_new_design .question-tabs.tab-collapse .tab i .toggle::after, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile i .toggle::after { content: ""; width: 11.82px; transition: 0.25s all cubic-bezier(0.17, 0.67, 0.09, 0.97); height: 1px; position: absolute; opacity: 1; background-color: #070762; transform: rotate(90deg); top: 0; bottom: 0; left: 0; right: 0; margin: auto; } @media (min-width: 769px) { .leumi_new_design .extra-tabs.mobile .tab i .toggle::after, .leumi_new_design .extra-tabs.mobile .tab-link-mobile i .toggle::after, .leumi_new_design .question-tabs.tab-collapse .tab i .toggle::after, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile i .toggle::after { width: 0.781vw; } } .leumi_new_design .extra-tabs.mobile .tab i .toggle.open, .leumi_new_design .extra-tabs.mobile .tab-link-mobile i .toggle.open, .leumi_new_design .question-tabs.tab-collapse .tab i .toggle.open, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile i .toggle.open { transform: rotate(180deg); } .leumi_new_design .extra-tabs.mobile .tab i .toggle.open:after, .leumi_new_design .extra-tabs.mobile .tab-link-mobile i .toggle.open:after, .leumi_new_design .question-tabs.tab-collapse .tab i .toggle.open:after, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile i .toggle.open:after { opacity: 0; } .leumi_new_design .extra-tabs.mobile .tab i:hover:before, .leumi_new_design .extra-tabs.mobile .tab-link-mobile i:hover:before, .leumi_new_design .question-tabs.tab-collapse .tab i:hover:before, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile i:hover:before { background-color: #408CFE; } .leumi_new_design .extra-tabs.mobile .tab i:hover .toggle, .leumi_new_design .extra-tabs.mobile .tab-link-mobile i:hover .toggle, .leumi_new_design .question-tabs.tab-collapse .tab i:hover .toggle, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile i:hover .toggle { background-color: white; } .leumi_new_design .extra-tabs.mobile .tab i:hover .toggle::after, .leumi_new_design .extra-tabs.mobile .tab-link-mobile i:hover .toggle::after, .leumi_new_design .question-tabs.tab-collapse .tab i:hover .toggle::after, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile i:hover .toggle::after { background-color: white; } .leumi_new_design .extra-tabs.mobile .tab span, .leumi_new_design .extra-tabs.mobile .tab h3, .leumi_new_design .extra-tabs.mobile .tab .title > .text, .leumi_new_design .extra-tabs.mobile .tab-link-mobile span, .leumi_new_design .extra-tabs.mobile .tab-link-mobile h3, .leumi_new_design .extra-tabs.mobile .tab-link-mobile .title > .text, .leumi_new_design .question-tabs.tab-collapse .tab span, .leumi_new_design .question-tabs.tab-collapse .tab h3, .leumi_new_design .question-tabs.tab-collapse .tab .title > .text, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile span, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile h3, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile .title > .text { color: var(--Primary-main-dark, #070762); border: 0; display: flex; align-items: center; width: 100%; font-size: 18px; font-style: normal; font-weight: 400; line-height: 125%; padding: 15px; margin: 0; text-align: right; } @media (min-width: 769px) { .leumi_new_design .extra-tabs.mobile .tab span, .leumi_new_design .extra-tabs.mobile .tab h3, .leumi_new_design .extra-tabs.mobile .tab .title > .text, .leumi_new_design .extra-tabs.mobile .tab-link-mobile span, .leumi_new_design .extra-tabs.mobile .tab-link-mobile h3, .leumi_new_design .extra-tabs.mobile .tab-link-mobile .title > .text, .leumi_new_design .question-tabs.tab-collapse .tab span, .leumi_new_design .question-tabs.tab-collapse .tab h3, .leumi_new_design .question-tabs.tab-collapse .tab .title > .text, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile span, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile h3, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile .title > .text { font-size: var(--desktop-font-size, 1.042vw); padding: 1.25vw; line-height: 160%; } } .leumi_new_design .extra-tabs.mobile .tab.active, .leumi_new_design .extra-tabs.mobile .tab-link-mobile.active, .leumi_new_design .question-tabs.tab-collapse .tab.active, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile.active { background: none; border: 0; } .leumi_new_design .extra-tabs.mobile .tab.active:hover i:before, .leumi_new_design .extra-tabs.mobile .tab-link-mobile.active:hover i:before, .leumi_new_design .question-tabs.tab-collapse .tab.active:hover i:before, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile.active:hover i:before { background-color: #408CFE; } .leumi_new_design .extra-tabs.mobile .tab.active:hover i .toggle, .leumi_new_design .extra-tabs.mobile .tab-link-mobile.active:hover i .toggle, .leumi_new_design .question-tabs.tab-collapse .tab.active:hover i .toggle, .leumi_new_design .question-tabs.tab-collapse .tab-link-mobile.active:hover i .toggle { background-color: white; } .leumi_new_design .extra-tabs.mobile .tab-content, .leumi_new_design .extra-tabs.mobile .mobile-data, .leumi_new_design .question-tabs.tab-collapse .tab-content, .leumi_new_design .question-tabs.tab-collapse .mobile-data { display: none; border-top: 0; word-break: break-all; border-bottom: 1px solid var(--Secondary-03, #A2C7FD); padding: 30px 54px 30px 48px; font-size: 18px; } .leumi_new_design .extra-tabs.mobile .tab-content span, .leumi_new_design .extra-tabs.mobile .tab-content p, .leumi_new_design .extra-tabs.mobile .tab-content li, .leumi_new_design .extra-tabs.mobile .mobile-data span, .leumi_new_design .extra-tabs.mobile .mobile-data p, .leumi_new_design .extra-tabs.mobile .mobile-data li, .leumi_new_design .question-tabs.tab-collapse .tab-content span, .leumi_new_design .question-tabs.tab-collapse .tab-content p, .leumi_new_design .question-tabs.tab-collapse .tab-content li, .leumi_new_design .question-tabs.tab-collapse .mobile-data span, .leumi_new_design .question-tabs.tab-collapse .mobile-data p, .leumi_new_design .question-tabs.tab-collapse .mobile-data li { font-size: 18px; font-weight: 300; line-height: 125%; margin: 0; } @media (min-width: 769px) { .leumi_new_design .extra-tabs.mobile .tab-content, .leumi_new_design .extra-tabs.mobile .mobile-data, .leumi_new_design .question-tabs.tab-collapse .tab-content, .leumi_new_design .question-tabs.tab-collapse .mobile-data { font-size: var(--desktop-font-size, 1.042vw); padding: 0 5.452vw 1.25vw 0; } .leumi_new_design .extra-tabs.mobile .tab-content span, .leumi_new_design .extra-tabs.mobile .tab-content p, .leumi_new_design .extra-tabs.mobile .tab-content li, .leumi_new_design .extra-tabs.mobile .mobile-data span, .leumi_new_design .extra-tabs.mobile .mobile-data p, .leumi_new_design .extra-tabs.mobile .mobile-data li, .leumi_new_design .question-tabs.tab-collapse .tab-content span, .leumi_new_design .question-tabs.tab-collapse .tab-content p, .leumi_new_design .question-tabs.tab-collapse .tab-content li, .leumi_new_design .question-tabs.tab-collapse .mobile-data span, .leumi_new_design .question-tabs.tab-collapse .mobile-data p, .leumi_new_design .question-tabs.tab-collapse .mobile-data li { font-size: 15px; font-weight: 300; line-height: 160%; } } @media (min-width: 1700px) { .leumi_new_design .extra-tabs.mobile .tab-content span, .leumi_new_design .extra-tabs.mobile .tab-content p, .leumi_new_design .extra-tabs.mobile .tab-content li, .leumi_new_design .extra-tabs.mobile .mobile-data span, .leumi_new_design .extra-tabs.mobile .mobile-data p, .leumi_new_design .extra-tabs.mobile .mobile-data li, .leumi_new_design .question-tabs.tab-collapse .tab-content span, .leumi_new_design .question-tabs.tab-collapse .tab-content p, .leumi_new_design .question-tabs.tab-collapse .tab-content li, .leumi_new_design .question-tabs.tab-collapse .mobile-data span, .leumi_new_design .question-tabs.tab-collapse .mobile-data p, .leumi_new_design .question-tabs.tab-collapse .mobile-data li { font-size: 0.885vw; } } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button), .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button), .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button), .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button) { text-decoration: none; color: var(--Primary-vivid-blue, #06F) !important; } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".pdf"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".pdf"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".pdf"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".pdf"]:before { content: ""; background-image: url(/images/leumi_new/article/pdf.svg) !important; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 14px; height: 18px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".pdf"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".pdf"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".pdf"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".pdf"]:before { width: 0.833vw; height: 0.833vw; margin: 0 0 0 0.365vw; } } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".pdf"]:hover, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".pdf"]:hover, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".pdf"]:hover, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".pdf"]:hover { color: var(--Secondary-06, #0D54D8); } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".pdf"]:hover:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".pdf"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".pdf"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".pdf"]:hover:before { background-image: url(/images/leumi_new/article/pdfHover.svg) !important; } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".pdf"]:active, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".pdf"]:active, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".pdf"]:active, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".pdf"]:active { color: var(--Primary-main-dark, #070762); } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".pdf"]:active:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".pdf"]:active:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".pdf"]:active:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".pdf"]:active:before { background-image: url(/images/leumi_new/article/pdfPressed.svg) !important; } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".xlsx"]:before, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".xsl"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".xlsx"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".xsl"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".xlsx"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".xsl"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".xlsx"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".xsl"]:before { content: ""; background-image: url(/images/leumi_new/article/excel.svg) !important; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 14px; height: 18px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".xlsx"]:before, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".xsl"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".xlsx"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".xsl"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".xlsx"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".xsl"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".xlsx"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".xsl"]:before { width: 0.833vw; height: 0.833vw; margin: 0 0 0 0.365vw; } } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".xlsx"]:hover, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".xsl"]:hover, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".xlsx"]:hover, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".xsl"]:hover, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".xlsx"]:hover, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".xsl"]:hover, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".xlsx"]:hover, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".xsl"]:hover { color: var(--Secondary-06, #0D54D8); } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".xlsx"]:hover:before, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".xsl"]:hover:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".xlsx"]:hover:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".xsl"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".xlsx"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".xsl"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".xlsx"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".xsl"]:hover:before { background-image: url(/images/leumi_new/article/excelHover.svg) !important; } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".xlsx"]:active, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".xsl"]:active, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".xlsx"]:active, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".xsl"]:active, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".xlsx"]:active, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".xsl"]:active, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".xlsx"]:active, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".xsl"]:active { color: var(--Primary-main-dark, #070762); } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".xlsx"]:active:before, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".xsl"]:active:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".xlsx"]:active:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".xsl"]:active:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".xlsx"]:active:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".xsl"]:active:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".xlsx"]:active:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".xsl"]:active:before { background-image: url(/images/leumi_new/article/excelPressed.svg) !important; } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".doc"]:before, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".docx"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".doc"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".docx"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".doc"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".docx"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".doc"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".docx"]:before { content: ""; background-image: url(/images/leumi_new/article/word.svg) !important; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 14px; height: 18px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".doc"]:before, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".docx"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".doc"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".docx"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".doc"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".docx"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".doc"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".docx"]:before { width: 0.833vw; height: 0.833vw; margin: 0 0 0 0.365vw; } } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".doc"]:hover, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".docx"]:hover, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".doc"]:hover, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".docx"]:hover, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".doc"]:hover, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".docx"]:hover, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".doc"]:hover, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".docx"]:hover { color: var(--Secondary-06, #0D54D8); } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".doc"]:hover:before, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".docx"]:hover:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".doc"]:hover:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".docx"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".doc"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".docx"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".doc"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".docx"]:hover:before { background-image: url(/images/leumi_new/article/wordHover.svg) !important; } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".doc"]:active, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".docx"]:active, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".doc"]:active, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".docx"]:active, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".doc"]:active, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".docx"]:active, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".doc"]:active, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".docx"]:active { color: var(--Primary-main-dark, #070762); } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".doc"]:active:before, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".docx"]:active:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".doc"]:active:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".docx"]:active:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".doc"]:active:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".docx"]:active:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".doc"]:active:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".docx"]:active:before { background-image: url(/images/leumi_new/article/wordPressed.svg) !important; } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".jpg"]:before, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".png"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".jpg"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".png"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".jpg"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".png"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".jpg"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".png"]:before { content: ""; background-image: url(/images/leumi_new/article/jpg.svg) !important; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 14px; height: 18px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".jpg"]:before, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".png"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".jpg"]:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".png"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".jpg"]:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".png"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".jpg"]:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".png"]:before { width: 0.833vw; height: 0.833vw; margin: 0 0 0 0.365vw; } } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".jpg"]:hover, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".png"]:hover, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".jpg"]:hover, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".png"]:hover, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".jpg"]:hover, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".png"]:hover, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".jpg"]:hover, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".png"]:hover { color: var(--Secondary-06, #0D54D8); } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".jpg"]:hover:before, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".png"]:hover:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".jpg"]:hover:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".png"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".jpg"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".png"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".jpg"]:hover:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".png"]:hover:before { background-image: url(/images/leumi_new/article/jpgHover.svg) !important; } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".jpg"]:active, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".png"]:active, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".jpg"]:active, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".png"]:active, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".jpg"]:active, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".png"]:active, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".jpg"]:active, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".png"]:active { color: var(--Primary-main-dark, #070762); } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".jpg"]:active:before, .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button)[href*=".png"]:active:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".jpg"]:active:before, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button)[href*=".png"]:active:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".jpg"]:active:before, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button)[href*=".png"]:active:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".jpg"]:active:before, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button)[href*=".png"]:active:before { background-image: url(/images/leumi_new/article/jpgPressed.svg) !important; } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button):hover, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button):hover, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button):hover, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button):hover { color: var(--Secondary-06, #0D54D8) !important; } .leumi_new_design .extra-tabs.mobile .tab-content a:not(.link_button):active, .leumi_new_design .extra-tabs.mobile .mobile-data a:not(.link_button):active, .leumi_new_design .question-tabs.tab-collapse .tab-content a:not(.link_button):active, .leumi_new_design .question-tabs.tab-collapse .mobile-data a:not(.link_button):active { color: var(--Primary-main-dark, #070762) !important; } .leumi_new_design .extra-tabs.mobile .tab-content .link_button span, .leumi_new_design .extra-tabs.mobile .mobile-data .link_button span, .leumi_new_design .question-tabs.tab-collapse .tab-content .link_button span, .leumi_new_design .question-tabs.tab-collapse .mobile-data .link_button span { color: unset !important; background-color: unset !important; font-weight: unset !important; font-size: unset !important; } .leumi_new_design .extra-tabs.mobile .tab-content.active, .leumi_new_design .extra-tabs.mobile .mobile-data.active, .leumi_new_design .question-tabs.tab-collapse .tab-content.active, .leumi_new_design .question-tabs.tab-collapse .mobile-data.active { display: block; /*@media (max-width: 768px) { display: none; word-break: break-word; }*/ } .leumi_new_design .extra-tabs.mobile .tab-content > *, .leumi_new_design .extra-tabs.mobile .mobile-data > *, .leumi_new_design .question-tabs.tab-collapse .tab-content > *, .leumi_new_design .question-tabs.tab-collapse .mobile-data > * { word-break: break-word; } .leumi_new_design .extra-tabs.mobile .tab-content > p, .leumi_new_design .extra-tabs.mobile .mobile-data > p, .leumi_new_design .question-tabs.tab-collapse .tab-content > p, .leumi_new_design .question-tabs.tab-collapse .mobile-data > p { margin: 0; padding: 0; } .leumi_new_design .extra-tabs.mobile .tab-content > p.text-align-right, .leumi_new_design .extra-tabs.mobile .mobile-data > p.text-align-right, .leumi_new_design .question-tabs.tab-collapse .tab-content > p.text-align-right, .leumi_new_design .question-tabs.tab-collapse .mobile-data > p.text-align-right { text-align: right; } .leumi_new_design .extra-tabs.mobile .tab-content > p.text-align-center, .leumi_new_design .extra-tabs.mobile .mobile-data > p.text-align-center, .leumi_new_design .question-tabs.tab-collapse .tab-content > p.text-align-center, .leumi_new_design .question-tabs.tab-collapse .mobile-data > p.text-align-center { text-align: center; } .leumi_new_design .extra-tabs.mobile .tab-content > p.text-align-left, .leumi_new_design .extra-tabs.mobile .mobile-data > p.text-align-left, .leumi_new_design .question-tabs.tab-collapse .tab-content > p.text-align-left, .leumi_new_design .question-tabs.tab-collapse .mobile-data > p.text-align-left { text-align: left; } .leumi_new_design .legal_note { font-size: 14px; font-style: normal; font-weight: 200; line-height: 130%; letter-spacing: 0.28px; margin: 30px 0 0 0; } @media (min-width: 768px) { .leumi_new_design .legal_note { margin: 2.5vw 0 0 0; font-size: 14px; letter-spacing: 0.015vw; } } .leumi_new_design .legal_note p { padding: 0px; margin: 0px; } .strips { padding: 2.94em 1.176em 1.77em 1.176em; position: relative; } @media (min-width: 768px) { .strips { padding: 2.08vw 15.365vw; background: linear-gradient(180deg, #FFF 72%, #ECEBEF 50%, #FAFAFA 77%, #FFF 97%); overflow: hidden; } } @media (min-width: 769px) { .strips.start_ball_animation .floating_ball { left: 5vw; opacity: 1; animation: shadowMove_ball 2000ms ease-out; } .strips.start_ball_animation .floating_ball .ball { display: block; transition: 1900ms; transform: rotate(360deg); } } .strips .bg_img { display: none; } @media (max-width: 769px) { .strips .bg_img { display: block; max-height: 100%; overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; max-width: 100%; } .strips .bg_img img { object-fit: cover; height: auto; width: 100%; display: block; } } .strips .floating_ball { display: none; } @media (min-width: 769px) { .strips .floating_ball { display: flex; opacity: 0; background-image: url("/images/leumi_new/HP/Shadow-Ball-Leumi.png"); background-repeat: no-repeat; position: absolute; height: 18.854vw; width: 21.158vw; background-position: bottom; align-items: flex-end; z-index: 0; left: 0; bottom: 7.92vw; } .strips .floating_ball .ball { height: auto; width: 21.158vw; background-color: transparent; } } .strips .content_wrapper { display: flex; flex-direction: column; } .strips .content_wrapper .title { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 1.25em; flex-shrink: 0; color: var(--Primary-main-dark, #070762); text-align: right; font-size: 0.94em; font-style: normal; font-weight: 400; line-height: 160%; padding: 0 0.6em; } @media (min-width: 768px) { .strips .content_wrapper .title { padding: 0; font-size: var(--desktop-font-size, 1.042vw); gap: 1.82vw; } } @media (max-width: 767px) { .strips .content_wrapper .title br { display: none; } } .strips .content_wrapper .title p { margin: 0; } .strips .content_wrapper .title H2 { font-size: 1.45em; display: block; font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: 0.063vw; color: var(--Secondary-06, #0D54D8); margin: 0; } .strips .content_wrapper .title H2 br { display: block; } @media (min-width: 768px) { .strips .content_wrapper .title H2 { font-size: 1.667vw; font-weight: 600; line-height: 130%; } } .strips .content_wrapper .title .link_button { display: flex; height: 2.32em; min-width: 8.75em; padding: 0.875em; justify-content: center; align-items: center; border-radius: 0.5em; background: var(--Primary-vivid-blue, #06F); font-size: 1em; font-style: normal; font-weight: 600; } @media (min-width: 768px) { .strips .content_wrapper .title .link_button { height: 3.125vw; min-width: 10.417vw; padding: 0.417vw 2.5vw; gap: 1.458vw; border-radius: 0.833vw; font-size: var(--desktop-font-size, 1.042vw); } } .strips .content_wrapper .title .link_button:hover { background: var(--Secondary-06, #0D54D8); color: white; } .strips .content_wrapper .title .link_button:active { background: var(--Primary-main-dark, #070762); color: white; } .strips .content_wrapper .title .link_button:after { content: unset; } .strips .content_wrapper .strip_list_container, .strips .content_wrapper .strip_list_carousel { display: flex; justify-content: flex-end; flex-direction: column; align-items: flex-start; gap: 1.25em; align-self: stretch; margin: 30px 0; } @media (min-width: 768px) { .strips .content_wrapper .strip_list_container, .strips .content_wrapper .strip_list_carousel { flex-direction: row; margin: 2.5vw 0; gap: 1.667vw; } } .strips .content_wrapper .strip_list_container .strip, .strips .content_wrapper .strip_list_carousel .strip { display: flex !important; width: 100%; flex-direction: column; align-items: flex-start; flex: 1 0 0; align-self: stretch; padding: 20px; border-radius: 20px; border: 2px solid var(--Neutral-white, #FFF); background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0px 0px 20px 0px rgba(7, 7, 98, 0.1), 0px 15px 60px -30px rgba(7, 7, 98, 0.4); backdrop-filter: blur(20px); color: var(--Brand-Main-Blue, #070762); text-align: right; font-style: normal; font-size: 16px; font-weight: 400; line-height: 160%; } @media (min-width: 768px) { .strips .content_wrapper .strip_list_container .strip, .strips .content_wrapper .strip_list_carousel .strip { width: 16.813vw; padding: 2.19vw 2.08vw 2.19vw 2.08vw; border-radius: 1.042vw; border: 0.104vw solid var(--Neutral-white, #FFF); box-shadow: 0 0 1.042vw 0 rgba(7, 7, 98, 0.1), 0 0.781vw 3.125vw -1.563vw rgba(7, 7, 98, 0.4); backdrop-filter: blur(1.042vw); } } @media (min-width: 768px) { .strips .content_wrapper .strip_list_container .strip, .strips .content_wrapper .strip_list_carousel .strip { font-size: var(--desktop-font-size, 1.042vw); } } .strips .content_wrapper .strip_list_container .strip p, .strips .content_wrapper .strip_list_carousel .strip p { margin: 0; } .strips .content_wrapper .strip_list_container .strip H3, .strips .content_wrapper .strip_list_carousel .strip H3 { font-size: 20px; font-style: normal; font-weight: 700; line-height: 120%; margin: 0; } @media (min-width: 768px) { .strips .content_wrapper .strip_list_container .strip H3, .strips .content_wrapper .strip_list_carousel .strip H3 { font-size: 1.25vw; font-weight: 600; } } .strips .content_wrapper .strip_list_container .strip .complex-link, .strips .content_wrapper .strip_list_carousel .strip .complex-link { justify-content: start; } .strips .content_wrapper .strip_list_container .strip .complex-link a, .strips .content_wrapper .strip_list_carousel .strip .complex-link a { text-decoration: none; font-weight: 600; color: var(--Primary-vivid-blue, #06F); } .strips .content_wrapper .strip_list_container .strip .complex-link a:hover, .strips .content_wrapper .strip_list_carousel .strip .complex-link a:hover { color: var(--Secondary-06, #0D54D8); } .strips .content_wrapper .strip_list_container .strip .complex-link a:active, .strips .content_wrapper .strip_list_carousel .strip .complex-link a:active { color: var(--Primary-main-dark, #070762); } .strips .content_wrapper .strip_list_container .strip .complex-link a:after, .strips .content_wrapper .strip_list_carousel .strip .complex-link a:after { content: ">"; } .strips .content_wrapper .strip_list_container .strip .complex-link.button a, .strips .content_wrapper .strip_list_carousel .strip .complex-link.button a { display: flex; height: 3.125vw; min-width: 10.417vw; padding: 0.417vw 2.5vw; justify-content: center; align-items: center; gap: 1.458vw; border-radius: 0.833vw; background: var(--Primary-vivid-blue, #06F); font-size: var(--desktop-font-size, 1.042vw); font-style: normal; font-weight: 600; color: white; } @media (max-width: 768px) { .strips .content_wrapper .strip_list_container .strip .complex-link.button a, .strips .content_wrapper .strip_list_carousel .strip .complex-link.button a { height: 2.32em; min-width: 8.75em; padding: 0.875em; border-radius: 0.5em; font-size: 1em; margin-top: 10px; } } .strips .content_wrapper .strip_list_container .strip .complex-link.button a:hover, .strips .content_wrapper .strip_list_carousel .strip .complex-link.button a:hover { background: var(--Secondary-06, #0D54D8); color: white; text-decoration: none; } .strips .content_wrapper .strip_list_container .strip .complex-link.button a:active, .strips .content_wrapper .strip_list_carousel .strip .complex-link.button a:active { background: var(--Primary-main-dark, #070762); color: white; } .strips .content_wrapper .strip_list_container .strip .complex-link.button a:after, .strips .content_wrapper .strip_list_carousel .strip .complex-link.button a:after { content: unset; } .strips .content_wrapper .strip_list_container .strip .content, .strips .content_wrapper .strip_list_carousel .strip .content { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; flex-grow: 1; gap: 30px; } @media (min-width: 768px) { .strips .content_wrapper .strip_list_container .strip .content, .strips .content_wrapper .strip_list_carousel .strip .content { width: 100%; gap: 1.56vw; } } .strips .content_wrapper .strip_list_container .strip .content .image, .strips .content_wrapper .strip_list_carousel .strip .content .image { height: 210px; align-self: stretch; border-radius: 10px; } @media (min-width: 768px) { .strips .content_wrapper .strip_list_container .strip .content .image, .strips .content_wrapper .strip_list_carousel .strip .content .image { height: 10.94vw; border-radius: 0.521vw; } } .strips .content_wrapper .strip_list_container .strip .content .strip_data .text, .strips .content_wrapper .strip_list_container .strip .content .strip_data .link, .strips .content_wrapper .strip_list_carousel .strip .content .strip_data .text, .strips .content_wrapper .strip_list_carousel .strip .content .strip_data .link { display: flex; flex-direction: column; } .strips .content_wrapper .strip_list_container .strip .content .strip_data .text, .strips .content_wrapper .strip_list_carousel .strip .content .strip_data .text { gap: 20px; } @media (min-width: 768px) { .strips .content_wrapper .strip_list_container .strip .content .strip_data .text, .strips .content_wrapper .strip_list_carousel .strip .content .strip_data .text { gap: 1.04vw; } } .strips .content_wrapper .strip_list_container .strip .content .strip_data .strip_link, .strips .content_wrapper .strip_list_carousel .strip .content .strip_data .strip_link { display: none; } .strips .content_wrapper .legal_note { font-size: 14px; font-style: normal; font-weight: 200; line-height: 130%; letter-spacing: 0.28px; margin: 0; } @media (min-width: 768px) { .strips .content_wrapper .legal_note { font-size: 14px; letter-spacing: 0.015vw; } } @keyframes shadowMove_ball { 0% { -webkit-transform: translateX(-1000px) scale(1); transform: translateX(-1000px) scale(1); opacity: 1; } 80% { -webkit-transform: translateX(0px) scale(1); transform: translateX(0px) scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .carousel { padding: 2.94em 0 1.77em 0; background: none; } @media (min-width: 768px) { .carousel { padding: 2.08vw 13.285vw 2.08vw 0; } } .carousel .content_wrapper .title, .carousel .content_wrapper .legal_note { padding-right: 1.176em; } @media (min-width: 768px) { .carousel .content_wrapper .title, .carousel .content_wrapper .legal_note { padding-right: 2.08vw; } } .carousel .content_wrapper .legal_note { margin: 0; } .carousel .content_wrapper .strip_list .strip_list_carousel { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row; margin: 0; } .carousel .content_wrapper .strip_list .strip_list_carousel .slick-list { padding: 20px 20px 40px 11% !important; } @media (min-width: 768px) { .carousel .content_wrapper .strip_list .strip_list_carousel .slick-list { padding: 2.08vw 2.08vw 2.08vw 15% !important; } } .carousel .content_wrapper .strip_list .strip_list_carousel .slick-track { display: flex; } .carousel .content_wrapper .strip_list .strip_list_carousel .slick-track .slick-slide { display: flex; height: auto; } .carousel .content_wrapper .strip_list .strip_list_carousel .slick-track .slick-slide > div { display: flex; } .carousel .content_wrapper .strip_list .strip_list_carousel .slick-arrow { direction: rtl; display: none !important; } @media (min-width: 768px) { .carousel .content_wrapper .strip_list .strip_list_carousel .slick-arrow { display: inline-block !important; width: 2.08vw; height: 2.08vw; background-repeat: no-repeat; background-position: center center; background-size: contain; position: absolute; z-index: 1; top: -1.25vw; } .carousel .content_wrapper .strip_list .strip_list_carousel .slick-arrow:before { content: "" !important; } .carousel .content_wrapper .strip_list .strip_list_carousel .slick-arrow.slick-prev { right: 100%; margin-right: -17.5vw; background-image: url(/images/leumi_new/paragraphs/arrow-right.svg); } .carousel .content_wrapper .strip_list .strip_list_carousel .slick-arrow.slick-prev.slick-disabled { background-image: url(/images/leumi_new/paragraphs/arrow-right-disabled.svg); } .carousel .content_wrapper .strip_list .strip_list_carousel .slick-arrow.slick-next { left: 13.285vw; background-image: url(/images/leumi_new/paragraphs/arrow-left.svg); } .carousel .content_wrapper .strip_list .strip_list_carousel .slick-arrow.slick-next.slick-disabled { background-image: url(/images/leumi_new/paragraphs/arrow-left-disabled.svg); } } .carousel .content_wrapper .strip_list .strip_list_carousel .slick-arrow:focus-visible { outline: 2px solid; outline-offset: 2px; } .carousel .content_wrapper .strip_list .strip_list_carousel .strip { width: 280px !important; } @media (min-width: 768px) { .carousel .content_wrapper .strip_list .strip_list_carousel .strip { width: 33.33vw !important; height: 15.1vw; } } .carousel .content_wrapper .strip_list .strip_list_carousel .strip .strip_link { display: flex; } @media (min-width: 768px) { .carousel .content_wrapper .strip_list .strip_list_carousel .strip .strip_link { display: none; } } .carousel .content_wrapper .strip_list .strip_list_carousel .strip .content { gap: 20px; flex-direction: column; } @media (min-width: 768px) { .carousel .content_wrapper .strip_list .strip_list_carousel .strip .content { flex-direction: row; gap: 1.72vw; } } .carousel .content_wrapper .strip_list .strip_list_carousel .strip .content .image { width: 100%; border-radius: 10px; } @media (min-width: 768px) { .carousel .content_wrapper .strip_list .strip_list_carousel .strip .content .image { height: 10.99vw; width: 13.7vw; border-radius: 0.52vw; object-fit: cover; object-position: center; } } .carousel .content_wrapper .strip_list .strip_list_carousel .strip .content .strip_data { display: flex; line-height: 130%; align-self: stretch; flex-direction: column; } @media (min-width: 768px) { .carousel .content_wrapper .strip_list .strip_list_carousel .strip .content .strip_data { width: 13.7vw; } } .carousel .content_wrapper .strip_list .strip_list_carousel .strip .content .strip_data .text { flex-grow: 1; line-height: 160%; gap: 0px; } @media (max-width: 767px) { .carousel .content_wrapper .strip_list .strip_list_carousel .strip .content .strip_data .text { gap: 10px; margin-bottom: 10px; font-size: 16px; font-weight: 400; line-height: 125%; } } .carousel .content_wrapper .strip_list .strip_list_carousel .strip .content .strip_data .text H3 { font-size: 20px; font-weight: 700; line-height: 130%; } @media (min-width: 768px) { .carousel .content_wrapper .strip_list .strip_list_carousel .strip .content .strip_data .text H3 { font-size: 1.67vw; font-weight: 600; margin: -0.31vw 0 0 0; } } .carousel .content_wrapper .strip_list .strip_list_carousel .strip .content .strip_data .strip_link { display: none; } @media (min-width: 768px) { .carousel .content_wrapper .strip_list .strip_list_carousel .strip .content .strip_data .strip_link { display: flex; } } .strip_with_text { padding: 2.94em 1.176em; position: relative; } @media (min-width: 768px) { .strip_with_text { padding: 2.08vw 15.365vw; background: linear-gradient(180deg, #FFF 72%, #ECEBEF 50%, #FAFAFA 77%, #FFF 97%); overflow: hidden; } } @media (min-width: 769px) { .strip_with_text.start_ball_animation .floating_ball { left: 0; opacity: 1; transform: translateX(5.365vw); transition: 1400ms; } .strip_with_text.start_ball_animation .floating_ball .ball { display: block; transform: rotate(360deg); transition: 1400ms; } } .strip_with_text .bg_img { display: none; } @media (max-width: 767px) { .strip_with_text .bg_img { display: block; max-height: 100%; overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; max-width: 100%; } .strip_with_text .bg_img img { object-fit: cover; height: auto; width: 100%; display: block; } } .strip_with_text .floating_ball { display: none; } @media (min-width: 769px) { .strip_with_text .floating_ball { display: flex; opacity: 0; background-image: url("/images/leumi_new/HP/Shadow-Ball-Leumi.png"); background-repeat: no-repeat; position: absolute; height: 18.854vw; width: 21.158vw; background-position: bottom; align-items: flex-end; z-index: 0; left: -15.365vw; bottom: 2.92vw; } .strip_with_text .floating_ball .ball { height: auto; width: 21.158vw; background-color: transparent; } } .strip_with_text .content { position: relative; display: flex; padding: 40px 20px; justify-content: flex-start; align-items: flex-start; gap: 20px; align-self: stretch; border-radius: 20px; border: 2px solid var(--Neutral-white, #FFF); background: linear-gradient(94deg, rgba(0, 0, 0, 0) 35.05%, rgba(0, 0, 0, 0.01) 60.77%), linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0px 0px 20px 0px rgba(7, 7, 98, 0.1), 0px 15px 60px -30px rgba(7, 7, 98, 0.4); backdrop-filter: blur(20px); flex-direction: column; margin-bottom: 20px; } @media (min-width: 768px) { .strip_with_text .content { padding: 3.39vw; gap: 3.125vw; border-radius: 1.042vw; border: 0.104vw solid var(--Neutral-white, #FFF); box-shadow: 0 0 1.042vw 0 rgba(7, 7, 98, 0.1), 0 0.781vw 3.125vw -1.563vw rgba(7, 7, 98, 0.4); backdrop-filter: blur(1.042vw); flex-direction: row; margin-bottom: 0; } } .strip_with_text .content .title { display: flex; flex-direction: column; justify-content: center; align-items: start; flex-shrink: 0; color: var(--Primary-main-dark, #070762); text-align: right; font-size: 0.94em; font-style: normal; font-weight: 400; line-height: 125%; gap: 1.25em; } @media (min-width: 768px) { .strip_with_text .content .title { padding: 0; font-size: 1.25vw; gap: 1.283vw; width: 18.594vw; } } @media (max-width: 767px) { .strip_with_text .content .title br { display: none; } } .strip_with_text .content .title p, .strip_with_text .content .title ul, .strip_with_text .content .title ol { margin: 0; } .strip_with_text .content .title H2 { display: block; font-size: 1.45em; font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: 0.063vw; color: var(--Secondary-06, #0D54D8); margin: 0; } @media (min-width: 768px) { .strip_with_text .content .title H2 { font-size: 1.67vw; font-weight: 600; line-height: 115%; } } .strip_with_text .content .text { display: flex; flex-direction: column; color: var(--Brand-Main-Blue, #070762); text-align: right; font-style: normal; font-weight: 400; font-size: 0.94em; line-height: 125%; gap: 1.25em; } @media (min-width: 768px) { .strip_with_text .content .text { font-size: var(--desktop-font-size, 1.042vw); line-height: 160%; gap: 1.667vw; } .strip_with_text .content .text ul { margin: 0; padding-right: 0.89vw; } .strip_with_text .content .text ul li::marker { color: var(--Primary-vivid-blue, #06F); } } @media (max-width: 767px) { .strip_with_text .content .text br { display: none; } .strip_with_text .content .text ul { list-style-type: none; padding: 0; margin-bottom: 0; } .strip_with_text .content .text ul li { background: url(/images/leumi_new/paragraphs/blueBall.svg) no-repeat right 4px; background-size: auto; padding-right: 20px; } .strip_with_text .content .text ul li a { display: block; } } .strip_with_text .content .text p, .strip_with_text .content .text ol { margin: 0; } .strip_with_text .content .text H3, .strip_with_text .content .text strong { font-size: 1.667vw; font-style: normal; font-weight: 600; line-height: 130%; margin: 0; } .strip_with_text .content .text a { text-decoration: none; color: var(--Primary-vivid-blue, #06F); } .strip_with_text .content .text a[href*=".pdf"]:before { content: ""; background-image: url(/images/leumi_new/article/pdf.svg) !important; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 14px; height: 18px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .strip_with_text .content .text a[href*=".pdf"]:before { width: 0.833vw; height: 0.833vw; margin: 0 0 0 0.365vw; } } .strip_with_text .content .text a[href*=".pdf"]:hover { color: var(--Secondary-06, #0D54D8); } .strip_with_text .content .text a[href*=".pdf"]:hover:before { background-image: url(/images/leumi_new/article/pdfHover.svg) !important; } .strip_with_text .content .text a[href*=".pdf"]:active { color: var(--Primary-main-dark, #070762); } .strip_with_text .content .text a[href*=".pdf"]:active:before { background-image: url(/images/leumi_new/article/pdfPressed.svg) !important; } .strip_with_text .content .text a[href*=".xlsx"]:before, .strip_with_text .content .text a[href*=".xsl"]:before { content: ""; background-image: url(/images/leumi_new/article/excel.svg) !important; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 14px; height: 18px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .strip_with_text .content .text a[href*=".xlsx"]:before, .strip_with_text .content .text a[href*=".xsl"]:before { width: 0.833vw; height: 0.833vw; margin: 0 0 0 0.365vw; } } .strip_with_text .content .text a[href*=".xlsx"]:hover, .strip_with_text .content .text a[href*=".xsl"]:hover { color: var(--Secondary-06, #0D54D8); } .strip_with_text .content .text a[href*=".xlsx"]:hover:before, .strip_with_text .content .text a[href*=".xsl"]:hover:before { background-image: url(/images/leumi_new/article/excelHover.svg) !important; } .strip_with_text .content .text a[href*=".xlsx"]:active, .strip_with_text .content .text a[href*=".xsl"]:active { color: var(--Primary-main-dark, #070762); } .strip_with_text .content .text a[href*=".xlsx"]:active:before, .strip_with_text .content .text a[href*=".xsl"]:active:before { background-image: url(/images/leumi_new/article/excelPressed.svg) !important; } .strip_with_text .content .text a[href*=".doc"]:before, .strip_with_text .content .text a[href*=".docx"]:before { content: ""; background-image: url(/images/leumi_new/article/word.svg) !important; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 14px; height: 18px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .strip_with_text .content .text a[href*=".doc"]:before, .strip_with_text .content .text a[href*=".docx"]:before { width: 0.833vw; height: 0.833vw; margin: 0 0 0 0.365vw; } } .strip_with_text .content .text a[href*=".doc"]:hover, .strip_with_text .content .text a[href*=".docx"]:hover { color: var(--Secondary-06, #0D54D8); } .strip_with_text .content .text a[href*=".doc"]:hover:before, .strip_with_text .content .text a[href*=".docx"]:hover:before { background-image: url(/images/leumi_new/article/wordHover.svg) !important; } .strip_with_text .content .text a[href*=".doc"]:active, .strip_with_text .content .text a[href*=".docx"]:active { color: var(--Primary-main-dark, #070762); } .strip_with_text .content .text a[href*=".doc"]:active:before, .strip_with_text .content .text a[href*=".docx"]:active:before { background-image: url(/images/leumi_new/article/wordPressed.svg) !important; } .strip_with_text .content .text a[href*=".jpg"]:before, .strip_with_text .content .text a[href*=".png"]:before { content: ""; background-image: url(/images/leumi_new/article/jpg.svg) !important; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 14px; height: 18px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .strip_with_text .content .text a[href*=".jpg"]:before, .strip_with_text .content .text a[href*=".png"]:before { width: 0.833vw; height: 0.833vw; margin: 0 0 0 0.365vw; } } .strip_with_text .content .text a[href*=".jpg"]:hover, .strip_with_text .content .text a[href*=".png"]:hover { color: var(--Secondary-06, #0D54D8); } .strip_with_text .content .text a[href*=".jpg"]:hover:before, .strip_with_text .content .text a[href*=".png"]:hover:before { background-image: url(/images/leumi_new/article/jpgHover.svg) !important; } .strip_with_text .content .text a[href*=".jpg"]:active, .strip_with_text .content .text a[href*=".png"]:active { color: var(--Primary-main-dark, #070762); } .strip_with_text .content .text a[href*=".jpg"]:active:before, .strip_with_text .content .text a[href*=".png"]:active:before { background-image: url(/images/leumi_new/article/jpgPressed.svg) !important; } .strip_with_text .content .text a:hover { color: var(--Secondary-06, #0D54D8); } .strip_with_text .content .text a:active { color: var(--Primary-main-dark, #070762); } .strip_with_text .content .text .complex-link { justify-content: start; } .strip_with_text .content .text .card_button a { text-decoration: none; font-weight: 600; color: var(--Primary-vivid-blue, #06F); } .strip_with_text .content .text .card_button a:hover { color: var(--Secondary-06, #0D54D8); } .strip_with_text .content .text .card_button a:active { color: var(--Primary-main-dark, #070762); } .strip_with_text .content .text .card_button a:after { content: ">"; } .strip_with_text .content .text .card_button .button a { display: inline-flex; justify-content: center; align-items: center; background: var(--Primary-vivid-blue, #06F); font-style: normal; font-weight: 600; width: unset; color: white; height: 2.32em; min-width: 8.75em; padding: 0.875em; border-radius: 0.5em; font-size: 1em; line-height: 130%; } @media (min-width: 768px) { .strip_with_text .content .text .card_button .button a { height: 3.125vw; min-width: 10.417vw; padding: 0.417vw 2.5vw; gap: 1.458vw; border-radius: 0.833vw; font-size: var(--desktop-font-size, 1.042vw); } } .strip_with_text .content .text .card_button .button a:hover { background: var(--Secondary-06, #0D54D8); color: white; } .strip_with_text .content .text .card_button .button a:active { background: var(--Primary-main-dark, #070762); color: white; } .strip_with_text .content .text .card_button .button a:after { content: unset; } .strip_with_text .content .text .extraSmall { display: block; font-style: normal; font-weight: 200; line-height: 130%; font-size: 14px; letter-spacing: 0.28px; } @media (min-width: 768px) { .strip_with_text .content .text .extraSmall { font-size: 14px; letter-spacing: 0.015vw; } } .leumi_new_design.inner_page .iframepadding { display: flex; padding: 2.94em 1.77em 1.77em 1.77em; position: relative; flex-direction: column; justify-content: center; align-items: center; gap: 1.2em; } .leumi_new_design.inner_page .iframepadding .desc12 { width: 100%; } @media (min-width: 768px) { .leumi_new_design.inner_page .iframepadding { padding: 2.08vw 15.365vw; gap: 2.083vw; } } .leumi_new_design.inner_page .iframe-title { text-align: right; color: var(--Secondary-06, #0D54D8); font-size: 20px; font-style: normal; font-weight: 700; line-height: 130%; /* 55.2px */ letter-spacing: 1.2px; margin: 0; } @media (min-width: 768px) { .leumi_new_design.inner_page .iframe-title { font-size: 1.67vw; font-weight: 600; line-height: 115%; /* 55.2px */ } } .leumi_new_design.inner_page .description-iframe { color: var(--Primary-main-dark, #070762); text-align: right; font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; } @media (min-width: 768px) { .leumi_new_design.inner_page .description-iframe { font-size: var(--desktop-font-size, 1.042vw); font-weight: 400; line-height: 160%; } } .leumi_new_design.inner_page .leumi-iframe { border-radius: 0.25em; } @media (min-width: 768px) { .leumi_new_design.inner_page .leumi-iframe { border-radius: 1.042vw; } } .leumi_new_design.inner_page .leumi-iframe.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; iframe-display: none; } .leumi_new_design.inner_page .leumi-iframe.embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .leumi_new_design.inner_page .leumi-iframe.embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } .leumi_new_design.inner_page .leumi-iframe.embed-responsive.embed-responsive-forex { padding-bottom: 742px; } @media (min-width: 768px) { .leumi_new_design.inner_page .leumi-iframe.embed-responsive.embed-responsive-forex { padding-bottom: 420px; } } .leumi_new_design.inner_page .leumi-iframe.embed-responsive.embed-responsive-forex-extended { padding-bottom: 750px; } @media (min-width: 768px) { .leumi_new_design.inner_page .leumi-iframe.embed-responsive.embed-responsive-forex-extended { padding-bottom: 890px; } } .leumi_new_design.inner_page .leumi-iframe.embed-responsive iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .leumi_new_design.inner_page .leumi-iframe.embed-responsive img { background-color: transparent; width: 100%; height: auto; border-radius: 1.042vw; } .leumi_new_design.inner_page .leumi-iframe.embed-responsive img.video { position: absolute; width: 6.25vw; height: 6.25vw; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .leumi_new_design.inner_page iframe { border: 0; width: 100%; max-width: 100%; } .leumi_new_design .node-inner-page .article { padding: 2.94em 1.176em 1.77em 0; } @media (min-width: 769px) { .leumi_new_design .node-inner-page .article { padding: 2.08vw 15.365vw; } } .leumi_new_design .node-inner-page .article .container { padding: 0; gap: 1.283vw; margin: 0; max-width: unset; } .leumi_new_design .node-inner-page .article p { margin: 0px; } @media (max-width: 768px) { .leumi_new_design .node-inner-page .article p { font-size: var(--desktop-font-size, 1.042vw); padding-left: 1.176em; } } .leumi_new_design .node-inner-page .article p img { max-width: 100%; height: auto; } .leumi_new_design .node-inner-page .tabs-content .article { padding: 2.94em 0 1.77em 0; color: var(--Brand-Main-Blue, #070762); text-align: right; font-style: normal; font-size: 16px; font-weight: 400; line-height: 160%; /*H3,strong { display: block; font-size: 20px; font-style: normal; font-weight: 700; line-height: 130%; //line-height: 120%; margin: 0; @media (min-width: 768px) { font-weight: 600; font-size: 1.25vw; margin-bottom: 0.52vw; } }*/ } @media (min-width: 769px) { .leumi_new_design .node-inner-page .tabs-content .article { padding: 2.08vw 0vw; } } @media (min-width: 768px) { .leumi_new_design .node-inner-page .tabs-content .article { margin-right: -0.938vw; font-size: var(--desktop-font-size, 1.042vw); } } .leumi_new_design .node-inner-page .tabs-content .article p { margin: 0; } .leumi_new_design .node-inner-page .tabs-content .article li, .leumi_new_design .node-inner-page .tabs-content .article p { font-size: 16px; } @media (min-width: 768px) { .leumi_new_design .node-inner-page .tabs-content .article li, .leumi_new_design .node-inner-page .tabs-content .article p { font-size: var(--desktop-font-size, 1.042vw); } } .leumi_new_design .article h1.text-align-center, .leumi_new_design .article h2.text-align-center, .leumi_new_design .article h3.text-align-center, .leumi_new_design .article h4.text-align-center, .leumi_new_design .article h5.text-align-center, .leumi_new_design .article h6.text-align-center, .leumi_new_design .article p.text-align-center { text-align: center; } .leumi_new_design .article h1.text-align-left, .leumi_new_design .article h2.text-align-left, .leumi_new_design .article h3.text-align-left, .leumi_new_design .article h4.text-align-left, .leumi_new_design .article h5.text-align-left, .leumi_new_design .article h6.text-align-left, .leumi_new_design .article p.text-align-left { text-align: left; } .leumi_new_design .article h1.text-align-right, .leumi_new_design .article h2.text-align-right, .leumi_new_design .article h3.text-align-right, .leumi_new_design .article h4.text-align-right, .leumi_new_design .article h5.text-align-right, .leumi_new_design .article h6.text-align-right, .leumi_new_design .article p.text-align-right { text-align: right; } .leumi_new_design .article h2 { font-size: var(--h2-font-size, 20px); font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: 0.063vw; color: var(--Secondary-06, #0D54D8); margin-bottom: 0.8em; padding-right: 1.176em; } @media (min-width: 769px) { .leumi_new_design .article h2 { font-weight: 600; line-height: 115%; margin-bottom: 1.283vw; padding: 0; } } .leumi_new_design .article h3 { color: var(--Primary-main-dark, #070762); font-style: normal; font-size: var(--h3-font-size, 16px); } @media (min-width: 769px) { .leumi_new_design .article h3 { font-weight: 700; line-height: 130%; /* 26px */ } } .leumi_new_design .article a { text-decoration: none; font-weight: 600; color: var(--Primary-vivid-blue, #06F); } .leumi_new_design .article a[href*=".pdf"]:before { content: ""; background-image: url(/images/leumi_new/article/pdf.svg) !important; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 14px; height: 18px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .leumi_new_design .article a[href*=".pdf"]:before { width: 0.833vw; height: 0.833vw; margin: 0 0 0 0.365vw; } } .leumi_new_design .article a[href*=".pdf"]:hover { color: var(--Secondary-06, #0D54D8); } .leumi_new_design .article a[href*=".pdf"]:hover:before { background-image: url(/images/leumi_new/article/pdfHover.svg) !important; } .leumi_new_design .article a[href*=".pdf"]:active { color: var(--Primary-main-dark, #070762); } .leumi_new_design .article a[href*=".pdf"]:active:before { background-image: url(/images/leumi_new/article/pdfPressed.svg) !important; } .leumi_new_design .article a[href*=".xlsx"]:before, .leumi_new_design .article a[href*=".xsl"]:before { content: ""; background-image: url(/images/leumi_new/article/excel.svg) !important; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 14px; height: 18px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .leumi_new_design .article a[href*=".xlsx"]:before, .leumi_new_design .article a[href*=".xsl"]:before { width: 0.833vw; height: 0.833vw; margin: 0 0 0 0.365vw; } } .leumi_new_design .article a[href*=".xlsx"]:hover, .leumi_new_design .article a[href*=".xsl"]:hover { color: var(--Secondary-06, #0D54D8); } .leumi_new_design .article a[href*=".xlsx"]:hover:before, .leumi_new_design .article a[href*=".xsl"]:hover:before { background-image: url(/images/leumi_new/article/excelHover.svg) !important; } .leumi_new_design .article a[href*=".xlsx"]:active, .leumi_new_design .article a[href*=".xsl"]:active { color: var(--Primary-main-dark, #070762); } .leumi_new_design .article a[href*=".xlsx"]:active:before, .leumi_new_design .article a[href*=".xsl"]:active:before { background-image: url(/images/leumi_new/article/excelPressed.svg) !important; } .leumi_new_design .article a[href*=".doc"]:before, .leumi_new_design .article a[href*=".docx"]:before { content: ""; background-image: url(/images/leumi_new/article/word.svg) !important; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 14px; height: 18px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .leumi_new_design .article a[href*=".doc"]:before, .leumi_new_design .article a[href*=".docx"]:before { width: 0.833vw; height: 0.833vw; margin: 0 0 0 0.365vw; } } .leumi_new_design .article a[href*=".doc"]:hover, .leumi_new_design .article a[href*=".docx"]:hover { color: var(--Secondary-06, #0D54D8); } .leumi_new_design .article a[href*=".doc"]:hover:before, .leumi_new_design .article a[href*=".docx"]:hover:before { background-image: url(/images/leumi_new/article/wordHover.svg) !important; } .leumi_new_design .article a[href*=".doc"]:active, .leumi_new_design .article a[href*=".docx"]:active { color: var(--Primary-main-dark, #070762); } .leumi_new_design .article a[href*=".doc"]:active:before, .leumi_new_design .article a[href*=".docx"]:active:before { background-image: url(/images/leumi_new/article/wordPressed.svg) !important; } .leumi_new_design .article a[href*=".jpg"]:before, .leumi_new_design .article a[href*=".png"]:before { content: ""; background-image: url(/images/leumi_new/article/jpg.svg) !important; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 14px; height: 18px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .leumi_new_design .article a[href*=".jpg"]:before, .leumi_new_design .article a[href*=".png"]:before { width: 0.833vw; height: 0.833vw; margin: 0 0 0 0.365vw; } } .leumi_new_design .article a[href*=".jpg"]:hover, .leumi_new_design .article a[href*=".png"]:hover { color: var(--Secondary-06, #0D54D8); } .leumi_new_design .article a[href*=".jpg"]:hover:before, .leumi_new_design .article a[href*=".png"]:hover:before { background-image: url(/images/leumi_new/article/jpgHover.svg) !important; } .leumi_new_design .article a[href*=".jpg"]:active, .leumi_new_design .article a[href*=".png"]:active { color: var(--Primary-main-dark, #070762); } .leumi_new_design .article a[href*=".jpg"]:active:before, .leumi_new_design .article a[href*=".png"]:active:before { background-image: url(/images/leumi_new/article/jpgPressed.svg) !important; } .leumi_new_design .article a:hover { color: var(--Secondary-06, #0D54D8); } .leumi_new_design .article a:active { color: var(--Primary-main-dark, #070762); } .leumi_new_design .article a.link_button { color: white; } .leumi_new_design .article a.link_button:hover { background-color: var(--Secondary-06, #0D54D8); } .leumi_new_design .article a.link_button:active { border-radius: 16px; background-color: var(--Secondary-07, #0B3BB1); } .leumi_new_design .article .body { font-size: var(--desktop-font-size, 1.042vw); font-style: normal; font-weight: 400; line-height: 160%; } @media (max-width: 768px) { .leumi_new_design .article .body { font-size: 16px; line-height: 125%; } } .leumi_new_design .article .body strong { font-weight: bold; } .leumi_new_design .article .body .table-wrapper button.table-arrow { display: none !important; } .leumi_new_design .article .body span.extraSmall { display: block; font-size: 14px; font-style: normal; font-weight: 200; line-height: 130%; letter-spacing: 0.015vw; } @media (max-width: 768px) { .leumi_new_design .article .body span.extraSmall { font-size: 14px; padding-left: 1.176em; } } .leumi_new_design .article .body ul > li::marker { color: var(--Primary-vivid-blue, #06F); font-size: 1.3em; } @media (max-width: 768px) { .leumi_new_design .article .body ul > li { overflow-wrap: break-word; } } .leumi_new_design .article .body .table-container-box { width: 100%; } @media (max-width: 768px) { .leumi_new_design .article .body .table-container-box { padding-left: 20px; } .leumi_new_design .article .body .table-container-box table.tableMobileBox { width: 100%; border-collapse: collapse; margin: auto; } .leumi_new_design .article .body .table-container-box thead { display: none; } .leumi_new_design .article .body .table-container-box tr { margin-bottom: 15px; background-color: #f9f9f9; display: flex; flex-direction: row; flex-wrap: wrap; backdrop-filter: blur(40px); box-shadow: 0px 15px 60px -30px rgba(7, 7, 98, 0.4); border: 2px solid white; } .leumi_new_design .article .body .table-container-box tr td { display: flex; justify-content: flex-start; gap: 10px; padding: 10px; border: none; position: relative; flex-direction: column; align-items: flex-start; color: #070762; font-size: 16px; line-height: 120%; } .leumi_new_design .article .body .table-container-box tr td:first-of-type { background: rgba(224, 236, 254, 0.5); border-width: 2px; flex-direction: row; border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; line-height: 120%; letter-spacing: 0px; text-align: right; color: #0D54D8; font-size: var(--desktop-font-size, 1.042vw); } .leumi_new_design .article .body .table-container-box tr td:first-of-type::before { font-size: var(--desktop-font-size, 1.042vw); color: #070762; } .leumi_new_design .article .body .table-container-box tr td::before { content: attr(data-label); font-weight: 400; font-size: 14px; line-height: 120%; letter-spacing: 0px; text-align: right; color: #0D54D8; } } .leumi_new_design .article .legal_note { font-size: 14px; font-style: normal; font-weight: 200; line-height: 130%; letter-spacing: 0.28px; margin: 0; } @media (min-width: 768px) { .leumi_new_design .article .legal_note { font-size: 14px; letter-spacing: 0.015vw; } } .leumi_new_design .article .legal_note p { padding: 0px; margin: 0px; } .leumi_new_design .article.bg_light_blue { background: var(--Primary-Background-Light-blue-gray, #F8FAFC); } @media (max-width: 768px) { .leumi_new_design .modal-body .article .body { overflow: auto; } } .leumi_new_design.page .article, .leumi_new_design.campaign_page .article { width: 100%; padding-top: 1.042vw; padding-bottom: 1.042vw; } .leumi_new_design .investor-relation .article { padding: 40px 24px 40px 0; position: relative; } @media (min-width: 769px) { .leumi_new_design .investor-relation .article { margin: 5vw 5.83vw; padding: 0; } } .leumi_new_design .investor-relation .article .container { max-width: unset; padding: 0; } @media (min-width: 769px) { .leumi_new_design .investor-relation .article.padding_left { padding-right: 20.52vw; } } .leumi_new_design .investor-relation .article H3.title { text-align: right; color: var(--text-Text, #070762); font-size: 24px; font-weight: 600; line-height: 32px; padding: 0; } @media (min-width: 769px) { .leumi_new_design .investor-relation .article H3.title { position: absolute; right: 0; top: 0; max-width: 16.52vw; font-size: 1.67vw; line-height: 2.5vw; } } .leumi_new_design .investor-relation .article H2 { color: var(--text-Text, #070762); font-size: 24px; font-weight: 600; line-height: 32px; } @media (min-width: 769px) { .leumi_new_design .investor-relation .article H2 { font-size: 2.08vw; line-height: 2.5vw; } } .leumi_new_design .investor-relation .article H3 { color: var(--text-Text, #070762); font-size: 24px; font-weight: 600; line-height: 32px; } @media (min-width: 769px) { .leumi_new_design .investor-relation .article H3 { font-size: 1.67vw; line-height: 2.5vw; } } .leumi_new_design .investor-relation .article .body { color: var(--body-base, #64647B); font-size: 18px; font-weight: 400; line-height: 32px; } .leumi_new_design .investor-relation .article .body H2, .leumi_new_design .investor-relation .article .body H3, .leumi_new_design .investor-relation .article .body p { position: relative; padding: 0; padding-left: 24px; } @media (min-width: 769px) { .leumi_new_design .investor-relation .article .body H2, .leumi_new_design .investor-relation .article .body H3, .leumi_new_design .investor-relation .article .body p { padding: 0; } } @media (min-width: 769px) { .leumi_new_design .investor-relation .article .body { font-size: 0.94vw; line-height: 1.67vw; } } .leumi_new_design .investor-relation .article .body strong { color: var(--text-Text, #070762); font-weight: 600; } .leumi_new_design .investor-relation .article .body H4 { color: var(--text-Text, #070762); font-size: 18px; font-weight: 700; line-height: 28px; } @media (min-width: 769px) { .leumi_new_design .investor-relation .article .body H4 { font-size: 1.25vw; line-height: 1.67vw; } } .leumi_new_design .investor-relation .article .body ul > li::marker { color: var(--Primary-vivid-blue, #1A80FF); } .leumi_new_design .investor-relation .article .body a { text-decoration: none; font-weight: 400; color: var(--Color-Text-subtitle, #10069B); } .leumi_new_design .investor-relation .article .body a[href*=".pdf"]:before, .leumi_new_design .investor-relation .article .body a[href*=".xlsx"]:before, .leumi_new_design .investor-relation .article .body a[href*=".xsl"]:before, .leumi_new_design .investor-relation .article .body a[href*=".docx"]:before, .leumi_new_design .investor-relation .article .body a[href*=".doc"]:before, .leumi_new_design .investor-relation .article .body a[href*=".mp3"]:before, .leumi_new_design .investor-relation .article .body a[href*=".mp4"]:before { content: ""; display: inline-block; /* so it sizes to content */ background: linear-gradient(0deg, #F1F4FE 0%, #F1F4FE 100%), var(--Color-Icon-icon-container, #E7EDFD); width: 24px; /* image width */ height: 24px; border-radius: 8px; background-size: 18px; background-position: center; vertical-align: middle; background-repeat: no-repeat; min-width: 24px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .leumi_new_design .investor-relation .article .body a[href*=".pdf"]:before, .leumi_new_design .investor-relation .article .body a[href*=".xlsx"]:before, .leumi_new_design .investor-relation .article .body a[href*=".xsl"]:before, .leumi_new_design .investor-relation .article .body a[href*=".docx"]:before, .leumi_new_design .investor-relation .article .body a[href*=".doc"]:before, .leumi_new_design .investor-relation .article .body a[href*=".mp3"]:before, .leumi_new_design .investor-relation .article .body a[href*=".mp4"]:before { width: 1.75vw; height: 1.75vw; border-radius: 0.42vw; background-size: 1.5vw; background-position: center; background-repeat: no-repeat; margin: 0 0 0 0.365vw; } } .leumi_new_design .investor-relation .article .body a[href*=".pdf"]:hover:before, .leumi_new_design .investor-relation .article .body a[href*=".xlsx"]:hover:before, .leumi_new_design .investor-relation .article .body a[href*=".xsl"]:hover:before, .leumi_new_design .investor-relation .article .body a[href*=".docx"]:hover:before, .leumi_new_design .investor-relation .article .body a[href*=".doc"]:hover:before, .leumi_new_design .investor-relation .article .body a[href*=".mp3"]:hover:before, .leumi_new_design .investor-relation .article .body a[href*=".mp4"]:hover:before { background: #D6DBF5; width: 24px; height: 24px; border-radius: 8px; background-size: 18px; background-position: center; background-repeat: no-repeat; } @media (min-width: 1001px) { .leumi_new_design .investor-relation .article .body a[href*=".pdf"]:hover:before, .leumi_new_design .investor-relation .article .body a[href*=".xlsx"]:hover:before, .leumi_new_design .investor-relation .article .body a[href*=".xsl"]:hover:before, .leumi_new_design .investor-relation .article .body a[href*=".docx"]:hover:before, .leumi_new_design .investor-relation .article .body a[href*=".doc"]:hover:before, .leumi_new_design .investor-relation .article .body a[href*=".mp3"]:hover:before, .leumi_new_design .investor-relation .article .body a[href*=".mp4"]:hover:before { width: 1.75vw; height: 1.75vw; border-radius: 0.42vw; background-size: 1.5vw; background-position: center; } } .leumi_new_design .investor-relation .article .body a[href*=".pdf"]:before { background-image: url(/images/leumi_new/paragraphs/pdf.svg) !important; } .leumi_new_design .investor-relation .article .body a[href*=".xlsx"]:before, .leumi_new_design .investor-relation .article .body a[href*=".xsl"]:before { background-image: url(/images/leumi_new/paragraphs/xls.svg) !important; } .leumi_new_design .investor-relation .article .body a[href*=".docx"]:before, .leumi_new_design .investor-relation .article .body a[href*=".doc"]:before { background-image: url(/images/leumi_new/paragraphs/docx.svg) !important; } .leumi_new_design .investor-relation .article .body a[href*=".mp3"]:before, .leumi_new_design .investor-relation .article .body a[href*=".mp4"]:before { background-size: 22px; background-image: url(/images/leumi_new/paragraphs/mp3.svg) !important; } @media (min-width: 1001px) { .leumi_new_design .investor-relation .article .body a[href*=".mp3"]:before, .leumi_new_design .investor-relation .article .body a[href*=".mp4"]:before { background-size: 1.5vw; } } @media (min-width: 769px) { .leumi_new_design .investor-relation .article .body a { font-weight: 600; } } .leumi_new_design .investor-relation .article .body a:hover { color: var(--Secondary-06, #0D057D); } .leumi_new_design .investor-relation .article .body a:active { color: var(--Primary-main-dark, #10069B); } .hero_lobby { position: relative; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row; background-repeat: no-repeat; background-size: 100%; background-position: center top; } @media (min-width: 821px) { .hero_lobby { background-size: cover; height: calc(var(--vw) / 1920 * 493); justify-content: flex-start; } } .hero_lobby .content_wrapper { display: flex; flex-direction: column; height: 100%; width: 100%; margin-top: 39.323vh; margin-bottom: 0px; padding: 0 4.444vw; } @media (min-width: 768px) { .hero_lobby .content_wrapper { margin-top: 55.109vh; margin-bottom: 4.3vh; } } @media (min-width: 821px) { .hero_lobby .content_wrapper { margin-right: 15.365vw; margin-top: calc(4.79vw + 5px); width: fit-content; padding: 0; } } .hero_lobby .content_wrapper .content { display: flex; flex-direction: column; border: 2px solid rgba(255, 255, 255, 0.3); box-shadow: 0 0 16.993px 0 rgba(7, 7, 98, 0.1), 0 12.745px 50.979px -25.49px rgba(7, 7, 98, 0.4); border-radius: 4.167vw; background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), radial-gradient(84.72% 40.87% at 63.43% 40.56%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(53.75% 43.79% at 12.18% 68.03%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 99.92%), radial-gradient(149.33% 54.13% at 10.56% 77.97%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%), linear-gradient(137deg, rgba(255, 255, 255, 0.6) 2.74%, rgba(255, 255, 255, 0.06) 20.96%, rgba(255, 255, 255, 0) 30.46%, rgba(255, 255, 255, 0.36) 81.94%); padding: 30px 6.6vw 30px 2.778vw; } @media (min-width: 768px) { .hero_lobby .content_wrapper .content { background: radial-gradient(84.72% 40.87% at 63.43% 40.56%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(50.32% 37.25% at 19.31% 63.76%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 99.92%), radial-gradient(251.64% 82.74% at 10.56% 77.97%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%), linear-gradient(137deg, rgba(255, 255, 255, 0.5) 2.74%, rgba(255, 255, 255, 0.05) 20.96%, rgba(255, 255, 255, 0) 30.46%, rgba(255, 255, 255, 0.3) 81.94%); border: 3px solid rgba(255, 255, 255, 0.3); padding: 4.333vw 6.6vw 4.333vw 2.778vw; } } @media (min-width: 821px) { .hero_lobby .content_wrapper .content { width: 43.02vw; padding-right: 2.604vw; padding-left: 2.604vw; padding-bottom: 1.354vw; padding-top: calc(1.354vw + 26px); border-radius: 1.563vw; max-height: clamp(250px, 38.571vh, 350px); min-height: 15.521vw; justify-content: flex-end; } } .hero_lobby .content_wrapper .content .lobby_title h1 { color: var(--Primary-main-dark, #070762); text-align: right; font-size: 8.932vw; font-style: normal; font-weight: 700; line-height: 110%; margin-bottom: 2.87vh; } @media (min-width: 821px) { .hero_lobby .content_wrapper .content .lobby_title h1 { font-size: 2.865vw; margin-top: 0; margin-bottom: 0; line-height: 100%; } } .hero_lobby .content_wrapper .content .lobby_title h1 p { margin: 0; font-size: inherit; line-height: 100%; } .hero_lobby .content_wrapper .content .lobby_title p { color: var(--Primary-main-dark, #070762); text-align: right; font-size: 4.444vw; font-style: normal; font-weight: 600; line-height: 160%; /* 32px */ } @media (min-width: 821px) { .hero_lobby .content_wrapper .content .lobby_title p { font-size: var(--desktop-font-size, 1.042vw); } } .hero_lobby .content_wrapper .content .lobby_sub_title { color: var(--Primary-main-dark, #070762); text-align: right; font-size: 16px; font-style: normal; font-weight: 600; line-height: 100%; margin-bottom: 24px; } @media (min-width: 821px) { .hero_lobby .content_wrapper .content .lobby_sub_title { padding-top: 2vh; margin-bottom: 0; } } .hero_lobby .content_wrapper .content .lobby_sub_title p { font-size: var(--desktop-font-size, 1.042vw); margin: 0; } .hero_lobby .content_wrapper .content .button_links { display: flex; flex-direction: column; width: fit-content; gap: 20px; align-items: flex-start; } @media (min-width: 821px) { .hero_lobby .content_wrapper .content .button_links { flex-direction: row; gap: 2.296vw; align-items: center; margin-top: 2vh; } } .hero_lobby .content_wrapper .content .lobby_link_1 .complex-link.end.button, .hero_lobby .content_wrapper .content .lobby_link_2 .complex-link.end.button { justify-content: center; } .hero_lobby .content_wrapper .content .lobby_link_1 .complex-link.end.button a, .hero_lobby .content_wrapper .content .lobby_link_2 .complex-link.end.button a { display: inline-flex; height: 37px; min-width: 38.889vw; justify-content: center; align-items: center; gap: 1.458vw; flex-shrink: 0; border-radius: 2.222vw; background-color: #06F; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; /* 30px */ color: white; padding: 0 20px; box-sizing: border-box; } @media (min-width: 821px) { .hero_lobby .content_wrapper .content .lobby_link_1 .complex-link.end.button a, .hero_lobby .content_wrapper .content .lobby_link_2 .complex-link.end.button a { min-width: 10.417vw; height: 3.125vw; font-size: var(--desktop-font-size, 1.042vw); padding: 0.417vw 2.5vw 0.573vw 2.5vw; border-radius: 0.833vw; } } .hero_lobby .content_wrapper .content .lobby_link_1 .complex-link.end.button a:hover, .hero_lobby .content_wrapper .content .lobby_link_2 .complex-link.end.button a:hover { background-color: var(--Secondary-06, #0D54D8); text-decoration: none; } .hero_lobby .content_wrapper .content .lobby_link_2 .complex-link.end:not(.button), .hero_lobby .content_wrapper .content .lobby_link_1 .complex-link.end:not(.button) { display: inline-flex; justify-content: center; align-items: center; gap: 2px; color: var(--Primary-vivid-blue, #06F); text-align: right; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; /* 30px */ letter-spacing: 0.4px; cursor: pointer; } @media (min-width: 821px) { .hero_lobby .content_wrapper .content .lobby_link_2 .complex-link.end:not(.button), .hero_lobby .content_wrapper .content .lobby_link_1 .complex-link.end:not(.button) { font-size: var(--desktop-font-size, 1.042vw); } } .hero_lobby .content_wrapper .content .lobby_link_2 .complex-link.end:not(.button):after, .hero_lobby .content_wrapper .content .lobby_link_1 .complex-link.end:not(.button):after { content: '>' / ''; font-size: 14px; color: var(--Primary-vivid-blue, #06F); font-style: normal; font-weight: 200; line-height: 120%; margin-right: 5px; letter-spacing: 0.28px; text-decoration: none; text-underline: none; } @media (min-width: 769px) { .hero_lobby .content_wrapper .content .lobby_link_2 .complex-link.end:not(.button):after, .hero_lobby .content_wrapper .content .lobby_link_1 .complex-link.end:not(.button):after { font-size: var(--desktop-font-size, 1.042vw); line-height: 100%; font-weight: 400; margin-right: 0.2vw; } } .hero_lobby .content_wrapper .content .lobby_link_2 .complex-link.end:not(.button) a, .hero_lobby .content_wrapper .content .lobby_link_1 .complex-link.end:not(.button) a { color: var(--Primary-vivid-blue, #06F); } .hero_lobby .content_wrapper .content .lobby_link_2 .complex-link.end:not(.button) a:hover, .hero_lobby .content_wrapper .content .lobby_link_1 .complex-link.end:not(.button) a:hover { color: var(--Secondary-06, #0D54D8); } .hero_lobby .content_wrapper .content .lobby_link_2 .complex-link.end:not(.button):hover, .hero_lobby .content_wrapper .content .lobby_link_1 .complex-link.end:not(.button):hover { color: var(--Secondary-06, #0D54D8); } .hero_lobby .content_wrapper .content .disclaimer { margin-top: 3.334vh; font-size: 14px; font-style: normal; font-weight: 300; line-height: 130%; /* 18.2px */ letter-spacing: 0.28px; padding: 0; } @media (min-width: 768px) { .hero_lobby .content_wrapper .content .disclaimer { margin-top: 2vh; } } .hero_lobby .content_wrapper .content .disclaimer p { margin: 0; } .leumi_new_design.is_form .inner-paragraph { margin: auto; } @media (min-width: 769px) { .leumi_new_design.is_form .inner-paragraph { width: 69.271vw; } } .leumi_new_design.inner_page .paragraph-sf-forms { margin: 0 1.176em; } @media (min-width: 768px) { .leumi_new_design.inner_page .paragraph-sf-forms { margin: 0 15.365vw 0; } } .leumi_new_design.inner_page .paragraph_webform_wrapper { padding: 30px 0; } @media (min-width: 769px) { .leumi_new_design.inner_page .paragraph_webform_wrapper { padding: 1.82vw 0; } } .leumi_new_design.inner_page .paragraph_webform_wrapper.bg_light_blue { background-color: var(--Primary-Background-Light-blue-gray, #F8FAFC); } .leumi_new_design.inner_page .paragraph_webform_wrapper .paragraph_title { padding: 0 1.176em 0 1.176em; } @media (min-width: 768px) { .leumi_new_design.inner_page .paragraph_webform_wrapper .paragraph_title { padding: 0; margin: 0 15.365vw 0; } } @media (min-width: 768px) { .leumi_new_design.inner_page .paragraph_webform_wrapper .paragraph_disclaimer { margin: 0 15.365vw 1.82vw; } } @media (max-width: 768px) { .leumi_new_design.inner_page .paragraph--type--webform { margin: 30px auto; width: 100%; padding: 0 20px; } } @media (min-width: 769px) { .leumi_new_design.inner_page .paragraph--type--webform { margin: 1.82vw 15.365vw; background-color: white; } } .leumi_new_design.inner_page .paragraph--type--webform[attr="simple"] { height: 50%; } .leumi_new_design .paragraph_webform_wrapper { padding: 30px 0; } .leumi_new_design .paragraph_webform_wrapper .paragraph_title { display: flex; flex-direction: column; justify-content: center; align-items: start; flex-shrink: 0; color: var(--Primary-main-dark, #070762); text-align: right; font-size: 0.94em; font-style: normal; font-weight: 400; } @media (min-width: 768px) { .leumi_new_design .paragraph_webform_wrapper .paragraph_title { font-size: var(--desktop-font-size, 1.042vw); } } .leumi_new_design .paragraph_webform_wrapper .paragraph_title h2 { font-size: 1.45em; display: block; font-style: normal; font-weight: 700; line-height: 130% !important; letter-spacing: 0.063vw; color: var(--Secondary-06, #0D54D8); margin: 0; } @media (min-width: 768px) { .leumi_new_design .paragraph_webform_wrapper .paragraph_title h2 { font-size: 1.667vw; font-weight: 600; line-height: 0.85; } } .leumi_new_design .paragraph_webform_wrapper .paragraph_title h2 + .paragraph_sub_title { margin-top: 1.82vw; } .leumi_new_design .paragraph_webform_wrapper .paragraph_title .paragraph_sub_title p { margin: 0; } .leumi_new_design .paragraph_webform_wrapper .paragraph_disclaimer { color: var(--Primary-main-dark, #070762); text-align: right; font-size: 14px; font-style: normal; font-weight: 200; line-height: 120%; /* 16.8px */ letter-spacing: 0.28px; padding: 0 1.176em 30px 1.176em; } @media (min-width: 768px) { .leumi_new_design .paragraph_webform_wrapper .paragraph_disclaimer { padding: 0; font-size: 14px; font-weight: 300; line-height: 130%; } } .leumi_new_design .inner-paragraph { padding: 2.656vw 6.302vw; border-radius: 20px; border: 2px solid var(--Neutral-white, #FFF); box-shadow: 0px 0px 20px 0px rgba(7, 7, 98, 0.1), 0px 15px 60px -30px rgba(7, 7, 98, 0.4); backdrop-filter: blur(20px); } .leumi_new_design .inner-paragraph .form-header { position: relative; } .leumi_new_design .inner-paragraph h3 { color: rebeccapurple; } .leumi_new_design .inner-paragraph .form-title { display: flex; flex-direction: column-reverse; } @media (min-width: 768px) { .leumi_new_design .inner-paragraph .form-title { flex-direction: row; justify-content: space-between; } } .leumi_new_design .inner-paragraph .form-title .form-logo { max-width: 40%; } @media (max-width: 767px) { .leumi_new_design .inner-paragraph .form-title .form-logo { align-self: end; } } .leumi_new_design .inner-paragraph .form-title .form-logo img { width: 100%; max-width: 150px; height: auto; } .leumi_new_design .inner-paragraph.thanks-page { max-height: 80vh; min-height: 400px; } @media (max-width: 990px) { .leumi_new_design .inner-paragraph.thanks-page { width: 96%; max-width: 96%; margin: auto; } } @media (max-width: 990px) { .leumi_new_design .inner-paragraph.inner_frame { width: 96%; max-width: 96%; margin: auto; } } .leumi_new_design .inner-paragraph .form-desktop-banner, .leumi_new_design .inner-paragraph .form-mobile-banner { margin-bottom: 10px; } .leumi_new_design .inner-paragraph .form-desktop-banner img, .leumi_new_design .inner-paragraph .form-mobile-banner img { width: 100%; height: auto; } .leumi_new_design .inner-paragraph .leumi-form { margin-top: 6px; padding-top: 0; position: relative; background-color: transparent; } .leumi_new_design .leumi-form { color: var(--Primary-main-dark, #070762); font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; } .leumi_new_design .leumi-form input[type="checkbox"]:focus-visible { outline: 2px solid -webkit-focus-ring-color; } .theme__hivis .leumi_new_design .leumi-form input[type="checkbox"]:focus-visible { outline: 2px solid #ff0; outline-offset: 2px; } .leumi_new_design .leumi-form input[type="checkbox"]:focus:not(:focus-visible) { outline: 0 solid white; } .leumi_new_design .leumi-form .webform-tooltip-element label { padding-right: 40px !important; } .leumi_new_design .leumi-form .webform-tooltip-element .field-prefix { display: none; } @media (min-width: 768px) { .leumi_new_design .leumi-form { font-size: var(--desktop-font-size, 1.042vw); line-height: 160%; /* 32px */ } } .leumi_new_design .leumi-form .quickedit-field { display: none; } .leumi_new_design .leumi-form h1 { color: var(--Brand-Main-Blue, #070762); text-align: right; line-height: 130%; /* 26px */ font-style: normal; font-weight: 700; font-size: var(--desktop-font-size, 1.042vw); } @media (min-width: 768px) { .leumi_new_design .leumi-form h1 { font-size: 24px; line-height: 120%; /* 28.8px */ } } .leumi_new_design .leumi-form h2 { color: var(--Brand-Main-Blue, #070762); text-align: right; line-height: 130%; /* 26px */ font-style: normal; font-weight: 700; font-size: 5.556vw; } @media (min-width: 768px) { .leumi_new_design .leumi-form h2 { font-size: 1.25vw; line-height: 120%; /* 28.8px */ } } .leumi_new_design .leumi-form h3 { font-size: 22px; } .leumi_new_design .leumi-form h4 { font-size: 20px; } .leumi_new_design .leumi-form h5 { font-size: 18px; } .leumi_new_design .leumi-form h6 { font-size: 16px; } .leumi_new_design .leumi-form strong { font-weight: bold; } .leumi_new_design .leumi-form a { text-decoration: underline; } .leumi_new_design .leumi-form a:hover { text-decoration: underline; } .leumi_new_design .leumi-form .required-state { font-size: 14px; font-family: SimplerPro; padding-right: 10px; position: relative; font-weight: 300; } .leumi_new_design .leumi-form .required-state:before { color: var(--Primary-vivid-blue, #06F); font-size: 20px; font-weight: 400; display: inline-block; position: relative; content: ' '; background-image: url("/images/leumi_new/paragraphs/asterisk.svg"); background-position: right; background-repeat: no-repeat; line-height: 20px; right: 0; height: 10px; width: 11px; min-width: 11px; margin-left: 3px; top: -3px; right: 0; } .leumi_new_design .leumi-form .webform-flex--container { margin: 0; } .leumi_new_design .leumi-form .webform-flexbox { gap: 2.708vw; margin: 14px 0; } @media (max-width: 768px) { .leumi_new_design .leumi-form .webform-flexbox { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 16px; } .leumi_new_design .leumi-form .webform-flexbox .webform-flex:not(.prefix):not(.phone-custom) { flex-grow: 1; flex-basis: 47%; } .leumi_new_design .leumi-form .webform-flexbox .webform-flex:not(.prefix):not(.phone-custom):nth-child(3) { flex-basis: 100%; } .leumi_new_design .leumi-form .webform-flexbox .webform-flex:not(.prefix):not(.phone-custom):has(.phone-custom-comp) { flex-basis: 100%; } } @media (min-width: 769px) and (max-width: 1280px) { .leumi_new_design .leumi-form .webform-flexbox { gap: 1.708vw; flex-basis: 17.083vw; } } @media (min-width: 768px) { .leumi_new_design .leumi-form .webform-flexbox .webform-flex--2 + .webform-flex--1 { max-width: 17.083vw; } } .leumi_new_design .leumi-form .flex-column.webform-flexbox .webform-flex { margin-bottom: 7px; } .leumi_new_design .leumi-form fieldset.webform-composite-hidden-title { margin-bottom: 7px; } .leumi_new_design .leumi-form .form-item *:not(strong):not(p) { font-size: 16px; } @media (min-width: 768px) { .leumi_new_design .leumi-form .form-item *:not(strong):not(p) { font-size: var(--desktop-font-size, 1.042vw); } } .leumi_new_design .leumi-form .form-item * strong { font-weight: bold; } .leumi_new_design .leumi-form .form-item .error:not(.form-select):not(.form-textarea) { color: red; } @media (max-width: 768px) { .leumi_new_design .leumi-form .form-item .error:not(.form-select):not(.form-textarea) { right: 0; } } .leumi_new_design .leumi-form .form-item label.error { font-size: 12px; font-weight: normal; top: 52px; } .leumi_new_design .leumi-form .form-item label.form-required, .leumi_new_design .leumi-form .form-item legend .form-required, .leumi_new_design .leumi-form .form-item label.form-required ~ label.error, .leumi_new_design .leumi-form .form-item label.form-required ~ div label.error, .leumi_new_design .leumi-form .form-item legend .form-required ~ label.error, .leumi_new_design .leumi-form .form-item legend ~ label.error { z-index: 0; } .leumi_new_design .leumi-form .form-item label.form-required:before, .leumi_new_design .leumi-form .form-item legend .form-required:before, .leumi_new_design .leumi-form .form-item label.form-required ~ label.error:before, .leumi_new_design .leumi-form .form-item label.form-required ~ div label.error:before, .leumi_new_design .leumi-form .form-item legend .form-required ~ label.error:before, .leumi_new_design .leumi-form .form-item legend ~ label.error:before { color: var(--Primary-vivid-blue, #06F); font-size: 20px; font-weight: 400; display: inline-block; position: relative; content: ' '; background-image: url("/images/leumi_new/paragraphs/asterisk.svg"); background-position: right; background-repeat: no-repeat; line-height: 20px; right: 0; height: 10px; width: 11px; min-width: 11px; margin-left: 3px; top: -3px; } .leumi_new_design .leumi-form .form-item label.form-required.active, .leumi_new_design .leumi-form .form-item legend .form-required.active, .leumi_new_design .leumi-form .form-item label.form-required ~ label.error.active, .leumi_new_design .leumi-form .form-item label.form-required ~ div label.error.active, .leumi_new_design .leumi-form .form-item legend .form-required ~ label.error.active, .leumi_new_design .leumi-form .form-item legend ~ label.error.active { margin-bottom: 0; } .leumi_new_design .leumi-form .form-item label.form-required.active:before, .leumi_new_design .leumi-form .form-item legend .form-required.active:before, .leumi_new_design .leumi-form .form-item label.form-required ~ label.error.active:before, .leumi_new_design .leumi-form .form-item label.form-required ~ div label.error.active:before, .leumi_new_design .leumi-form .form-item legend .form-required ~ label.error.active:before, .leumi_new_design .leumi-form .form-item legend ~ label.error.active:before { font-size: 12px; color: var(--Secondary-06, #0D54D8); top: 1px; padding-left: 6px; right: 0; width: 7px; height: 7px; background-size: contain; } .leumi_new_design .leumi-form .form-item label.form-required.error, .leumi_new_design .leumi-form .form-item legend .form-required.error, .leumi_new_design .leumi-form .form-item label.form-required ~ label.error.error, .leumi_new_design .leumi-form .form-item label.form-required ~ div label.error.error, .leumi_new_design .leumi-form .form-item legend .form-required ~ label.error.error, .leumi_new_design .leumi-form .form-item legend ~ label.error.error { padding-right: 0px; margin-bottom: 0; position: absolute; } @media (max-width: 768px) { .leumi_new_design .leumi-form .form-item label.form-required.error, .leumi_new_design .leumi-form .form-item legend .form-required.error, .leumi_new_design .leumi-form .form-item label.form-required ~ label.error.error, .leumi_new_design .leumi-form .form-item label.form-required ~ div label.error.error, .leumi_new_design .leumi-form .form-item legend .form-required ~ label.error.error, .leumi_new_design .leumi-form .form-item legend ~ label.error.error { right: 0; } } .leumi_new_design .leumi-form .form-item label.form-required.error:before, .leumi_new_design .leumi-form .form-item legend .form-required.error:before, .leumi_new_design .leumi-form .form-item label.form-required ~ label.error.error:before, .leumi_new_design .leumi-form .form-item label.form-required ~ div label.error.error:before, .leumi_new_design .leumi-form .form-item legend .form-required ~ label.error.error:before, .leumi_new_design .leumi-form .form-item legend ~ label.error.error:before { content: ""; background-image: none; display: none; } .leumi_new_design .leumi-form .form-item .webform-element-description { font-size: 16px; font-weight: 400; line-height: 125%; padding-top: 7px; } @media (min-width: 768px) { .leumi_new_design .leumi-form .form-item .webform-element-description { font-size: var(--desktop-font-size, 1.042vw); line-height: 160%; } } .leumi_new_design .leumi-form .form-item.js-form-type-textfield, .leumi_new_design .leumi-form .form-item.js-form-type-tel, .leumi_new_design .leumi-form .form-item.js-form-type-password, .leumi_new_design .leumi-form .form-item.js-form-type-email, .leumi_new_design .leumi-form .form-item.js-form-type-url, .leumi_new_design .leumi-form .form-item.js-form-type-number, .leumi_new_design .leumi-form .form-item.js-form-type-search, .leumi_new_design .leumi-form .form-item.js-form-type-date, .leumi_new_design .leumi-form .form-item.js-form-type-time, .leumi_new_design .leumi-form .form-item.js-form-type-webform-tz-element, .leumi_new_design .leumi-form .form-item.js-form-type-webform-autocomplete, .leumi_new_design .leumi-form .form-item .prefix, .leumi_new_design .leumi-form .form-item .phone-custom { position: relative; display: flex; flex-direction: row; justify-content: flex-start; margin-right: 0; margin-left: 0; border-radius: 8px; height: 52px; border: 1px solid #ECF4FE; background-color: #ECF4FE; margin-bottom: 20px; } .leumi_new_design .leumi-form .form-item.js-form-type-textfield:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-tel:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-password:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-email:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-url:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-number:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-search:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-date:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-time:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-webform-tz-element:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-webform-autocomplete:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item .prefix:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item .phone-custom:not(.phone-custom):not(.prefix) { padding-top: 8px; padding-bottom: 8px; padding-right: 16px; } @media (min-width: 768px) { .leumi_new_design .leumi-form .form-item.js-form-type-textfield:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-tel:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-password:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-email:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-url:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-number:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-search:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-date:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-time:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-webform-tz-element:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item.js-form-type-webform-autocomplete:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item .prefix:not(.phone-custom):not(.prefix), .leumi_new_design .leumi-form .form-item .phone-custom:not(.phone-custom):not(.prefix) { padding-right: 0.83vw; } } .leumi_new_design .leumi-form .form-item.js-form-type-textfield label, .leumi_new_design .leumi-form .form-item.js-form-type-tel label, .leumi_new_design .leumi-form .form-item.js-form-type-password label, .leumi_new_design .leumi-form .form-item.js-form-type-email label, .leumi_new_design .leumi-form .form-item.js-form-type-url label, .leumi_new_design .leumi-form .form-item.js-form-type-number label, .leumi_new_design .leumi-form .form-item.js-form-type-search label, .leumi_new_design .leumi-form .form-item.js-form-type-date label, .leumi_new_design .leumi-form .form-item.js-form-type-time label, .leumi_new_design .leumi-form .form-item.js-form-type-webform-tz-element label, .leumi_new_design .leumi-form .form-item.js-form-type-webform-autocomplete label, .leumi_new_design .leumi-form .form-item .prefix label, .leumi_new_design .leumi-form .form-item .phone-custom label { position: relative; color: var(--Neutral-gray-08, #454545); top: 0; bottom: 0; margin: auto 0; white-space: nowrap; background-color: transparent !important; line-height: normal; display: flex; align-items: center; font-weight: 400; } @media (min-width: 768px) { .leumi_new_design .leumi-form .form-item.js-form-type-textfield label, .leumi_new_design .leumi-form .form-item.js-form-type-tel label, .leumi_new_design .leumi-form .form-item.js-form-type-password label, .leumi_new_design .leumi-form .form-item.js-form-type-email label, .leumi_new_design .leumi-form .form-item.js-form-type-url label, .leumi_new_design .leumi-form .form-item.js-form-type-number label, .leumi_new_design .leumi-form .form-item.js-form-type-search label, .leumi_new_design .leumi-form .form-item.js-form-type-date label, .leumi_new_design .leumi-form .form-item.js-form-type-time label, .leumi_new_design .leumi-form .form-item.js-form-type-webform-tz-element label, .leumi_new_design .leumi-form .form-item.js-form-type-webform-autocomplete label, .leumi_new_design .leumi-form .form-item .prefix label, .leumi_new_design .leumi-form .form-item .phone-custom label { position: absolute; margin: auto; } } .leumi_new_design .leumi-form .form-item.js-form-type-textfield label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-tel label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-password label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-email label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-url label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-number label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-search label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-date label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-time label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-webform-tz-element label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-webform-autocomplete label.active:not(.error), .leumi_new_design .leumi-form .form-item .prefix label.active:not(.error), .leumi_new_design .leumi-form .form-item .phone-custom label.active:not(.error) { top: 0; font-size: 12px; align-items: flex-start; padding-top: 0; height: fit-content; margin: 0; font-weight: 400; } @media (min-width: 768px) { .leumi_new_design .leumi-form .form-item.js-form-type-textfield label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-tel label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-password label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-email label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-url label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-number label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-search label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-date label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-time label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-webform-tz-element label.active:not(.error), .leumi_new_design .leumi-form .form-item.js-form-type-webform-autocomplete label.active:not(.error), .leumi_new_design .leumi-form .form-item .prefix label.active:not(.error), .leumi_new_design .leumi-form .form-item .phone-custom label.active:not(.error) { padding-top: 8px; transition: font-size 150ms ease-out; } } .leumi_new_design .leumi-form .form-item.js-form-type-textfield label.error, .leumi_new_design .leumi-form .form-item.js-form-type-tel label.error, .leumi_new_design .leumi-form .form-item.js-form-type-password label.error, .leumi_new_design .leumi-form .form-item.js-form-type-email label.error, .leumi_new_design .leumi-form .form-item.js-form-type-url label.error, .leumi_new_design .leumi-form .form-item.js-form-type-number label.error, .leumi_new_design .leumi-form .form-item.js-form-type-search label.error, .leumi_new_design .leumi-form .form-item.js-form-type-date label.error, .leumi_new_design .leumi-form .form-item.js-form-type-time label.error, .leumi_new_design .leumi-form .form-item.js-form-type-webform-tz-element label.error, .leumi_new_design .leumi-form .form-item.js-form-type-webform-autocomplete label.error, .leumi_new_design .leumi-form .form-item .prefix label.error, .leumi_new_design .leumi-form .form-item .phone-custom label.error { position: absolute; bottom: -16px; font-size: 12px; align-items: flex-end; } .leumi_new_design .leumi-form .form-item.js-form-type-textfield:focus-within, .leumi_new_design .leumi-form .form-item.js-form-type-tel:focus-within, .leumi_new_design .leumi-form .form-item.js-form-type-password:focus-within, .leumi_new_design .leumi-form .form-item.js-form-type-email:focus-within, .leumi_new_design .leumi-form .form-item.js-form-type-url:focus-within, .leumi_new_design .leumi-form .form-item.js-form-type-number:focus-within, .leumi_new_design .leumi-form .form-item.js-form-type-search:focus-within, .leumi_new_design .leumi-form .form-item.js-form-type-date:focus-within, .leumi_new_design .leumi-form .form-item.js-form-type-time:focus-within, .leumi_new_design .leumi-form .form-item.js-form-type-webform-tz-element:focus-within, .leumi_new_design .leumi-form .form-item.js-form-type-webform-autocomplete:focus-within, .leumi_new_design .leumi-form .form-item .prefix:focus-within, .leumi_new_design .leumi-form .form-item .phone-custom:focus-within { border-radius: 8px 8px 0px 0px; border-bottom: 1px solid #0066ff; } .leumi_new_design .leumi-form .form-item.js-form-type-textfield.errorWrapper, .leumi_new_design .leumi-form .form-item.js-form-type-tel.errorWrapper, .leumi_new_design .leumi-form .form-item.js-form-type-password.errorWrapper, .leumi_new_design .leumi-form .form-item.js-form-type-email.errorWrapper, .leumi_new_design .leumi-form .form-item.js-form-type-url.errorWrapper, .leumi_new_design .leumi-form .form-item.js-form-type-number.errorWrapper, .leumi_new_design .leumi-form .form-item.js-form-type-search.errorWrapper, .leumi_new_design .leumi-form .form-item.js-form-type-date.errorWrapper, .leumi_new_design .leumi-form .form-item.js-form-type-time.errorWrapper, .leumi_new_design .leumi-form .form-item.js-form-type-webform-tz-element.errorWrapper, .leumi_new_design .leumi-form .form-item.js-form-type-webform-autocomplete.errorWrapper, .leumi_new_design .leumi-form .form-item .prefix.errorWrapper, .leumi_new_design .leumi-form .form-item .phone-custom.errorWrapper { border-radius: 8px 8px 0px 0px; border-bottom: 1px solid red; } .leumi_new_design .leumi-form .form-item input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .leumi_new_design .leumi-form .form-item select { border: 0; width: 100%; margin-left: 0.781vw; padding-left: 0.781vw; border-radius: 0; font-size: var(--desktop-font-size, 1.042vw); line-height: 160%; font-weight: 400; color: #454545; height: fit-content; margin-top: 11px; background-color: transparent !important; caret-color: var(--Primary-vivid-blue, #06F); position: relative; z-index: 1; padding-top: 0; padding-bottom: 0; } @media (max-width: 768px) { .leumi_new_design .leumi-form .form-item input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .leumi_new_design .leumi-form .form-item select { font-size: 16px; position: absolute; width: 94%; padding-left: 8px; } } .leumi_new_design .leumi-form .form-item input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]).required, .leumi_new_design .leumi-form .form-item select.required { padding-right: 10px; } .leumi_new_design .leumi-form .form-item input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):focus-visible, .leumi_new_design .leumi-form .form-item select:focus-visible { outline: none; } .leumi_new_design .leumi-form .form-item ::-webkit-input-placeholder { /* WebKit browsers */ color: var(--Neutral-gray-08, #454545); font-weight: 400; } .leumi_new_design .leumi-form .form-item :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } .leumi_new_design .leumi-form .form-item ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; } .leumi_new_design .leumi-form .form-item :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } .leumi_new_design .leumi-form .form-item input[type="date"]::-webkit-calendar-picker-indicator { color: #070762; opacity: 1; display: block; background-repeat: no-repeat; width: 14px; height: 16px; border-width: thin; position: absolute; background-image: url("/images/leumi_new/icons/calendar.svg"); } @media (min-width: 768px) { .leumi_new_design .leumi-form .form-item input[type="date"]::-webkit-calendar-picker-indicator { left: 0; width: 0.885vw; height: 1.042vw; } } .leumi_new_design .leumi-form .form-item input[type="date"]::-webkit-datetime-edit { padding-left: 22px; text-align: left; } @media (min-width: 768px) { .leumi_new_design .leumi-form .form-item input[type="date"]::-webkit-datetime-edit { padding-left: 0.52vw; } } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite { margin-top: 0; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite legend { display: none; height: 0; position: absolute; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .phone-custom { flex: 2; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .phone-custom .webform-flex--container1 { width: 100%; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .phone-custom input[type="tel"].form-tel { padding-left: 7%; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .prefix { flex: 1; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .prefix > div { width: 100%; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .prefix label { display: none !important; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .phone-custom-comp { display: flex; gap: 0; flex-direction: row-reverse; /*.js-form-type-tel:after { content: " - "; width: 5%; position: absolute; color: var(--Neutral-gray-08, #454545); font-size: 35px; font-weight: 300; display: flex; justify-content: center; align-items: center; left: -5%; top: 0; bottom: 0; @if $is-arabic { left: 10px; top: 21px; } @else { left: -9%; top: -4px; } .is_form & { left: 2%; top: -4px; } }*/ } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .phone-custom-comp .phone-custom-separator { color: var(--Neutral-gray-08, #454545); font-size: 35px; font-weight: 300; display: flex; justify-content: center; align-items: center; height: 52px; margin-bottom: 20px; margin-left: 2px; margin-right: 2px; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .phone-custom-comp .js-form-type-tel { position: relative; display: flex; flex-direction: row; justify-content: flex-start; padding: 0; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .phone-custom-comp .js-form-type-tel label { padding-left: 50px; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .phone-custom-comp .js-form-type-tel label:before { left: 30px; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .js-form-type-select { margin-top: 0; height: auto; border: 0; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .js-form-type-select select { border-right: none; padding-right: 10px; margin: auto; } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .js-form-type-select select option { border-radius: 0 0 8px 8px; border-bottom: 1px solid var(--Neutral-gray-03, #F0F0F0); } .leumi_new_design .leumi-form .webform-type-leumi-phone-composite .js-form-type-select select option:empty { display: none; } .leumi_new_design .leumi-form .js-form-type-tel input[type="tel"] { direction: rtl; } .leumi_new_design .leumi-form .js-form-type-select, .leumi_new_design .leumi-form .js-form-type-webform-selection-autocomplete-element { position: relative; display: flex; flex-direction: column; justify-content: flex-end; margin-right: 0; margin-left: 0; border-radius: 8px; height: 52px; border: 1px solid #ECF4FE; background-color: #ECF4FE; margin-bottom: 20px; padding-top: 10px; padding-right: 16px; } @media (min-width: 768px) { .leumi_new_design .leumi-form .js-form-type-select, .leumi_new_design .leumi-form .js-form-type-webform-selection-autocomplete-element { padding-right: 0.83vw; } } .leumi_new_design .leumi-form .js-form-type-select select option, .leumi_new_design .leumi-form .js-form-type-webform-selection-autocomplete-element select option { border-radius: 0 0 8px 8px; border-bottom: 1px solid var(--Neutral-gray-03, #F0F0F0); } .leumi_new_design .leumi-form .js-form-type-select label, .leumi_new_design .leumi-form .js-form-type-webform-selection-autocomplete-element label { line-height: initial; margin-bottom: -8px; } .leumi_new_design .leumi-form .js-form-type-select label:not(.error), .leumi_new_design .leumi-form .js-form-type-webform-selection-autocomplete-element label:not(.error) { color: var(--Neutral-gray-08, #454545); font-size: 12px; } .leumi_new_design .leumi-form .js-form-type-select label:not(.error):before, .leumi_new_design .leumi-form .js-form-type-webform-selection-autocomplete-element label:not(.error):before { padding-left: 6px; font-size: 12px; } @media (max-width: 768px) { .leumi_new_design .leumi-form .js-form-type-select.form-item label, .leumi_new_design .leumi-form .js-form-type-webform-selection-autocomplete-element.form-item label { bottom: -16px; margin-bottom: 4px; line-height: 1; position: relative; } } .leumi_new_design .leumi-form .js-form-type-select.form-item label:before, .leumi_new_design .leumi-form .js-form-type-webform-selection-autocomplete-element.form-item label:before { line-height: inherit; right: 0; } .leumi_new_design .leumi-form .js-form-type-select.form-item label.active, .leumi_new_design .leumi-form .js-form-type-webform-selection-autocomplete-element.form-item label.active { margin-bottom: -8px; } .leumi_new_design .leumi-form .js-form-type-select.form-item label.form-required, .leumi_new_design .leumi-form .js-form-type-select.form-item label.form-required ~ label.error, .leumi_new_design .leumi-form .js-form-type-webform-selection-autocomplete-element.form-item label.form-required, .leumi_new_design .leumi-form .js-form-type-webform-selection-autocomplete-element.form-item label.form-required ~ label.error { bottom: -16px; font-size: 12px; align-items: flex-end; } .leumi_new_design .leumi-form .js-form-type-select select, .leumi_new_design .leumi-form .js-form-type-webform-selection-autocomplete-element select { background-image: url("/images/arrow_select.png"); background-repeat: no-repeat; background-position: center left 12px; -webkit-appearance: none; -moz-appearance: none; position: relative; } .leumi_new_design .leumi-form .js-form-type-select select::-ms-expand, .leumi_new_design .leumi-form .js-form-type-webform-selection-autocomplete-element select::-ms-expand { display: none; } .leumi_new_design .leumi-form .js-form-type-select label.js-form-required:before { top: 1px; } .leumi_new_design .leumi-form .js-form-type-webform-autocomplete input.form-autocomplete { background-position: 16px top; } .leumi_new_design .leumi-form .webform-type-radios { position: relative; margin-bottom: 7px; } .leumi_new_design .leumi-form .webform-type-radios legend, .leumi_new_design .leumi-form .webform-type-radios label.error { margin-bottom: 5px; line-height: 1; } .leumi_new_design .leumi-form .webform-type-radios legend span, .leumi_new_design .leumi-form .webform-type-radios label.error span { font-family: SimplerPro; position: relative; } .leumi_new_design .leumi-form .webform-type-radios legend .form-required, .leumi_new_design .leumi-form .webform-type-radios legend label.error, .leumi_new_design .leumi-form .webform-type-radios label.error .form-required, .leumi_new_design .leumi-form .webform-type-radios label.error label.error { padding-right: 0.781vw; } .leumi_new_design .leumi-form .webform-type-radios legend .form-required:before, .leumi_new_design .leumi-form .webform-type-radios legend label.error:before, .leumi_new_design .leumi-form .webform-type-radios label.error .form-required:before, .leumi_new_design .leumi-form .webform-type-radios label.error label.error:before { right: 0; } .leumi_new_design .leumi-form .webform-type-radios .webform-options-display-two-columns { margin: 0; display: inline; } .leumi_new_design .leumi-form .webform-type-radios .webform-options-display-two-columns .js-form-type-radio { width: 48%; display: inline-flex; } .leumi_new_design .leumi-form .webform-type-radios input { background-image: url("/images/radio.png"); background-repeat: no-repeat; background-position-y: 4px; -webkit-appearance: none; -moz-appearance: none; width: 15px; height: 18px; } .leumi_new_design .leumi-form .webform-type-radios input:checked { background-image: url("/images/radio_on.png"); } .leumi_new_design .leumi-form .webform-type-radios input::-ms-check { display: none; } .leumi_new_design .leumi-form .webform-type-radios label:not(.error) { padding: 0 3px 0 0; margin-right: 7px; margin-bottom: 0; line-height: 1; } .leumi_new_design .leumi-form .webform-type-checkboxes { margin-bottom: 9px; } .leumi_new_design .leumi-form .webform-type-checkboxes legend, .leumi_new_design .leumi-form .webform-type-checkboxes label.error { margin-bottom: 4px; line-height: 1; position: relative; } .leumi_new_design .leumi-form .webform-type-checkboxes legend span, .leumi_new_design .leumi-form .webform-type-checkboxes label.error span { font-family: SimplerPro; position: relative; } .leumi_new_design .leumi-form .webform-type-checkboxes legend .form-required, .leumi_new_design .leumi-form .webform-type-checkboxes label.error .form-required { padding-right: 0.781vw; } .leumi_new_design .leumi-form .webform-type-checkboxes legend .form-required:before, .leumi_new_design .leumi-form .webform-type-checkboxes label.error .form-required:before { right: 0; } .leumi_new_design .leumi-form .webform-type-checkboxes .js-form-type-checkbox { margin-bottom: 0px; margin-top: 0; padding-top: 0; } .leumi_new_design .leumi-form .webform-type-checkboxes .js-form-type-checkbox input { height: 18px; background-position-y: 3px; } .leumi_new_design .leumi-form .webform-type-checkboxes .js-form-type-checkbox input:required { margin-right: 0; } .leumi_new_design .leumi-form .webform-type-checkboxes .js-form-type-checkbox label { line-height: 1; margin-bottom: 0; } .leumi_new_design .leumi-form .webform-type-checkboxes .js-form-type-checkbox label.error { top: -15px; padding-right: 0.781vw; } .leumi_new_design .leumi-form .js-webform-type-radios label.error { top: -20px; } .leumi_new_design .leumi-form .js-form-type-checkbox { display: flex; margin-bottom: 7px; position: relative; align-items: flex-start; } .leumi_new_design .leumi-form .js-form-type-checkbox.form-no-label { align-items: unset; } @media (max-width: 768px) { .leumi_new_design .leumi-form .js-form-type-checkbox { margin-top: 15px; padding-top: 10px; } } .leumi_new_design .leumi-form .js-form-type-checkbox input { background-image: url("/images/leumi_new/paragraphs/checkbox_off.png"); background-size: contain; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; width: 21.055px; height: 21.055px; cursor: pointer; } @media (min-width: 768px) { .leumi_new_design .leumi-form .js-form-type-checkbox input { height: 1.094vw; width: 1.094vw; } } .leumi_new_design .leumi-form .js-form-type-checkbox input.required { z-index: 1; } .leumi_new_design .leumi-form .js-form-type-checkbox input:checked { background-size: contain; background-image: url("/images/leumi_new/paragraphs/checkbox_on.png"); } .leumi_new_design .leumi-form .js-form-type-checkbox input::-ms-check { display: none; } .leumi_new_design .leumi-form .js-form-type-checkbox.form-no-label .visually-hidden { display: none; } .leumi_new_design .leumi-form .js-form-type-checkbox.form-no-label label.form-required ~ label.error, .leumi_new_design .leumi-form .js-form-type-checkbox.form-no-label label.error { padding-right: 0; } .leumi_new_design .leumi-form .js-form-type-checkbox.form-no-label label.form-required ~ label.error:before, .leumi_new_design .leumi-form .js-form-type-checkbox.form-no-label label.error:before { display: none; } .leumi_new_design .leumi-form .js-form-type-checkbox label, .leumi_new_design .leumi-form .js-form-type-checkbox .description { padding-right: 8px; width: 99%; font-weight: 400; } @media (min-width: 768px) { .leumi_new_design .leumi-form .js-form-type-checkbox label, .leumi_new_design .leumi-form .js-form-type-checkbox .description { line-height: normal; } } .leumi_new_design .leumi-form .js-form-type-checkbox label p, .leumi_new_design .leumi-form .js-form-type-checkbox label div, .leumi_new_design .leumi-form .js-form-type-checkbox label span, .leumi_new_design .leumi-form .js-form-type-checkbox .description p, .leumi_new_design .leumi-form .js-form-type-checkbox .description div, .leumi_new_design .leumi-form .js-form-type-checkbox .description span { font-weight: 400; line-height: 160%; } .leumi_new_design .leumi-form .js-form-type-checkbox label.form-required, .leumi_new_design .leumi-form .js-form-type-checkbox .required ~ .description { margin-bottom: 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; display: flex; flex-direction: row; align-items: flex-start; } @media (min-width: 768px) { .leumi_new_design .leumi-form .js-form-type-checkbox label.form-required, .leumi_new_design .leumi-form .js-form-type-checkbox .required ~ .description { font-size: var(--desktop-font-size, 1.042vw); line-height: normal; } } .leumi_new_design .leumi-form .js-form-type-checkbox label.form-required a, .leumi_new_design .leumi-form .js-form-type-checkbox .required ~ .description a { font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; } @media (min-width: 768px) { .leumi_new_design .leumi-form .js-form-type-checkbox label.form-required a, .leumi_new_design .leumi-form .js-form-type-checkbox .required ~ .description a { font-size: var(--desktop-font-size, 1.042vw); line-height: 160%; /* 32px */ } } .leumi_new_design .leumi-form .js-form-type-checkbox label.form-required:before, .leumi_new_design .leumi-form .js-form-type-checkbox .required ~ .description:before { color: var(--Primary-vivid-blue, #06F); font-size: 20px; font-weight: 400; display: inline-block; position: relative; content: ' '; background-image: url("/images/leumi_new/paragraphs/asterisk.svg"); background-position: right; background-repeat: no-repeat; line-height: 20px; right: 0; height: 10px; width: 11px; min-width: 11px; margin-left: 3px; top: -3px; top: 0; right: 0; } .leumi_new_design .leumi-form .js-form-type-checkbox label.form-required .webform-element-description, .leumi_new_design .leumi-form .js-form-type-checkbox .required ~ .description .webform-element-description { margin-right: 2px; width: 100%; } .leumi_new_design .leumi-form .js-form-type-checkbox label.form-required:before, .leumi_new_design .leumi-form .js-form-type-checkbox .required ~ label:before { top: 5px; } @media (min-width: 768px) { .leumi_new_design .leumi-form .js-form-type-checkbox label.form-required:before, .leumi_new_design .leumi-form .js-form-type-checkbox .required ~ label:before { top: 2px; } } .leumi_new_design .leumi-form .js-form-type-checkbox label.error { position: absolute; line-height: 1; top: -20px; padding-right: 0; } .leumi_new_design .leumi-form .js-form-type-checkbox .webform-element-description { padding: 0; margin-top: -4px; } @media (min-width: 768px) { .leumi_new_design .leumi-form .js-form-type-checkbox .webform-element-description { margin-top: -6px; } } .leumi_new_design .leumi-form .js-form-type-textarea { position: relative; display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: 25px; } .leumi_new_design .leumi-form .js-form-type-textarea textarea { border: 1px solid rgba(236, 244, 254, 0.96); border-top-width: 3px; height: 74px; font-size: 16px; line-height: 20px; padding-right: 7px; width: 100%; display: block; border-radius: 8px; background: rgba(236, 244, 254, 0.96); } .leumi_new_design .leumi-form .js-form-type-textarea textarea:focus { outline: none; border-radius: 8px 8px 0 0; border-bottom: 1px solid var(--Secondary-07, #0B3BB1); } .leumi_new_design .leumi-form .js-form-type-textarea textarea.error { border-radius: 8px 8px 0 0; border-bottom: 1px solid red; } .display_background .leumi_new_design .leumi-form .js-form-type-textarea textarea { background-color: yellow; border-color: yellow; } .leumi_new_design .leumi-form .js-form-type-textarea label { margin-bottom: 4px; line-height: 1; position: relative; } .leumi_new_design .leumi-form .js-form-type-textarea label.error { top: unset; bottom: -16px; } .leumi_new_design .leumi-form .js-form-type-textarea label.form-required, .leumi_new_design .leumi-form .js-form-type-textarea label.error { padding-right: 0.781vw; } .leumi_new_design .leumi-form .js-form-type-textarea label.form-required:before, .leumi_new_design .leumi-form .js-form-type-textarea label.error:before { line-height: 29px; right: 0; } .leumi_new_design .leumi-form .js-form-type-processed-text { margin: 16px 0 5px; font-size: 18px; } .leumi_new_design .leumi-form .js-form-type-processed-text p { margin-bottom: 0; } .leumi_new_design .leumi-form .form-actions { display: flex; justify-content: flex-end; } .leumi_new_design .leumi-form .form-actions .js-form-submit { font-size: 16px; color: var(--Neutral-white, #FFF); text-align: center; font-style: normal; font-weight: 600; line-height: 150%; /* 30px */ border: 1px solid var(--Primary-vivid-blue, #06F); border-radius: 8px; background-color: var(--Primary-vivid-blue, #06F); width: 100%; min-width: 140px; text-decoration: none; cursor: pointer; padding: 14px 44px; margin: 20px 0 30px 0; } @media (min-width: 768px) { .leumi_new_design .leumi-form .form-actions .js-form-submit { height: 57px; font-size: var(--desktop-font-size, 1.042vw); min-width: 200px; border-radius: 16px; width: fit-content; padding: 0; margin: 0; } } .leumi_new_design .leumi-form .form-actions .js-form-submit:focus { background-color: var(--Secondary-07, #0B3BB1); border: 1px solid var(--Secondary-07, #0B3BB1); } .theme__hivis .leumi_new_design .leumi-form .form-actions .js-form-submit:focus { outline: 1px solid #ff0; outline-offset: 2px; } .leumi_new_design .leumi-form .form-actions .js-form-submit:hover { background-color: var(--Secondary-06, #0D54D8); border: 1px solid var(--Secondary-06, #0D54D8); } .theme__hivis .leumi_new_design .leumi-form .form-actions .js-form-submit:hover { outline: 1px solid #ff0; outline-offset: 2px; } .leumi_new_design .leumi-form .js-form-type-managed-file { position: relative; } .leumi_new_design .leumi-form .js-form-type-managed-file .js-form-managed-file .button-action { position: absolute; width: 80px; height: 40px; line-height: 40px; color: #fff; background: gray; background-image: url("/images/job/Atav_Icon.png"); background-repeat: no-repeat; background-size: 25%; background-position: 12px 7px; font-size: 0.938vw; padding-right: 0.781vw; text-decoration: none; cursor: pointer; border-radius: 4px; border: 0; top: 0; left: 30px; } .leumi_new_design .leumi-form .js-form-type-managed-file .webform-managed-file-preview { width: 70%; display: inline-block; } .leumi_new_design .leumi-form .js-form-type-managed-file .edit-file-upload-target { font-size: 22px; font-family: SimplerProLight; font-weight: bold; color: white; background-color: red; border: none; height: 45px; width: 55px; line-height: 45px; text-decoration: none; cursor: pointer; } .leumi_new_design .leumi-form .js-form-type-managed-file .js-form-submit { border: none; background: transparent; display: inline-block; color: darkgreen; width: 25%; } .leumi_new_design .leumi-form .form_loader { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; text-align: center; z-index: 2; overflow: auto; } .leumi_new_design .webform-confirmation { background-color: inherit; } .is_form .leumi_new_design .webform-confirmation { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; } .leumi_new_design .webform-confirmation .webform-confirmation-status { background-size: 100% auto; background-repeat: no-repeat; width: 50px; height: 50px; margin: 2em auto; } .leumi_new_design .webform-confirmation .webform-confirmation-status.success1, .leumi_new_design .webform-confirmation .webform-confirmation-status.success2 { background-image: url("/images/v_success.png"); } .leumi_new_design .webform-confirmation .webform-confirmation-status.failure { background-image: url("/images/x_fail.png"); } .leumi_new_design .webform-confirmation .webform-confirmation-message { text-align: center; } .leumi_new_design .webform-confirmation .webform-confirmation-message h1, .leumi_new_design .webform-confirmation .webform-confirmation-message h2, .leumi_new_design .webform-confirmation .webform-confirmation-message h3 { text-align: center; line-height: 130% !important; padding-top: 30px; padding-bottom: 26px; overflow: hidden; width: 100%; font: bold 26px SimplerProLight; color: var(--Primary-main-dark, #070762); } .leumi_new_design .custom-webform-autocomplete-menu.ui-menu.ui-autocomplete { font-size: 16px; color: var(--Neutral-gray-08, #454545); border-radius: 8px; font-family: SimplerPro; box-shadow: 0 35px 60px 0 rgba(7, 7, 98, 0.11); padding: 0 8px; font-weight: 400; line-height: 160%; /* 32px */ font-style: normal; border: 1px solid white; } @media (max-width: 820px) { .leumi_new_design .custom-webform-autocomplete-menu.ui-menu.ui-autocomplete { margin: auto; left: 0 !important; width: 98% !important; } } @media (min-width: 821px) { .leumi_new_design .custom-webform-autocomplete-menu.ui-menu.ui-autocomplete { padding: 0 16px; font-size: var(--desktop-font-size, 1.042vw); } } .leumi_new_design .custom-webform-autocomplete-menu.ui-menu.ui-autocomplete .ui-menu-item { border-bottom: 1px solid #F0F0F0; padding: 8px 0; } .leumi_new_design .custom-webform-autocomplete-menu.ui-menu.ui-autocomplete .ui-menu-item:hover { background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%), #EDF4FE; } .leumi_new_design .custom-webform-autocomplete-menu.ui-menu.ui-autocomplete .ui-menu-item a.ui-menu-item-wrapper { text-decoration: none; padding: 0; } .leumi_new_design .custom-webform-autocomplete-menu.ui-menu.ui-autocomplete .ui-menu-item a.ui-menu-item-wrapper.ui-state-active { border: 0; color: var(--Neutral-gray-08, #454545); background-color: transparent; } .leumi_new_design .custom-webform-autocomplete-menu.ui-menu.ui-autocomplete .ui-menu-item a.ui-menu-item-wrapper:hover { text-decoration: none; } @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes topTitle { 0% { width: 150px; top: 160px; right: 30px; } 100% { top: 11px; right: 15px; } } .slider .credit-card-lobby .credit-cards { flex-flow: nowrap; align-items: center; justify-content: center; min-height: 200px; position: relative; height: 210px; max-width: 880px; margin: 0 auto; } @media (max-width: 990px) { .slider .credit-card-lobby .credit-cards { height: auto; } } .slider .credit-card-lobby .credit-cards .move-left, .slider .credit-card-lobby .credit-cards .move-right { display: block; } @media (max-width: 990px) { .slider .credit-card-lobby .credit-cards .move-left, .slider .credit-card-lobby .credit-cards .move-right { bottom: 0; } } .slider .credit-card-lobby .credit-cards .move-left, .slider .credit-card-lobby .credit-cards .move-right { position: absolute; border: 0; width: 35px; height: 35px; border-radius: 50px; box-shadow: 0px 1.721px 6.883px 0px rgba(114, 113, 160, 0.25); background-color: transparent; cursor: pointer; display: block; background-image: url("/images/leumi_new/HP/arrow_left.svg"); background-repeat: no-repeat; background-position: center; font-size: 0; } .slider .credit-card-lobby .credit-cards .move-left:hover, .slider .credit-card-lobby .credit-cards .move-right:hover { background-image: url("/images/leumi_new/HP/arrow_left_pressed.svg"); } .slider .credit-card-lobby .credit-cards .move-left { left: 0; } .slider .credit-card-lobby .credit-cards .move-right { right: 0; transform: rotate(180deg); } @media (max-width: 768px) { .slider .credit-card-lobby .credit-cards > .credit-card:nth-child(-n+5) { display: block; } } @media (min-width: 770px) and (max-width: 1900px) { .slider .credit-card-lobby .credit-cards > .credit-card:nth-child(-n+7) { display: block; } } .slider .credit-card-lobby .credit-cards > .credit-card { display: none; } .slider .credit-card-lobby .credit-cards .credit-card .card-hover { padding: 0; } .slider .credit-card-lobby .credit-cards .credit-card .card-hover .card-bullets, .slider .credit-card-lobby .credit-cards .credit-card .card-hover .order-card, .slider .credit-card-lobby .credit-cards .credit-card .card-hover .card-disclaimer, .slider .credit-card-lobby .credit-cards .credit-card .card-hover .add-to-compare { display: none; } .slider .credit-card-lobby .credit-cards .credit-card .card-hover .header .hover-details { display: none; } .slider .credit-card-lobby .credit-cards .credit-card.card-index-0 .card-hover .header img, .slider .credit-card-lobby .credit-cards .credit-card.card-index-4 .card-hover .header img { width: 150px; transition: width 0.6s ease; } @media (max-width: 768px) { .slider .credit-card-lobby .credit-cards .credit-card.card-index-2 .card-hover .header img { width: 150px; transition: width 0.6s ease; } } .slider .credit-card-lobby .credit-cards .credit-card.card-index-0, .slider .credit-card-lobby .credit-cards .credit-card.card-index-1 { margin-left: -50px; } .slider .credit-card-lobby .credit-cards .credit-card.card-index-3, .slider .credit-card-lobby .credit-cards .credit-card.card-index-4 { margin-right: -50px; } .slider .credit-card-lobby .credit-cards .credit-card.card-index-0 { z-index: 0; } .slider .credit-card-lobby .credit-cards .credit-card.card-index-1 { z-index: 1; } .slider .credit-card-lobby .credit-cards .credit-card.card-index-3 { z-index: 1; } .slider .credit-card-lobby .credit-cards .credit-card.card-index-4 { z-index: 0; } .slider .credit-card-lobby .credit-cards .credit-card.active { z-index: 5; } .slider .credit-card-lobby .credit-cards .credit-card.active .card-hover .header img { width: 270px; transition: width 0.6s ease; } .slider .credit-card-lobby #slide-details { text-align: center; min-height: 220px; display: block; } .slider .credit-card-lobby #slide-details .hover-details { margin-top: 38px; } @media (max-width: 768px) { .slider .credit-card-lobby #slide-details .hover-details { margin-top: 28px; } } .slider .credit-card-lobby #slide-details .hover-details .name { font-weight: bold; font-size: 20px; } @media (max-width: 768px) { .slider .credit-card-lobby #slide-details .hover-details .name { text-transform: uppercase; } } .slider .credit-card-lobby #slide-details .hover-details .sub-title { font-weight: 400; line-height: 1; font-size: 16px; margin-top: 10px; } @media (max-width: 768px) { .slider .credit-card-lobby #slide-details .hover-details .sub-title { font-size: 17px; font-weight: 600; } } .slider .credit-card-lobby #slide-details .card-bullets { padding-top: 20px; } @media (max-width: 768px) { .slider .credit-card-lobby #slide-details .card-bullets { padding-right: 20px; padding-left: 20px; } } .slider .credit-card-lobby #slide-details .card-bullets ul { display: flex; justify-content: center; } @media (max-width: 768px) { .slider .credit-card-lobby #slide-details .card-bullets ul { flex-direction: column; } } .slider .credit-card-lobby #slide-details .card-bullets ul li { display: flex; align-items: center; position: relative; max-width: 130px; padding: 0 10px; } @media (max-width: 768px) { .slider .credit-card-lobby #slide-details .card-bullets ul li { max-width: none; } } .slider .credit-card-lobby #slide-details .card-bullets ul li:first-child .bullet { display: none; } @media (max-width: 768px) { .slider .credit-card-lobby #slide-details .card-bullets ul li:first-child .bullet { display: block; } } .slider .credit-card-lobby #slide-details .card-bullets ul li .bullet { background-color: #06F; width: 1px; height: 50px; text-align: -moz-center; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; font-size: 0; } @media (max-width: 768px) { .slider .credit-card-lobby #slide-details .card-bullets ul li .bullet { width: 5px; height: 5px; top: 5px; bottom: initial; border-radius: 5px; } } .slider .credit-card-lobby #slide-details .card-bullets ul li .text { font-size: 13px; font-weight: 400; display: block; line-height: 1.2; } @media (max-width: 768px) { .slider .credit-card-lobby #slide-details .card-bullets ul li .text { text-align: right; padding-bottom: 10px; font-size: 15px; } } .slider .credit-card-lobby #slide-details .order-card a { background: #06F; color: #fff; font-weight: 600; padding: 10px 25px; width: 100%; display: block; text-align: center; margin: 20px auto 0; border-radius: 10px; max-width: 230px; } .slider .credit-card-lobby #slide-details .card-disclaimer { padding-top: 30px; font-size: 13px; width: 600px; margin: 0 auto; max-width: 100%; } .slider .credit-card-lobby #slide-details .add-to-compare { margin-top: 24px; color: var(--Primary-vivid-blue, #06F); text-align: center; font-size: 16.078px; font-style: normal; font-weight: 700; line-height: 20.097px; /* 125% */ letter-spacing: 0.1px; cursor: pointer; } .slider .credit-card-lobby #slide-details .add-to-compare.enable { text-align: center; padding-top: 19px; cursor: pointer; color: #06F; font-size: 15px; font-weight: 400; } .credit-card-lobby p { margin: 0; } .credit-card-lobby .container { max-width: 1480px; } @media (max-width: 768px) { .credit-card-lobby .container { padding-right: 30px; padding-left: 30px; } } .credit-card-lobby #slide-details, .credit-card-lobby .move-left, .credit-card-lobby .move-right { display: none; } .credit-card-lobby ul { margin: 0; padding: 0; list-style-type: none; } .credit-card-lobby h2 { font-size: 5.556vw; margin: 20px 0; letter-spacing: 1.2px; color: #0D54D8; padding-bottom: 10px; font-weight: 700; line-height: 130%; /* 26px */ } @media (min-width: 769px) { .credit-card-lobby h2 { margin: 50px 0 26px 0; font-size: 2.5vw; font-weight: 600; line-height: 115%; } } .credit-card-lobby .main-disclaimer { font-size: 13px; color: #373737; } .slider .credit-card-lobby .main-disclaimer { text-align: center; } .credit-card-lobby .credit-cards { display: flex; flex-flow: wrap; padding-top: 40px; } .credit-card-lobby .credit-cards .move-left, .credit-card-lobby .credit-cards .move-right { display: none; } .credit-card-lobby .credit-cards .credit-card { position: relative; width: 360px; min-height: 360px; max-width: 100%; } .slider .credit-card-lobby .credit-cards .credit-card { min-height: auto; } @media (max-width: 768px) { .credit-card-lobby .credit-cards .credit-card { height: auto; } } .slider .credit-card-lobby .credit-cards .credit-card { width: auto; height: auto; } @media (max-width: 1450px) { .credit-card-lobby .credit-cards .credit-card { width: 33%; } .slider .credit-card-lobby .credit-cards .credit-card { width: auto; } } @media (max-width: 990px) { .credit-card-lobby .credit-cards .credit-card { width: 50%; } } @media (max-width: 768px) { .credit-card-lobby .credit-cards .credit-card { padding-bottom: 15px; padding-top: 60px; width: 100%; } } .grid .credit-card-lobby .credit-cards .credit-card:hover .card-hover { display: flex; flex-direction: column; opacity: 1; width: 100%; height: auto; bottom: 0; top: 0; transition: all ease 0.5s; } .grid .credit-card-lobby .credit-cards .credit-card:hover .card-hover .header .hover-details { animation-name: topTitle; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 0.3s; } .grid .credit-card-lobby .credit-cards .credit-card:hover .card-hover .header .hover-image { width: 120px; } .grid .credit-card-lobby .credit-cards .credit-card:hover .card-hover .header .hover-image img { width: 120px; } .grid .credit-card-lobby .credit-cards .credit-card:hover .card-hover .card-bullets ul li { opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; } .grid .credit-card-lobby .credit-cards .credit-card:hover .card-hover .card-bullets ul li:nth-child(1) { animation-duration: 0.3s; } .grid .credit-card-lobby .credit-cards .credit-card:hover .card-hover .card-bullets ul li:nth-child(2) { animation-duration: 0.4s; } .grid .credit-card-lobby .credit-cards .credit-card:hover .card-hover .card-bullets ul li:nth-child(3) { animation-duration: 0.5s; } .grid .credit-card-lobby .credit-cards .credit-card:hover .card-hover .card-bullets ul li:nth-child(4) { animation-duration: 0.6s; } .grid .credit-card-lobby .credit-cards .credit-card:hover .card-hover .card-bullets ul li:nth-child(5) { animation-duration: 0.7s; } .credit-card-lobby .credit-cards .credit-card .card-hover .header img { width: 220px; transition: width 0.6s ease; } .credit-card-lobby .credit-cards .credit-card .card-inner { padding: 40px; display: flex; flex-direction: column; width: 300px; margin: 0 auto; } @media (max-width: 768px) { .credit-card-lobby .credit-cards .credit-card .card-inner { display: none; } } .credit-card-lobby .credit-cards .credit-card .card-inner .card-image { display: flex; justify-content: end; z-index: 1; } .credit-card-lobby .credit-cards .credit-card .card-inner .card-image > img { width: 180px; height: auto; border-radius: 0.661vw; filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 0.1)); } .credit-card-lobby .credit-cards .credit-card .card-inner .card-details { margin-top: -40px; display: flex; flex-direction: column; justify-content: center; } .credit-card-lobby .credit-cards .credit-card .card-inner .card-details .name { font-size: 20px; font-weight: 600; line-height: 1; } .credit-card-lobby .credit-cards .credit-card .card-inner .card-details .sub-title { line-height: 1; font-size: 15px; font-weight: 400; padding-top: 8px; } .credit-card-lobby .credit-cards .credit-card .card-inner .card-details .sub-title p { margin: 0; } .slider .credit-card-lobby .credit-cards .credit-card .card-inner { display: none; } .credit-card-lobby .credit-cards .credit-card .card-hover { position: absolute; top: 0; left: 0; right: 0; z-index: 1; background-color: #fff; border-radius: 16.911px; border: 1.691px solid var(--Neutral-white, #FFF); box-shadow: 0px 0px 16.911px 0px rgba(7, 7, 98, 0.1), 0px 12.683px 50.732px -25.366px rgba(7, 7, 98, 0.4); backdrop-filter: blur(16.91083px); padding: 15px; opacity: 0; width: 200px; height: 120px; bottom: 40px; } @media (max-width: 768px) { .credit-card-lobby .credit-cards .credit-card .card-hover { opacity: 1; height: auto; width: 100%; } } .slider .credit-card-lobby .credit-cards .credit-card .card-hover { display: block; position: relative; border: 0; box-shadow: none; background-color: transparent; text-align: center; opacity: 1; height: auto; width: auto; } @media (max-width: 768px) { .credit-card-lobby .credit-cards .credit-card .card-hover { display: block; position: relative; } } .credit-card-lobby .credit-cards .credit-card .card-hover .header { display: flex; flex-direction: row-reverse; justify-content: space-between; } .slider .credit-card-lobby .credit-cards .credit-card .card-hover .header { flex-direction: column; text-align: center; } @media (max-width: 768px) { .credit-card-lobby .credit-cards .credit-card .card-hover .header { flex-direction: column; text-align: center; } } .credit-card-lobby .credit-cards .credit-card .card-hover .header img { box-shadow: 0px 0px 16.911px 0px rgba(7, 7, 98, 0.1), 0px 12.683px 50.732px -25.366px rgba(7, 7, 98, 0.4); backdrop-filter: blur(16.91083px); border-radius: 0.661vw; } .slider .credit-card-lobby .credit-cards .credit-card .card-hover .header img { width: 200px; transition: width 1s ease; } @media (max-width: 768px) { .credit-card-lobby .credit-cards .credit-card .card-hover .header img { width: 200px; max-width: 100%; margin-top: -67px; } } .credit-card-lobby .credit-cards .credit-card .card-hover .header .hover-details { position: relative; /*width: 190px; max-width: 100%; right: 15px;*/ } @media (max-width: 768px) { .credit-card-lobby .credit-cards .credit-card .card-hover .header .hover-details { position: relative; width: 100%; right: auto; } } .credit-card-lobby .credit-cards .credit-card .card-hover .header .name { font-weight: bold; font-size: 20px; line-height: 1; padding-bottom: 3px; } @media (max-width: 768px) { .credit-card-lobby .credit-cards .credit-card .card-hover .header .name { font-size: 27px; padding: 10px 0; } } .credit-card-lobby .credit-cards .credit-card .card-hover .header .sub-title { font-weight: 400; line-height: 1; font-size: 16px; padding-left: 5px; min-height: 40px; min-width: 150px; } @media (max-width: 768px) { .credit-card-lobby .credit-cards .credit-card .card-hover .header .sub-title { text-align: center; padding: 0; font-size: 16px; font-weight: 600; } } .credit-card-lobby .credit-cards .credit-card .card-hover .header .line { height: 1px; display: block; background-color: #A2C7FD; margin-top: 5px; max-width: 130px; } @media (max-width: 768px) { .credit-card-lobby .credit-cards .credit-card .card-hover .header .line { max-width: 100%; } } .slider .credit-card-lobby .credit-cards .credit-card .card-hover .header .line { display: none; } .credit-card-lobby .credit-cards .credit-card .card-hover .card-bullets { padding-top: 5px; flex-grow: 1; display: flex; } .slider .credit-card-lobby .credit-cards .credit-card .card-hover .card-bullets ul { display: flex; justify-content: center; } .credit-card-lobby .credit-cards .credit-card .card-hover .card-bullets ul li { display: flex; align-items: flex-start; font-weight: 400; position: relative; margin: 5px 0; } .slider .credit-card-lobby .credit-cards .credit-card .card-hover .card-bullets ul li { position: relative; align-items: baseline; max-width: 130px; padding: 0 10px; } .credit-card-lobby .credit-cards .credit-card .card-hover .card-bullets ul li .bullet { margin-left: 8px; margin-top: 4px; } .credit-card-lobby .credit-cards .credit-card .card-hover .card-bullets ul li .bullet:before { content: " "; width: 8px; height: 8px; background-color: #06F; border-radius: 50%; display: block; } .slider .credit-card-lobby .credit-cards .credit-card .card-hover .card-bullets ul li .bullet { background-color: #A2C7FD; width: 1px; height: 50px; text-align: -moz-center; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; } .credit-card-lobby .credit-cards .credit-card .card-hover .card-bullets ul li .text { font-size: 16.156px; font-style: normal; font-weight: 400; line-height: 125%; /* 20.195px */ } @media (min-width: 769px) { .credit-card-lobby .credit-cards .credit-card .card-hover .card-bullets ul li .text { font-size: 0.833vw; } } .credit-card-lobby .credit-cards .credit-card .card-hover .order-card a { background: #06F; color: #fff; font-weight: 600; padding: 6px 25px; width: 100%; display: block; text-align: center; margin: 7px auto 0; border-radius: 10px; } .slider .credit-card-lobby .credit-cards .credit-card .card-hover .order-card a { display: inline-block; width: auto; } .credit-card-lobby .credit-cards .credit-card .card-hover .add-to-compare { text-align: center; padding-top: 5px; cursor: pointer; color: #06F; font-size: 15px; font-weight: 400; } .credit-card-lobby .credit-cards .credit-card .card-hover .add-to-compare.disabled { color: #777777; } .credit-card-lobby .credit-cards .credit-card .card-hover .card-disclaimer { font-size: 12px; color: #373737; } .credit-card-lobby .credit-cards .credit-card .card-details { width: 200px; padding: 50px 20px 20px; border-radius: 15.365px; border: 1.536px solid var(--Neutral-white, #FFF); background: linear-gradient(242deg, rgba(255, 255, 255, 0.8) 45.72%, rgba(255, 255, 255, 0.6) 79.91%); box-shadow: 0px 0px 15.365px 0px rgba(7, 7, 98, 0.1), 0px 11.524px 46.095px -23.047px rgba(7, 7, 98, 0.4); backdrop-filter: blur(15.36489px); min-height: 160px; } .credit-card-lobby .selectors { display: flex; justify-content: space-between; } @media (max-width: 768px) { .credit-card-lobby .selectors { height: 60px; align-items: center; position: relative; } } .credit-card-lobby .selectors .filters { margin: 10px 0; } .credit-card-lobby .selectors .filters ul { display: flex; } @media (max-width: 768px) { .credit-card-lobby .selectors .filters ul { flex-direction: column; border: 1px solid #A2C7FD; border-radius: 25px; position: absolute; width: 170px; z-index: 6; background: rgba(255, 255, 255, 0.85); box-shadow: 0px 0px 20.097px 0px rgba(7, 7, 98, 0.1), 0px 15.073px 60.292px -30.146px rgba(7, 7, 98, 0.4); backdrop-filter: blur(20.09738px); height: 42px; overflow: hidden; top: 11px; } .credit-card-lobby .selectors .filters ul.open { height: auto; } } .credit-card-lobby .selectors .filters ul .exe-filter-mobile { display: none; } @media (max-width: 768px) { .credit-card-lobby .selectors .filters ul .exe-filter-mobile { display: block; } } @media (max-width: 768px) { .credit-card-lobby .selectors .filters ul li { border-bottom: 1px solid #F0F0F0; margin: 0 5px; padding: 5px 0; } .credit-card-lobby .selectors .filters ul li:last-child { border-bottom: 0; } } .credit-card-lobby .selectors .filters ul li button { border: 1px solid #A2C7FD; color: #070762; padding: 2px 17px; margin: 0 0 0 14px; border-radius: 30px; cursor: pointer; font-size: 18px; font-weight: 400; background: transparent; } @media (max-width: 768px) { .credit-card-lobby .selectors .filters ul li button { border: 0; width: 100%; text-align: right; } } .credit-card-lobby .selectors .filters ul li button.active { background-color: #C1DAFE; border: 0; padding: 3px 18px; } @media (max-width: 768px) { .credit-card-lobby .selectors .filters ul li button.active { background-color: transparent; padding: 2px 17px; } } .credit-card-lobby .selectors .filters ul li button:hover { text-decoration: none; } .credit-card-lobby .selectors .switches ul { display: flex; } .credit-card-lobby .selectors .switches .switch { cursor: pointer; width: 30px; height: 30px; background-position: center !important; background-repeat: no-repeat !important; font-size: 0; border: 0; margin: 0 10px; } .credit-card-lobby .selectors .switches .switch-a { background: url("/images/credit-cards/slider-gray.svg"); } .credit-card-lobby .selectors .switches .switch-a.active { background: url("/images/credit-cards/slider.svg"); } .credit-card-lobby .selectors .switches .switch-b { background: url("/images/credit-cards/grid-gray.svg"); } .credit-card-lobby .selectors .switches .switch-b.active { background: url("/images/credit-cards/grid.svg"); } .credit-card-lobby .selectors .switches .delimiter { position: relative; } .credit-card-lobby .selectors .switches .delimiter i { position: absolute; background-color: #D9D9D9; width: 2px; height: 25px; top: 5px; } .credit-card-lobby .credit-card-compare { background: var(--Neutral-white, #FFF); box-shadow: 7px -4px 25.8px 0px rgba(0, 0, 0, 0.1); position: fixed; width: 100%; z-index: 3; opacity: 0; } .credit-card-lobby .credit-card-compare .card-compare-inner { position: relative; display: flex; align-items: center; max-width: 100%; margin: 0 30px 20px; flex-direction: row-reverse; flex-wrap: wrap; justify-content: center; } @media (min-width: 769px) { .credit-card-lobby .credit-card-compare .card-compare-inner { flex-wrap: nowrap; flex-direction: row; width: 1600px; margin: 0 auto; } } .credit-card-lobby .credit-card-compare .card-compare-inner .title { display: none; } @media (min-width: 769px) { .credit-card-lobby .credit-card-compare .card-compare-inner .title { display: block; font-size: var(--desktop-font-size, 1.042vw); font-weight: 400; } } .credit-card-lobby .credit-card-compare .card-compare-inner ul { display: flex; } @media (max-width: 768px) { .credit-card-lobby .credit-card-compare .card-compare-inner ul { flex-basis: 100%; flex-direction: row; justify-content: space-between; } } .credit-card-lobby .credit-card-compare .card-compare-inner ul li .compare-item { position: relative; width: 81px; height: 50px; border: 1px dashed #c2c2c2; margin: 30px 0px; border-radius: 9px; background-size: 100%; background-repeat: no-repeat; } @media (min-width: 769px) { .credit-card-lobby .credit-card-compare .card-compare-inner ul li .compare-item { width: 75px; margin: 30px 20px 20px; } } .credit-card-lobby .credit-card-compare .card-compare-inner ul li .compare-item.in-bg { border: 0; } .credit-card-lobby .credit-card-compare .card-compare-inner ul li .compare-item.in-bg .remove-card, .credit-card-lobby .credit-card-compare .card-compare-inner ul li .compare-item.in-bg .card-name { display: block; } .credit-card-lobby .credit-card-compare .card-compare-inner ul li .compare-item .card-name { font-size: 15px; position: absolute; top: -25px; right: 0; left: 0; margin: auto; text-align: center; font-weight: 400; display: none; } .credit-card-lobby .credit-card-compare .card-compare-inner ul li .compare-item .remove-card { cursor: pointer; background: url("/images/credit-cards/close-compare.svg"); position: absolute; left: -8px; width: 20px; height: 20px; background-color: #fff; border-radius: 15px; background-repeat: no-repeat; background-size: 12px; background-position: center; top: -8px; border: 0; box-shadow: 0px 0.583px 4.667px 0px rgba(0, 0, 0, 0.25); display: none; } .credit-card-lobby .credit-card-compare .card-compare-inner .close { background-color: transparent; color: var(--Primary-vivid-blue, #06F); text-align: right; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; letter-spacing: 0.32px; } @media (min-width: 769px) { .credit-card-lobby .credit-card-compare .card-compare-inner .close { position: absolute; left: 0; top: 10px; font-size: 0; width: 20px; height: 21px; background: url("/images/credit-cards/close.svg"); background-size: 100%; } } .credit-card-lobby .credit-card-compare .card-compare-inner .compare-exe { margin-right: auto; margin-left: 0; background-color: #BFBFBF; color: #888787; font-size: 4.444vw; padding: 10px 15px; border-radius: 2.222vw; display: flex; justify-content: center; align-items: center; min-width: 38.889vw; } @media (min-width: 769px) { .credit-card-lobby .credit-card-compare .card-compare-inner .compare-exe { font-size: var(--desktop-font-size, 1.042vw); border-radius: 0.833vw; margin-left: 1.823vw; min-width: 10.417vw; height: 60px; } } .credit-card-lobby .credit-card-compare .card-compare-inner .compare-exe:hover { text-decoration: none; } .credit-card-lobby .credit-card-compare .card-compare-inner .compare-exe.enabled { background: #06F; color: #fff; font-weight: 400; } .credit-card-lobby .credit-card-compare .card-compare-inner .compare-exe.enabled:hover { background: var(--Secondary-06, #0D54D8); } .credit-card-lobby .credit-card-compare.hide { opacity: 0; bottom: -10vh; transition: all 0.5s ease; } .credit-card-lobby .credit-card-compare.show { opacity: 1; bottom: 0; transition: all 0.5s ease; } .member_directors_list { display: flex; flex-direction: column; } @media (min-width: 769px) { .member_directors_list { padding: 2.08vw 15.365vw; flex-wrap: wrap; gap: 5.378vw; row-gap: 4.43vw; flex-direction: row; } } .member_directors_list .member_directors { display: flex; width: 252px; height: 381px; margin: 0 auto 56px auto; flex-direction: column; background: #FFF; box-shadow: 0px 30px 40px -25px rgba(7, 7, 98, 0.2); border-radius: 15px; background: radial-gradient(80.57% 66.49% at 54.08% 66.3%, rgba(9, 33, 137, 0.3) 10%, rgba(9, 33, 137, 0.1) 75%, rgba(9, 33, 137, 0.1) 100%); } @media (min-width: 769px) { .member_directors_list .member_directors { display: block; height: 19.95vw; position: relative; box-shadow: 0px 1.56vw 2.08vw -1.3vw rgba(7, 7, 98, 0.2); flex-basis: 19% !important; width: unset; margin: unset; overflow: hidden; border-radius: 0.78vw; } } .member_directors_list .member_directors .image { width: 100%; height: 337.543px; flex-shrink: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } @media (min-width: 769px) { .member_directors_list .member_directors .image { height: 17.58vw; } } .member_directors_list .member_directors .content { display: flex; width: 252px; flex-direction: column; margin-top: -63px; border-radius: 15px; border: 1px solid #FFF; background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0.85%, rgba(255, 255, 255, 0.95) 21.27%, rgba(255, 255, 255, 0.98) 37.08%, #FFF 52.88%); box-shadow: 0 0 30px -32px rgba(7, 7, 98, 0.05); backdrop-filter: blur(5px); height: 120px; justify-content: center; padding: 0 20px; cursor: pointer; } @media (min-width: 769px) { .member_directors_list .member_directors .content { position: absolute; z-index: 1; bottom: 0; width: 100% !important; border-radius: 0.78vw; border: 0.05vw solid #FFF; backdrop-filter: unset; padding: 0 1.04vw; height: 6.8vw; transition: height 200ms ease-out; } } .member_directors_list .member_directors .content .title_member { font-size: 24px; flex-direction: column; align-items: flex-end; color: #0D54D8; font-style: normal; font-weight: 400; line-height: 110%; /* 26.4px */ } @media (min-width: 769px) { .member_directors_list .member_directors .content .title_member { font-size: 1.25vw; gap: 0.78vw; } } .member_directors_list .member_directors .content .role_member, .member_directors_list .member_directors .content .description { color: #070762; font-size: 20px; line-height: 130%; /* 26px */ font-weight: 400; } @media (min-width: 769px) { .member_directors_list .member_directors .content .role_member, .member_directors_list .member_directors .content .description { font-size: 1.04vw; } } .member_directors_list .member_directors .content .role_member span { display: none; } .member_directors_list .member_directors .content .description { display: none; } @media (min-width: 769px) { .member_directors_list .member_directors .content .description { display: flex; flex-direction: column; font-size: 0.83vw; padding-top: 0.42vw; } .member_directors_list .member_directors .content .description .more_info { display: none; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.83vw; -webkit-line-clamp: 12; } .member_directors_list .member_directors .content .description .more_info p { margin-bottom: 0; } .member_directors_list .member_directors .content .description .more_info.line-clamp-2 { -webkit-line-clamp: 11; } .member_directors_list .member_directors .content .description .more_info.line-clamp-3 { -webkit-line-clamp: 9; } .member_directors_list .member_directors .content .description .more_link { display: none; color: #0D54D8; } } .member_directors_list .member_directors:hover .content, .member_directors_list .member_directors:focus-visible .content { height: 100%; justify-content: flex-start; padding-top: 1.04vw; opacity: 1; transform: translateY(0); transition: 200ms; } .member_directors_list .member_directors:hover .content .more_info, .member_directors_list .member_directors:focus-visible .content .more_info { display: -webkit-box; } .content_center { justify-content: center; gap: 5.73vw; } .description_member { display: none; width: 83%; padding: 90px 0 20px 0; flex-direction: column; gap: 15px; top: 150px; left: 0; right: 0; margin: auto; border-radius: 20px; background: #FFF; box-shadow: 12px 4px 60px 0px rgba(0, 0, 0, 0.25); z-index: 131; position: fixed; max-height: 1px; transition: 0.3s all ease-out; opacity: 0; visibility: hidden; height: fit-content; } @media (min-width: 769px) { .description_member { overflow: hidden; top: 0; bottom: 0; margin: auto; width: 42.78vw; padding: 0 0 0 3.65vw; justify-content: center; align-items: flex-start; gap: 2.86vw; border-radius: 1.04vw; box-shadow: 0.63vw 0.21vw 3.13vw 0 rgba(0, 0, 0, 0.25); } } .description_member.fix-height { transition: 0.3s all ease-out; max-height: 60vh; opacity: 1; visibility: visible; } @media (min-width: 769px) { .description_member.fix-height { max-height: 24.22vw; } } .description_member .close-description { display: flex; background-image: url(/images/header/close-white.svg); cursor: pointer; position: absolute; left: 0; top: -48px; width: 24px !important; height: 24px !important; margin: 0px; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain; border: 0px; background-color: transparent; } @media (min-width: 769px) { .description_member .close-description { left: 1.46vw; top: 1.46vw; width: 1.25vw !important; height: 1.25vw !important; background-image: url(/images/header/close.svg); } } .description_member .close-description:hover { transform: rotate(90deg); transition: transform 250ms ease-out; } .description_member .description_main { display: flex; justify-content: center; margin-bottom: -1px; } .description_member .description_main .image { width: 13.88vw; border-radius: 0px 1.04vw 1.04vw 0px; background-position-x: 50%; background-position-y: 50%; background-repeat: no-repeat; background-size: cover; background-color: lightgray; } @media (max-width: 768px) { .description_member .description_main .image { right: 0; left: 0; margin: auto; position: absolute; right: 0; left: 0; margin: auto; width: 142px; height: 142px; top: -71px; object-fit: cover; border-radius: 76px; background-size: contain; border: 2px solid var(--Neutral-white, #FFF); } } .description_member .description_main .content { width: 100%; overflow-y: hidden; padding: 0 30px; display: flex; flex-direction: column; margin: auto; transition: 300ms ease-out; } @media (min-width: 769px) { .description_member .description_main .content { width: 75%; min-height: 18.23vw; max-height: 24.27vw; overflow-y: hidden; padding: 3.13vw 2.86vw 2.08vw 0; display: flex; flex-direction: column; gap: 0.52vw; } } .description_member .description_main .content .title_member { flex-direction: column; align-items: flex-end; color: #0D54D8; text-align: center; font-size: 20px; font-style: normal; font-weight: 400; line-height: 110%; /* 26.4px */ margin: 0; } @media (min-width: 769px) { .description_member .description_main .content .title_member { text-align: right; font-size: 1.25vw; } } .description_member .description_main .content .role_member, .description_member .description_main .content .description { color: #070762; font-size: 16px; line-height: 130%; /* 26px */ text-align: center; font-weight: 400; } @media (min-width: 769px) { .description_member .description_main .content .role_member, .description_member .description_main .content .description { text-align: right; font-size: 1.04vw; } } .description_member .description_main .content .role_member br { display: none; } .description_member .description_main .content .description { display: flex; flex-direction: column; font-size: 16px; text-align: right; padding-top: 15px; } @media (min-width: 769px) { .description_member .description_main .content .description { font-size: 0.83vw; padding-top: 0.26vw; } } .description_member .description_main .content .description .more_info { font-size: 16px; } @media (min-width: 769px) { .description_member .description_main .content .description .more_info { font-size: 0.83vw; } } .description_member .description_main .content .description .more_info p { margin-bottom: 0; } .description_member .description_main .content .description .more_link { display: none !important; } .links.coloms { padding: 56px 24px; display: flex; gap: 32px; font-weight: 600; color: #070762; flex-direction: column; } @media (min-width: 768px) { .links.coloms { flex-direction: row; padding: 4.69vw 8.33vw; gap: 4.79vw; } } .links.coloms .title { font-size: 24px; } @media (max-width: 767px) { .links.coloms .title br { display: none; } } @media (min-width: 768px) { .links.coloms .title { min-width: 18.59vw; font-size: 1.67vw; } } .links.coloms .link_list { width: 100%; display: flex; flex-direction: column; } @media (min-width: 768px) { .links.coloms .link_list { flex-direction: row; } } .links.coloms .link_list .link-colom { display: flex; flex-direction: column; } @media (min-width: 768px) { .links.coloms .link_list .link-colom { flex-basis: 33%; } } @media (max-width: 767px) { .links.coloms .link_list .link-colom .link { margin-bottom: 16px; } } .links.coloms .link_list .link-colom .link a { font-size: 18px; line-height: 28px; color: #10069B; text-decoration: none; } .links.coloms .link_list .link-colom .link a[href*=".pdf"]:before, .links.coloms .link_list .link-colom .link a[href*=".xlsx"]:before, .links.coloms .link_list .link-colom .link a[href*=".xsl"]:before, .links.coloms .link_list .link-colom .link a[href*=".docx"]:before, .links.coloms .link_list .link-colom .link a[href*=".doc"]:before, .links.coloms .link_list .link-colom .link a[href*=".mp3"]:before, .links.coloms .link_list .link-colom .link a[href*=".mp4"]:before { content: ""; display: inline-block; /* so it sizes to content */ background: linear-gradient(0deg, #F1F4FE 0%, #F1F4FE 100%), var(--Color-Icon-icon-container, #E7EDFD); width: 24px; /* image width */ height: 24px; border-radius: 8px; background-size: 18px; background-position: center; vertical-align: middle; background-repeat: no-repeat; min-width: 24px; margin: 0 0 0 7px; } @media (min-width: 1001px) { .links.coloms .link_list .link-colom .link a[href*=".pdf"]:before, .links.coloms .link_list .link-colom .link a[href*=".xlsx"]:before, .links.coloms .link_list .link-colom .link a[href*=".xsl"]:before, .links.coloms .link_list .link-colom .link a[href*=".docx"]:before, .links.coloms .link_list .link-colom .link a[href*=".doc"]:before, .links.coloms .link_list .link-colom .link a[href*=".mp3"]:before, .links.coloms .link_list .link-colom .link a[href*=".mp4"]:before { width: 1.75vw; height: 1.75vw; border-radius: 0.42vw; background-size: 1.5vw; background-position: center; background-repeat: no-repeat; margin: 0 0 0 0.365vw; } } .links.coloms .link_list .link-colom .link a[href*=".pdf"]:hover:before, .links.coloms .link_list .link-colom .link a[href*=".xlsx"]:hover:before, .links.coloms .link_list .link-colom .link a[href*=".xsl"]:hover:before, .links.coloms .link_list .link-colom .link a[href*=".docx"]:hover:before, .links.coloms .link_list .link-colom .link a[href*=".doc"]:hover:before, .links.coloms .link_list .link-colom .link a[href*=".mp3"]:hover:before, .links.coloms .link_list .link-colom .link a[href*=".mp4"]:hover:before { background: #D6DBF5; width: 24px; height: 24px; border-radius: 8px; background-size: 18px; background-position: center; background-repeat: no-repeat; } @media (min-width: 1001px) { .links.coloms .link_list .link-colom .link a[href*=".pdf"]:hover:before, .links.coloms .link_list .link-colom .link a[href*=".xlsx"]:hover:before, .links.coloms .link_list .link-colom .link a[href*=".xsl"]:hover:before, .links.coloms .link_list .link-colom .link a[href*=".docx"]:hover:before, .links.coloms .link_list .link-colom .link a[href*=".doc"]:hover:before, .links.coloms .link_list .link-colom .link a[href*=".mp3"]:hover:before, .links.coloms .link_list .link-colom .link a[href*=".mp4"]:hover:before { width: 1.75vw; height: 1.75vw; border-radius: 0.42vw; background-size: 1.5vw; background-position: center; } } .links.coloms .link_list .link-colom .link a[href*=".pdf"]:before { background-image: url(/images/leumi_new/paragraphs/pdf.svg) !important; } .links.coloms .link_list .link-colom .link a[href*=".xlsx"]:before, .links.coloms .link_list .link-colom .link a[href*=".xsl"]:before { background-image: url(/images/leumi_new/paragraphs/xls.svg) !important; } .links.coloms .link_list .link-colom .link a[href*=".docx"]:before, .links.coloms .link_list .link-colom .link a[href*=".doc"]:before { background-image: url(/images/leumi_new/paragraphs/docx.svg) !important; } .links.coloms .link_list .link-colom .link a[href*=".mp3"]:before, .links.coloms .link_list .link-colom .link a[href*=".mp4"]:before { background-size: 22px; background-image: url(/images/leumi_new/paragraphs/mp3.svg) !important; } @media (min-width: 1001px) { .links.coloms .link_list .link-colom .link a[href*=".mp3"]:before, .links.coloms .link_list .link-colom .link a[href*=".mp4"]:before { background-size: 1.5vw; } } @media (min-width: 768px) { .links.coloms .link_list .link-colom .link a { font-size: 0.94vw; margin-bottom: 0.94vw; line-height: 1.46vw; } } .links.coloms .link_list .link-colom .link a:hover { color: #0D057D; } .links.coloms .link_list .link-colom .link a:active { color: #10069B; } .links.rows { display: flex; flex-direction: column; padding: 30px 30px 30px 15px; font-style: normal; font-weight: 600; line-height: 150%; } @media (min-width: 768px) { .links.rows { padding: 0.83vw 15.36vw 2.55vw 15.36vw; flex-direction: row; line-height: 100%; } } .links.rows .title { font-size: 20px; font-style: normal; font-weight: 700; color: #070762; padding-bottom: 15px; } @media (min-width: 768px) { .links.rows .title { font-size: 1.67vw; font-weight: 600; padding-bottom: 0; } .links.rows .title:after { content: ""; background-image: url(/images/leumi_new/paragraphs/LineBlue.svg); background-repeat: no-repeat; background-size: contain; width: 2px; height: 1.2vw; display: inline-block; margin: 0 1.04vw; } } .links.rows .link-colom { display: flex; flex-direction: column; } @media (min-width: 768px) { .links.rows .link-colom { flex-direction: row; } } .links.rows .link-colom .link a { font-size: 16px; text-decoration: none; } @media (min-width: 768px) { .links.rows .link-colom .link a { font-size: 0.83vw; } } .links.rows .link-colom .link a:after { content: ">"; margin-left: 1.04vw; } .links.rows .link-colom .link a:hover { color: #0D54D8; } .links.rows .link-colom .link a:active { color: #070762; } .cookie_container.cookie_active { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); position: fixed; z-index: 131; } .cookie_container .cookie-alert { display: none; position: absolute; background-color: #ffffff; padding-top: 15px; padding-bottom: calc(5em + env(safe-area-inset-bottom)); color: #4d8ff7; bottom: 0; left: 0; right: 0; z-index: 131; border-radius: 20px 20px 0 0; animation: move_cookie_up 1s ease-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } @media (min-width: 769px) { .cookie_container .cookie-alert { padding: 20px 45px; left: 5.104vw; right: 5.104vw; height: 125px; } } @keyframes move_cookie_up { 0% { transform: translateY(0); transition: transform 0.5s ease-out; } 100% { transform: translateY(0); } } .cookie_container .cookie-alert.closeCookie { animation: move_cookie_down 1s ease-out; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes move_cookie_down { 0% { height: auto; transform: translateY(-1vh); transition: transform 0.5s ease-out; } 100% { height: 0px; transform: translateY(100px); opacity: 0; } } .cookie_container .cookie-alert .text { display: flex; flex-direction: row; } @media (min-width: 768px) { .cookie_container .cookie-alert .text i { background: url(/images/leumi_new/IconCookie.png); background-repeat: no-repeat; background-position: right top; background-size: 5.614vw auto; width: 5.573vw; height: 3.75vw; } } .cookie_container .cookie-alert .text .title { font-size: 16px; color: #070762; font-weight: 400; } @media (max-width: 767px) { .cookie_container .cookie-alert .text .title { text-align: center; background: url(/images/leumi_new/IconCookie.png); background-repeat: no-repeat; background-position: right 8px top; background-size: 57px auto; line-height: 125%; } .cookie_container .cookie-alert .text .title > span { display: block; padding-right: 62px; padding-left: 34px; } } @media (min-width: 768px) { .cookie_container .cookie-alert .text .title { font-size: var(--desktop-font-size, 1.042vw); text-align: right; padding-right: 6.875vw; } } .cookie_container .cookie-alert .text .sub-title { font-size: 16px; color: #070762; font-weight: 400; text-align: center; line-height: 150%; margin-top: 5px; } @media (min-width: 768px) { .cookie_container .cookie-alert .text .sub-title { text-align: right; font-size: var(--desktop-font-size, 1.042vw); margin-top: 0px; padding-right: 6.875vw; max-width: 91%; } } .cookie_container .cookie-alert .text .sub-title span { display: block; } .cookie_container .cookie-alert .text .sub-title a { font-size: 16px; color: #070762; font-weight: 400; text-align: center; /*&:after { content: ""; display: inline-flex; text-decoration: none; background-image: url("/images/leumi_new/HP/arrow_left_pressed.svg"); height: 17px; width: 17px; position: relative; top: 5px; background-repeat: no-repeat; background-size: 40%; background-position: center; @if $is-russian or $is-english { rotate: 180deg; } }*/ } @media (min-width: 768px) { .cookie_container .cookie-alert .text .sub-title a { font-size: var(--desktop-font-size, 1.042vw); } } .cookie_container .cookie-alert .hide-alert { background-image: url(/images/header/close.svg); cursor: pointer; left: 20px; width: 22px; height: 22px; margin: 0px; background-repeat: no-repeat; background-position: center center; background-size: contain; border: 0px; } .cookie_container .cookie-alert .hide-alert .x { display: none; } @media (min-width: 768px) { .cookie_container .cookie-alert .hide-alert { background-image: none; width: 8.49vw; height: 2.292vw; border-radius: 0.417vw; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: var(--desktop-font-size, 1.042vw); border: 1px solid #0066FF; color: #0066FF; top: 15px; bottom: 0; margin: auto; left: 2.604vw; } } @media (min-width: 769px) { .leumi_new_design.SearchResultPage { background-image: url("/images/leumi_new/inner_page/Background.png"); background-repeat: no-repeat; background-size: 100%; width: 100vw; overflow-x: clip; background-position: 0 -4.4vw; } } .leumi_new_design.SearchResultPage .search_results { min-height: calc(100vh - 200px); width: 100%; } .leumi_new_design.SearchResultPage .search_results .container { padding: 0; max-width: unset; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .container { padding: 0 13.8vw 2.6vw 13.8vw; } } .leumi_new_design.SearchResultPage .search_results .search_header { display: flex; width: 100%; flex-direction: row; justify-content: space-between; padding: 0; margin: auto; background-image: url(/images/leumi_new/inner_page/Background.png); background-repeat: no-repeat; background-size: cover; background-position: 0 25px; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .search_header { background-image: none; } } .leumi_new_design.SearchResultPage .search_results .search_header .container { display: flex; flex-direction: column; max-width: unset; padding-right: 20px; padding-left: 20px; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .search_header .container { flex-direction: row; flex-wrap: wrap; padding: 0 13.8vw 0 13.8vw; } } @media (min-width: 768px) { .leumi_new_design.SearchResultPage .search_results .search_header .container .breadcrumbs_container { width: 100%; flex-grow: 1; flex-basis: 100%; padding-right: 1.56vw; } } .leumi_new_design.SearchResultPage .search_results .search_header .container .breadcrumbs_container .breadcrumbs_ul { display: flex; flex-direction: row; list-style: none; font-size: 14px; font-style: normal; font-weight: 200; line-height: 120%; /* 16.8px */ letter-spacing: 0.28px; color: var(--Primary-main-dark, #070762); padding: 0; margin: 0px 0 23px 0; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .search_header .container .breadcrumbs_container .breadcrumbs_ul { font-size: var(--desktop-font-size, 1.042vw); margin: 1.56vw 0 0 0; font-weight: 400; line-height: 100%; } } .leumi_new_design.SearchResultPage .search_results .search_header .container .breadcrumbs_container .breadcrumbs_ul .breadcrumbs_li a { color: var(--Primary-main-dark, #070762); } .leumi_new_design.SearchResultPage .search_results .search_header .container .breadcrumbs_container .breadcrumbs_ul .breadcrumbs_li:first-of-type:after { content: '>' / ''; font-size: 14px; color: var(--Primary-main-dark, #070762); font-style: normal; font-weight: 200; line-height: 120%; margin-right: 5px; letter-spacing: 0.28px; text-decoration: none; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .search_header .container .breadcrumbs_container .breadcrumbs_ul .breadcrumbs_li:first-of-type:after { font-size: var(--desktop-font-size, 1.042vw); line-height: 100%; font-weight: 400; margin-right: 0.3vw; } } .leumi_new_design.SearchResultPage .search_results .search_header .container .page_title { font-size: var(--h1-font-size, 32px); display: flex; align-items: center; justify-content: center; padding: 0; color: var(--Primary-main-dark, #070762); font-style: normal; line-height: 110%; font-weight: 700; flex: 1; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .search_header .container .page_title { font-size: var(--h1-font-size, 3.75vw); line-height: 100%; height: 11.46vw; justify-content: flex-start; padding-right: 1.56vw; } } .leumi_new_design.SearchResultPage .search_results .search_header .container .img { width: 90%; align-self: center; max-width: 360px; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .search_header .container .img { width: 32.031vw; max-width: unset; position: absolute; left: 8.68vw; top: 0; background-color: transparent; } } .leumi_new_design.SearchResultPage .search_results .search_header .container .img img { width: 100%; height: auto; } .leumi_new_design.SearchResultPage .search_results .search_field { display: flex; width: 100%; flex-direction: row; justify-content: flex-start; margin-bottom: 40px; padding: 0 20px; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .search_field { margin-bottom: 1.08vw; padding: 6.77vw 15.36vw 2.6vw 15.36vw !important; } } .leumi_new_design.SearchResultPage .search_results .search_field .input_wrapper { position: relative; display: flex; width: 100%; height: 52px; padding: 8px 16px 8px 7px; align-items: center; gap: 8px; flex-shrink: 0; align-self: stretch; border-radius: 8px; background: rgba(236, 244, 254, 0.96); border: 1px solid rgba(236, 244, 254, 0.96); } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .search_field .input_wrapper { width: 29.167vw; height: 2.92vw; padding: 0.42vw 0.83vw 0.42vw 0.36vw; gap: 0.42vw; border-radius: 0.42vw; } } .leumi_new_design.SearchResultPage .search_results .search_field .input_wrapper .search_input { border: 0; width: 100%; padding-right: 0px; border-radius: 0; font-size: 16px; font-weight: 400; line-height: 150%; /* 24px */ color: var(--Neutral-black, #000); height: fit-content; background-color: transparent; caret-color: var(--Primary-vivid-blue, #06F); position: relative; z-index: 1; padding-top: 0; padding-bottom: 0; flex-grow: 1; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .search_field .input_wrapper .search_input { font-size: var(--desktop-font-size, 1.042vw); line-height: 160%; font-weight: 400; } } .leumi_new_design.SearchResultPage .search_results .search_field .input_wrapper .search_input:focus { outline: none; } .leumi_new_design.SearchResultPage .search_results .search_field .input_wrapper .search_img { position: absolute; left: 0.642vw; right: auto; border-radius: 0.625vw; background: transparent; background-image: url(/images/header/blue_search2.svg); background-position: 50%; background-repeat: no-repeat; background-size: 2.4vw; padding: 1vw; font-size: 0; border: 0; display: flex; z-index: 2; cursor: pointer; } @media (max-width: 768px) { .leumi_new_design.SearchResultPage .search_results .search_field .input_wrapper .search_img { left: 8px; top: 8px; background-size: contain; border-radius: 8px; width: 32px !important; height: 32px !important; } } .leumi_new_design.SearchResultPage .search_results .search_field .input_wrapper:focus-within { border-radius: 8px 8px 0px 0px; border-bottom: 1px solid #0066ff; } .leumi_new_design.SearchResultPage .search_results .search_field .input_wrapper:focus-within button.search_img.active { background: var(--Primary-vivid-blue, #06F); background-image: url(/images/header/white_search.svg); background-position: 50%; background-repeat: no-repeat; background-size: 2.4vw; } @media (max-width: 768px) { .leumi_new_design.SearchResultPage .search_results .search_field .input_wrapper:focus-within button.search_img.active { background-size: contain; } } .leumi_new_design.SearchResultPage .search_results .no_results, .leumi_new_design.SearchResultPage .search_results .empty_results { text-align: right; margin: 0px 20px; } .leumi_new_design.SearchResultPage .search_results .no_results .no_result_title, .leumi_new_design.SearchResultPage .search_results .no_results h3, .leumi_new_design.SearchResultPage .search_results .empty_results .no_result_title, .leumi_new_design.SearchResultPage .search_results .empty_results h3 { font-size: 20px; font-style: normal; font-weight: 700; line-height: 130%; color: var(--Brand-Main-Blue, #070762); } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .no_results, .leumi_new_design.SearchResultPage .search_results .empty_results { margin: 0 1.56vw; text-align: right; } .leumi_new_design.SearchResultPage .search_results .no_results .no_result_title, .leumi_new_design.SearchResultPage .search_results .no_results h3, .leumi_new_design.SearchResultPage .search_results .empty_results .no_result_title, .leumi_new_design.SearchResultPage .search_results .empty_results h3 { font-size: var(--h3-font-size, 1.25vw); line-height: 120%; } } .leumi_new_design.SearchResultPage .search_results .no_results .no_result_options li.no_result_item, .leumi_new_design.SearchResultPage .search_results .empty_results .no_result_options li.no_result_item { font-size: 4.444vw; color: var(--Primary-main-dark, #070762); font-weight: 400; line-height: 160%; } @media (min-width: 768px) { .leumi_new_design.SearchResultPage .search_results .no_results .no_result_options li.no_result_item, .leumi_new_design.SearchResultPage .search_results .empty_results .no_result_options li.no_result_item { font-size: var(--desktop-font-size, 1.042vw); } } .leumi_new_design.SearchResultPage .search_results .no_results .no_result_options li.no_result_item::marker, .leumi_new_design.SearchResultPage .search_results .empty_results .no_result_options li.no_result_item::marker { color: var(--Primary-vivid-blue, #06F); font-size: 1.5em; } .leumi_new_design.SearchResultPage .search_results .no_results .taxonomy_items, .leumi_new_design.SearchResultPage .search_results .empty_results .taxonomy_items { margin-top: 50px; padding: 0; } .leumi_new_design.SearchResultPage .search_results .no_results .taxonomy_items UL, .leumi_new_design.SearchResultPage .search_results .empty_results .taxonomy_items UL { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } .leumi_new_design.SearchResultPage .search_results .no_results .taxonomy_items UL LI, .leumi_new_design.SearchResultPage .search_results .empty_results .taxonomy_items UL LI { width: 50%; padding: 0 0 8px 0; margin: 0; } .leumi_new_design.SearchResultPage .search_results .no_results .taxonomy_items UL LI a, .leumi_new_design.SearchResultPage .search_results .empty_results .taxonomy_items UL LI a { color: var(--Primary-vivid-blue, #06F); font-weight: 400; line-height: 150%; /* 30px */ letter-spacing: 0.4px; font-size: 4.444vw; } @media (min-width: 768px) { .leumi_new_design.SearchResultPage .search_results .no_results .taxonomy_items UL LI a, .leumi_new_design.SearchResultPage .search_results .empty_results .taxonomy_items UL LI a { font-size: var(--desktop-font-size, 1.042vw); } } .leumi_new_design.SearchResultPage .search_results .no_results .empty_resultText, .leumi_new_design.SearchResultPage .search_results .empty_results .empty_resultText { display: none !important; } .leumi_new_design.SearchResultPage .search_results .results, .leumi_new_design.SearchResultPage .search_results .promotions, .leumi_new_design.SearchResultPage .search_results .items, .leumi_new_design.SearchResultPage .search_results .item_templete, .leumi_new_design.SearchResultPage .search_results .no_results, .leumi_new_design.SearchResultPage .search_results .empty_results { display: none; } .leumi_new_design.SearchResultPage .search_results .results .search_branches { margin: 40px 20px; } @media (min-width: 768px) { .leumi_new_design.SearchResultPage .search_results .results .search_branches { margin: 1.56vw 1.56vw; } } .leumi_new_design.SearchResultPage .search_results .results .search_branches .container { padding: 0; } .leumi_new_design.SearchResultPage .search_results .results .result_title { color: var(--Brand-Main-Blue, #070762); text-align: right; leading-trim: both; text-edge: cap; font-size: var(--h3-font-size, 1.25vw); font-style: normal; font-weight: 700; line-height: 120%; /* 28.8px */ margin: 0 20px 40px 20px; } @media (min-width: 768px) { .leumi_new_design.SearchResultPage .search_results .results .result_title { margin: 0 1.56vw 1.76vw 1.56vw; } } .leumi_new_design.SearchResultPage .search_results .results .promotions { border-radius: 20px; border: 2px solid #A2C7FD; background: linear-gradient(71deg, rgba(255, 255, 255, 0.6) 14.9%, rgba(255, 255, 255, 0.45) 45.79%); box-shadow: 0px 15px 60px -30px rgba(7, 7, 98, 0.4); backdrop-filter: blur(20px); padding: 30px; margin: 0 20px 10px 20px; } @media (min-width: 768px) { .leumi_new_design.SearchResultPage .search_results .results .promotions { border-radius: 1.04vw; border: 0.104vw solid #A2C7FD; box-shadow: 0px 0.78vw 3.13vw -1.56vw rgba(7, 7, 98, 0.4); backdrop-filter: blur(1.04vw); padding: 0.47vw 1.56vw 0.78vw 1.56vw; margin: 0 1.56vw 1.04vw 1.56vw; } } .leumi_new_design.SearchResultPage .search_results .results .promotions .item .item_text { padding: 15px 0 0 0; } @media (min-width: 768px) { .leumi_new_design.SearchResultPage .search_results .results .promotions .item .item_text { padding: 0.28vw 0 0 0; } } .leumi_new_design.SearchResultPage .search_results .results .promotions:hover { background: var(--Neutral-gray-02, rgba(246, 246, 246, 0.96)); } .leumi_new_design.SearchResultPage .search_results .results .item { cursor: pointer; } @media (min-width: 768px) { .leumi_new_design.SearchResultPage .search_results .results .item { padding: 1.04vw 0; } } .leumi_new_design.SearchResultPage .search_results .results .item .item_link { color: var(--Secondary-06, #0D54D8); text-align: right; leading-trim: both; text-edge: cap; /* Desktop/H3/Bold */ font-size: var(--h3-font-size, 1.25vw); font-style: normal; font-weight: 700; line-height: 120%; /* 28.8px */ text-decoration: none; } .leumi_new_design.SearchResultPage .search_results .results .item .item_link:hover { color: var(--Secondary-06, #0D54D8); } @media (max-width: 768px) { .leumi_new_design.SearchResultPage .search_results .results .item .item_link:hover { text-decoration: none; } } .leumi_new_design.SearchResultPage .search_results .results .item .item_link span { display: none; } .leumi_new_design.SearchResultPage .search_results .results .item .item_text { color: var(--Primary-main-dark, #070762); text-align: right; leading-trim: both; text-edge: cap; /* Desktop/Body 1/Regular */ font-size: var(--desktop-font-size, 1.042vw); font-style: normal; font-weight: 400; line-height: 160%; /* 32px */ padding: 15px 0 0 0; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .results .item .item_text { padding: 1.04vw 0 0.26vw 0; } } .leumi_new_design.SearchResultPage .search_results .results .items .item { padding: 30px 30px 35px 30px; border: 1px solid transparent; } @media (min-width: 768px) { .leumi_new_design.SearchResultPage .search_results .results .items .item { padding: 1.56vw 1.3vw 1.56vw 1.3vw; margin: 0 1.56vw 0 1.56vw; } } .leumi_new_design.SearchResultPage .search_results .results .items .item .item_link { display: block; } .leumi_new_design.SearchResultPage .search_results .results .items .item:hover { background: var(--Neutral-gray-03, rgba(240, 240, 240, 0.96)); border-radius: 10px; border: 1px solid var(--Neutral-gray-03, rgba(240, 240, 240, 0.96)); } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .results .items .item:hover { border-radius: 0.52vw; } } .leumi_new_design.SearchResultPage .search_results .results .items .attractive_item { padding: 30px 30px 35px 30px; border: 1px solid transparent; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .results .items .attractive_item { padding: 1.56vw 1.3vw 1.56vw 1.3vw; margin: 0 1.56vw 0 1.56vw; } } .leumi_new_design.SearchResultPage .search_results .results .items .attractive_item:hover { background: var(--Neutral-gray-02, rgba(246, 246, 246, 0.96)); border-radius: 10px; border: 1px solid var(--Neutral-gray-02, rgba(246, 246, 246, 0.96)); } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .results .items .attractive_item:hover { border-radius: 0.52vw; } } .leumi_new_design.SearchResultPage .search_results .results .items .attractive_item .item { padding: 10px 0 0 0; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .results .items .attractive_item .item { padding: 0.73vw 0 0 0; margin: 0; } } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .results .item_separator { margin: 0 1.56vw; } } .leumi_new_design.SearchResultPage .search_results .results .item_separator > hr { background-color: #A2C7FD; margin: 0.52vw 0; } @media (max-width: 768px) { .leumi_new_design.SearchResultPage .search_results .results .item_separator > hr { margin: 0 30px; } } .leumi_new_design.SearchResultPage .search_results .results .attractiv_button { display: inline-flex; height: 37px; min-width: 140px; padding: 11.5px 17.5px 11.5px 17.5px; justify-content: center; align-items: center; gap: 1.458vw; flex-shrink: 0; border-radius: 8px; background-color: #06F; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; color: white; margin: 20px 0 0 0; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .results .attractiv_button { border-radius: 0.833vw; height: 3.125vw; font-size: var(--desktop-font-size, 1.042vw); min-width: 200px; padding: 0.417vw 2.5vw 0.573vw 2.5vw; margin: 1.3vw 0 0.26vw 0; } } .leumi_new_design.SearchResultPage .search_results .results .attractiv_button:hover { background-color: var(--Secondary-06, #0D54D8); text-decoration: none; } .leumi_new_design.SearchResultPage .search_results .results .attractiv_title { display: inline-flex; overflow: hidden; color: var(--Secondary-06, #0D54D8); text-align: center; text-overflow: ellipsis; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; /* 24px */ letter-spacing: 0.32px; padding: 2px 10px; border-radius: 8px; border: 1px solid var(--Secondary-02, #C1DAFE); background: var(--Secondary-00, #EAF0F9); } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .search_results .results .attractiv_title { padding: 0.1vw 0.52vw; border-radius: 0.42vw; } } .leumi_new_design.SearchResultPage .search_results .results .paddingArea { padding: 60px 0px; } .leumi_new_design.SearchResultPage .search_results .results .paddingArea .pagingContainer { display: flex; gap: 35px; justify-content: center; flex-direction: row; } .leumi_new_design.SearchResultPage .search_results .results .paddingArea .pagingContainer button { border-radius: 100px; background: var(--Neutral-white, #FFF); box-shadow: 0px 1.712px 6.85px 0px rgba(114, 113, 160, 0.25); border: 0; width: 30px; height: 30px; padding: 9.702px 0px; width: 30px; height: 30px; padding: 9.702px 0px; background-repeat: no-repeat; background-position: center; cursor: pointer; } .leumi_new_design.SearchResultPage .search_results .results .paddingArea .pagingContainer button.searchPrevOff { background-image: url("/images/leumi_new/HP/arrow_right_disabled.svg"); } .leumi_new_design.SearchResultPage .search_results .results .paddingArea .pagingContainer button.searchPrevOn { background-image: url("/images/leumi_new/HP/arrow_right.svg"); } .leumi_new_design.SearchResultPage .search_results .results .paddingArea .pagingContainer button.searchPrevOn:hover { background-image: url("/images/leumi_new/HP/arrow_right_pressed.svg"); } .leumi_new_design.SearchResultPage .search_results .results .paddingArea .pagingContainer button.searchNextOff { background-image: url("/images/leumi_new/HP/arrow_left_disabled.svg"); } .leumi_new_design.SearchResultPage .search_results .results .paddingArea .pagingContainer button.searchNextOn { background-image: url("/images/leumi_new/HP/arrow_left.svg"); } .leumi_new_design.SearchResultPage .search_results .results .paddingArea .pagingContainer button.searchNextOn:hover { background-image: url("/images/leumi_new/HP/arrow_left_pressed.svg"); } .leumi_new_design.SearchResultPage .search_results .results .paddingArea .pagingContainer .numberPageArea { display: flex; flex-direction: row; gap: 35px; } .leumi_new_design.SearchResultPage .search_results .results .paddingArea .pagingContainer .numberPageArea .getSearchResults { color: var(--Primary-main-dark, #070762); text-align: right; leading-trim: both; text-edge: cap; /* Desktop/Body 1/Light */ font-size: var(--desktop-font-size, 1.042vw); font-style: normal; font-weight: 200; line-height: 150%; /* 30px */ display: flex; align-items: center; } .leumi_new_design.SearchResultPage .search_results .results .paddingArea .pagingContainer .numberPageArea .getSearchResults:hover { font-weight: 700; line-height: 140%; /* 28px */ text-decoration: none; } .leumi_new_design.SearchResultPage .search_results .results .paddingArea .pagingContainer .numberPageArea .getSearchResults .currentPageNum { color: var(--Primary-vivid-blue, #06F); font-weight: 700; } .leumi_new_design.SearchResultPage .results_wrapper { position: relative; } @media (min-width: 769px) { .leumi_new_design.SearchResultPage .results_wrapper { width: 29.167vw; margin-right: 15.36vw; } } .leumi_new_design.SearchResultPage .results_wrapper .loader { display: none; width: 200px; height: 100px; position: absolute; top: 20px; left: 0; right: 0; bottom: 0; text-align: center; margin: auto; z-index: 2; overflow: auto; } .leumi_new_design .layout-container.page_404_bg { background-color: var(--Primary-Background-Light-blue-gray, #F8FAFC); } .leumi_new_design .layout-container.page_404_bg main { padding-top: 4.84vw !important; } .leumi_new_design .layout-container.page_404_bg footer { background-color: white; } @media (min-width: 769px) { .leumi_new_design .layout-container.page_404_bg footer { padding-top: 100px; } } .leumi_new_design .page_404 { background: white; padding: 12vh 15.365vw; max-width: 100%; margin: 0 auto; } @media (max-width: 768px) { .leumi_new_design .page_404 { padding: 17vh 12vw 6vh; } } .leumi_new_design .page_404 .message { display: flex; } @media (max-width: 768px) { .leumi_new_design .page_404 .message { flex-direction: column; justify-content: center; align-items: center; } } .leumi_new_design .page_404 .message .text { flex: 1; color: #070762; font-size: 1.88vw; font-weight: 400; line-height: 120%; padding: 5.21vw 0; } @media (max-width: 768px) { .leumi_new_design .page_404 .message .text { font-size: 18px; order: 2; } } .leumi_new_design .page_404 .message .image { background-image: url("/images/leumi_new/404/404_rtl.jpg"); width: 20.83vw; background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .leumi_new_design .page_404 .message .image { width: 300px; height: 250px; background-size: 100%; } } .leumi_new_design .youtubepadding { display: flex; padding: 2.94em 1.77em 1.77em 1.77em; position: relative; flex-direction: column; justify-content: center; align-items: center; gap: 1.2em; width: 100%; } @media (min-width: 768px) { .leumi_new_design .youtubepadding { padding: 2.08vw 15.365vw; gap: 2.083vw; } } .leumi_new_design .youtubepadding .desc12 { align-self: flex-start; } .leumi_new_design .youtubepadding .youtube-title { text-align: right; color: var(--Secondary-06, #0D54D8); font-size: 20px; font-style: normal; font-weight: 700; line-height: 130%; /* 55.2px */ letter-spacing: 1.2px; margin: 0; } @media (min-width: 768px) { .leumi_new_design .youtubepadding .youtube-title { font-size: 1.67vw; font-weight: 600; line-height: 115%; /* 55.2px */ } } .leumi_new_design .youtubepadding .description-youtube { color: var(--Primary-main-dark, #070762); text-align: right; font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; } @media (min-width: 768px) { .leumi_new_design .youtubepadding .description-youtube { font-size: var(--desktop-font-size, 1.042vw); font-weight: 400; line-height: 160%; } } .leumi_new_design .youtubepadding .leumi-youtube { border-radius: 0.25em; } @media (min-width: 768px) { .leumi_new_design .youtubepadding .leumi-youtube { border-radius: 1.042vw; } } .leumi_new_design .youtubepadding .leumi-youtube.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 46.25%; } .leumi_new_design .youtubepadding .leumi-youtube.embed-responsive iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 1.042vw; } .leumi_new_design .youtubepadding .leumi-youtube.embed-responsive .video_cover { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; top: 0; z-index: 1; cursor: pointer; border-radius: 1.042vw; } .leumi_new_design .youtubepadding .leumi-youtube.embed-responsive .video_cover > button { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; cursor: pointer; width: 12.5vw; height: 12.5vw; border-radius: 50%; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.8); box-shadow: 0 6.85px 27.4px 0 rgba(114, 113, 160, 0.25); } @media (min-width: 768px) { .leumi_new_design .youtubepadding .leumi-youtube.embed-responsive .video_cover > button { transition: transform 0.2s ease, transform 0.3s ease; width: 6.25vw; height: 6.25vw; } } .leumi_new_design .youtubepadding .leumi-youtube.embed-responsive .video_cover > button > svg { width: 3.125vw; margin-left: 0.604vw; height: auto; } @media (min-width: 768px) { .leumi_new_design .youtubepadding .leumi-youtube.embed-responsive .video_cover > button > svg { width: 1.563vw; } } .leumi_new_design .youtubepadding .leumi-youtube.embed-responsive .video_cover > button:hover { transform: scale(1.1); } .leumi_new_design .youtubepadding .leumi-youtube.embed-responsive .video_cover:hover button { transform: scale(1.1); } .leumi_new_design .youtubepadding .leumi-youtube.embed-responsive .video_cover.playing { display: none; } .leumi_new_design .youtubepadding.bg_light_blue { background: var(--Primary-Background-Light-blue-gray, #F8FAFC); } .phone-custom-comp .select2 .select2-selection { padding: 0; } .phone-custom-comp .select2-container--default .select2-selection--single .select2-selection__arrow b { top: 4px; } .select2 .select2-selection { padding: 7px 0 2px; height: auto; border: 0; background-color: #EDF4FE; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0; background: url("/images/webforms/arrow-dropdown.svg"); width: 25px; height: 25px; transform: rotate(180deg); top: 0; left: 50%; right: unset; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border: 0; background: url("/images/webforms/arrow-dropdown.svg"); width: 25px; height: 25px; transform: initial; } .select2-selection.select2-selection--single { background-color: transparent; } .select2-container--open .select2-selection { background-color: transparent; } .select2-dropdown.select2-dropdown--below { border: 0; box-shadow: 1px 1px 4px 0px #c2c2c2; } .select2-dropdown.select2-dropdown--above { box-shadow: 0px -2px 3px 0px #c2c2c2; } .select2-search__field { display: none !important; } .select2-results { border: 0; } .select2-results ul li { border-bottom: 1px solid #F0F0F0; padding: 10px 0 10px 0; margin: 0 15px; } .select2-results ul li:last-child { border-bottom: 0; } .select2-results__option { color: #454545; font-weight: 400; font-size: 16px; } @media (min-width: 821px) { .select2-results__option { font-size: var(--desktop-font-size, 1.042vw); } } .select2-container--default .select2-results__option--selected, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: transparent; color: #8C8C8C; } .select2-container--default .select2-results__option--selected:hover, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover { background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%), #EDF4FE; } body.leumi_new_design.press_release.investor_relation .node-page-container { width: 100%; margin: auto; } @media (min-width: 821px) { body.leumi_new_design.press_release.investor_relation .node-page-container { padding: 0 40px; } } body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header { position: relative; } body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header .page-heder-text { padding: 32px 24px 62px 24px; } @media (min-width: 821px) { body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header .page-heder-text { height: 20.83vw; padding: 4.17vw 3.75vw 0 3.75vw; } } body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header .page-heder-text .nav-breadcrumb { margin: 0; padding: 0; max-width: unset; display: block; } body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header .page-heder-text .nav-breadcrumb ol { margin: 0; padding: 0; } body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header .page-heder-text .nav-breadcrumb a, body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header .page-heder-text .nav-breadcrumb li { color: #fff; font-style: normal; font-weight: 400; line-height: 100%; font-size: 16px; } @media (min-width: 769px) { body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header .page-heder-text .nav-breadcrumb a, body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header .page-heder-text .nav-breadcrumb li { font-size: 0.99vw; } } body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header .page-heder-text h1 { display: flex; font-size: 32px; font-weight: 900; color: var(--Primary-main-dark, #fff); padding: 56px 0 0 0; line-height: 52px; margin: 0; } @media (min-width: 821px) { body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header .page-heder-text h1 { font-size: 2.92vw; line-height: 100%; height: 13.46vw; padding: 4.9vw 0 0 0; font-style: normal; } } body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header .page-heder-img { width: 100%; position: absolute; z-index: -1; top: 0; right: 0; left: 0; margin: auto; height: 215px; } @media (min-width: 821px) { body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header .page-heder-img { height: 20.83vw; } } body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-header .page-heder-img img { width: 100%; height: 100%; border-radius: 16px; } body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-main { padding: 0; margin: 0; } @media (min-width: 1440px) { body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-main .container { max-width: 84.444vw; } } @media (min-width: 1920px) { body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-main .container { max-width: 83.333vw; } } body.leumi_new_design.press_release.investor_relation .node-page-container .node-page-main .container .press-release-title { color: var(--Color-Text-main, #070762); font-size: var(--Headings-h2-size, 40px); font-style: normal; font-weight: 600; line-height: var(--Headings-h2-Line-hight, 48px); /* 120% */ letter-spacing: var(--Headings-h2-letter-spacing, 0.1px); } body.leumi_new_design.press_release_general_display { background-image: url(/images/leumi_new/inner_page/Background.png); background-repeat: no-repeat; background-size: cover; height: 22.84vw; } /*# sourceMappingURL=style.css.map */