at path：
ROOT
/
content
/
css
/
style0.css
run：
R
W
Run
style0.css
129.06 KB
2026-08-06 16:17:40
R
W
Run
Delete
Rename
style1.css
63.26 KB
2026-08-06 16:17:40
R
W
Run
Delete
Rename
error_log
up
📄
style0.css
Save
.app-loading { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; width: 100%; height: 89vh; z-index: -1 } .app-loading-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; -o-align-content: center; align-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; background-position: 50% 50%; width: 130px } .loading-ring { display: flex; position: relative; /* Sized so the flexbox parent can center it (inner elements are absolutely positioned). */ width: 113px; height: 113px } .loading-ring div { box-sizing: border-box; display: block; position: absolute; width: 101px; height: 101px; margin: 6px; border: 6px solid #FFF; border-radius: 50%; animation: loading-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #006341 transparent transparent transparent } .loading-ring svg { position: absolute; margin-top: 25px; margin-left: 25px } .loading-ring div:nth-child(1) { animation-delay: -0.45s } .loading-ring div:nth-child(2) { animation-delay: -0.3s } .loading-ring div:nth-child(3) { animation-delay: -0.15s } @keyframes loading-ring { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg) } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg) } } [_nghost-ng-c1305129137] .approveit-container .progress-container .progress-bar-success { background-color: #0c8450 !important; border-bottom: none !important; } .nid-lib .progress-bar { box-shadow: none; } .progress-bar { float: left; font-size: 12px; line-height: 20px; color: #fff; text-align: center; transition: width 0.6s ease; } .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] progressbar[_ngcontent-ng-c1305129137] { margin: 10px 0; min-width: 100%; } .nid-lib .progress { max-width: 25rem; overflow: hidden; height: 4px; margin-bottom: 50px; background-color: #eeeeee; border-radius: 0; box-shadow: none; } [_nghost-ng-c3576352787] { width: 100%; display: flex; } .approve-it-container[_ngcontent-ng-c1305129137] { background-color: #fff; text-align: center; } .nid-lib .overlay.alternate { background-color: #FFF !important; color: #666; text-align: left; } @media (min-width: 768px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; margin: 20px 0; } } .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] { /* width: 100%; */ display: inline-block; } @media (min-width: 768px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .progress-container[_ngcontent-ng-c1305129137] { min-width: 300px; } } [_nghost-ng-c1305129137] .approveit-container .progress-container { margin-top: 30px; } .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .time-left[_ngcontent-ng-c1305129137] { text-align: left; color: #333; font-size: 20px; } .approve-it-container[_ngcontent-ng-c1305129137] .margin-top-20[_ngcontent-ng-c1305129137] { margin-top: 20px; } [_ngcontent-ng-c2912084714]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } [_ngcontent-ng-c2912084714]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .spinner-container[_ngcontent-ng-c2912084714] { animation: _ngcontent-ng-c2912084714_rotate 2s linear infinite; -webkit-animation: _ngcontent-ng-c2912084714_rotate 2s linear infinite; z-index: 100 } .spinner-container[_ngcontent-ng-c2912084714] .path[_ngcontent-ng-c2912084714] { stroke-dasharray: 1, 150; stroke-dashoffset: 0; stroke: #FFF; stroke-linecap: round; animation: _ngcontent-ng-c2912084714_dash 1.5s ease-in-out infinite; -webkit-animation: _ngcontent-ng-c2912084714_dash 1.5s ease-in-out infinite } @keyframes _ngcontent-ng-c2912084714_rotate { 100% { transform: rotate(360deg) } } @keyframes _ngcontent-ng-c2912084714_dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35 } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124 } } [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal { overflow: hidden } @media (max-width:376px) { [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal { padding: 30px 20px } } @media (max-width:767px) and (min-width:376px) { [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal { padding: 120px 20px } } @media (min-width:768px) { [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay { overflow: hidden } [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .gd-primary-btn, [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .gd-ghost-btn { max-width: 18rem } } [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay { max-width: 810px !important; height: auto; padding: 20px 30px } @media (max-width:767px) { [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay { height: auto } } [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row { width: 65%; margin: auto auto 30px } @media (max-width:1023px) { [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row { width: 100% } } @media (max-width:767px) { [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row { width: 100% } } [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row .gd-sm-label { float: left } @media (max-width:767px) { [_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer { width: 85%; margin: auto } } @media (max-width:1023px) { [_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer .sub-title { font-size: 14px; line-height: 21px; margin-top: 10px } } @media (max-width:767px) { [_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer .sub-title { font-size: 14px; line-height: 21px } } .approve-it-container[_ngcontent-ng-c1305129137] { background-color: #fff; text-align: center } @media (min-width:768px) { .approve-it-container[_ngcontent-ng-c1305129137] { margin: 0 50px } } .approve-it-container[_ngcontent-ng-c1305129137] .close-icon[_ngcontent-ng-c1305129137] { position: absolute !important; right: 18px; cursor: pointer; top: 18px } .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column } .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] { position: relative } .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] { /* width: 100%; display: inline-block */ } @media (min-width:768px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; margin: 20px 0 } } @media (min-width:768px) {} .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .iconITA[_ngcontent-ng-c1305129137] { left: calc(50% - 60px) } @media (min-width:768px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .iconITA[_ngcontent-ng-c1305129137] { left: auto } } @media (max-width:767px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .iconITA[_ngcontent-ng-c1305129137] { left: calc(50% - 35px) } } @media (min-width:768px) {} @media (max-width:767px) {} @media (min-width:768px) {} @media (max-width:767px) {} @media (max-width:767px) {} @media (min-width:768px) {} @media (min-width:768px) {} @media (max-width:767px) {} @media (min-width:768px) {} @media (max-width:767px) {} .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] { color: #333; font-family: LibreFranklin, Century Gothic, Helvetica, Arial; font-size: 20px; text-align: center } @media (max-width:1023px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] { font-size: 16px; line-height: 21px } } @media (max-width:767px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] { font-size: 16px; margin-top: 10px; line-height: 21px } } .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] { color: #333; font-family: LibreFranklinMedium, Century Gothic, Helvetica, Arial; margin-bottom: 20px; font-size: 28px; line-height: 35px; text-align: center } @media (max-width:1023px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] { font-size: 28px; line-height: 35px } } @media (max-width:767px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] { font-size: 22px; line-height: 27.5px } } @media (max-width:1023px) {} .approve-it-container[_ngcontent-ng-c1305129137] .margin-bottom-20[_ngcontent-ng-c1305129137] { margin-bottom: 20px } .approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] { width: 85%; margin: 30px auto auto } .approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse } @media (min-width:1024px) { .approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] { -webkit-flex-direction: initial; -moz-flex-direction: initial; -ms-flex-direction: initial; -o-flex-direction: initial; flex-direction: initial } } @media (max-width:1023px) { .approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] .left[_ngcontent-ng-c1305129137], .approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] .right[_ngcontent-ng-c1305129137] { width: 100% } } .overlay-modal[_ngcontent-ng-c215243294] { position: fixed; z-index: 9999; left: 0; top: 0; right: 0; background-color: #000; background: none #0006; overflow-x: hidden } .overlay-modal[_ngcontent-ng-c215243294] { bottom: 0 } .overlay[_ngcontent-ng-c215243294] { position: relative; width: 100%; margin: 0; background: #0c8953; overflow-x: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box } @media (min-width:768px) { .overlay[_ngcontent-ng-c215243294] { height: auto; width: 80%; overflow: auto; left: 50%; top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } } @media (min-width:1024px) { .overlay[_ngcontent-ng-c215243294] { max-width: 680px } } .gd-ghost-btn[_ngcontent-ng-c86863389], .gd-primary-btn[_ngcontent-ng-c86863389] { -webkit-border-radius: .25rem; -moz-border-radius: .25rem; -ms-border-radius: .25rem; -o-border-radius: .25rem; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out } .gd-primary-btn[_ngcontent-ng-c86863389]:hover, .gd-primary-btn[_ngcontent-ng-c86863389]:active, .gd-primary-btn[_ngcontent-ng-c86863389]:focus, .gd-primary-btn[_ngcontent-ng-c86863389]:active:focus { color: #fff; background: #09603a; border-color: transparent; outline: none } .gd-ghost-btn[_ngcontent-ng-c86863389]:hover, .gd-ghost-btn[_ngcontent-ng-c86863389]:active, .gd-ghost-btn[_ngcontent-ng-c86863389]:focus, .gd-ghost-btn[_ngcontent-ng-c86863389]:active:focus { color: #0c8450; background: #eee; border-color: transparent; outline: none } @media (min-width:768px) {} .btnWithBorder[_ngcontent-ng-c86863389]:hover, .btnWithBorder[_ngcontent-ng-c86863389]:active, .btnWithBorder[_ngcontent-ng-c86863389]:focus, .btnWithBorder[_ngcontent-ng-c86863389]:active:focus { color: #fff; background: #0c8450; border-color: #0c8450; outline: none } button[_ngcontent-ng-c86863389] { margin-top: 10px } [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal { overflow: hidden } @media (max-width:376px) { [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal { padding: 30px 20px } } @media (max-width:767px) and (min-width:376px) { [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay-modal { padding: 120px 20px } } @media (min-width:768px) { [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay { overflow: hidden } [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .gd-primary-btn, [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .gd-ghost-btn { max-width: 18rem } } [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay { max-width: 810px !important; height: auto; padding: 20px 30px } @media (max-width:767px) { [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay { height: auto } } [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row { width: 65%; margin: auto auto 30px } @media (max-width:1023px) { [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row { width: 100% } } @media (max-width:767px) { [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row { width: 100% } } [_nghost-ng-c1305129137] .approveit-container .accept-approve-it .overlay .gd-form-row .gd-sm-label { float: left } @media (max-width:767px) { [_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer { width: 85%; margin: auto } } @media (max-width:1023px) { [_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer .sub-title { font-size: 14px; line-height: 21px; margin-top: 10px } } @media (max-width:767px) { [_nghost-ng-c1305129137] .approveit-container .nlsg-otp-start .spinnerContainer .sub-title { font-size: 14px; line-height: 21px } } .approve-it-container[_ngcontent-ng-c1305129137] { background-color: #fff; text-align: center } @media (min-width:768px) { .approve-it-container[_ngcontent-ng-c1305129137] { margin: 0 50px } } .approve-it-container[_ngcontent-ng-c1305129137] .close-icon[_ngcontent-ng-c1305129137] { position: absolute !important; right: 18px; cursor: pointer; top: 18px } .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column } .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] { position: relative } .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] { /* width: 100%; */ display: inline-block } @media (min-width:768px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; margin: 20px 0 } } @media (min-width:768px) {} .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .iconITA[_ngcontent-ng-c1305129137] { left: calc(50% - 60px) } @media (min-width:768px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .iconITA[_ngcontent-ng-c1305129137] { left: auto } } @media (max-width:767px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .spinner-container[_ngcontent-ng-c1305129137] .iconITA[_ngcontent-ng-c1305129137] { left: calc(50% - 35px) } } @media (min-width:768px) {} @media (max-width:767px) {} @media (min-width:768px) {} @media (max-width:767px) {} @media (max-width:767px) {} @media (min-width:768px) {} @media (min-width:768px) {} @media (max-width:767px) {} @media (min-width:768px) {} @media (max-width:767px) {} .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] { color: #333; font-family: LibreFranklin, Century Gothic, Helvetica, Arial; font-size: 20px; text-align: center } @media (max-width:1023px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] { font-size: 16px; line-height: 21px } } @media (max-width:767px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .sub-title[_ngcontent-ng-c1305129137] { font-size: 16px; margin-top: 10px; line-height: 21px } } .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] { color: #333; font-family: LibreFranklinMedium, Century Gothic, Helvetica, Arial; margin-bottom: 20px; font-size: 28px; line-height: 35px; text-align: center } @media (max-width:1023px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] { font-size: 28px; line-height: 35px } } @media (max-width:767px) { .approve-it-container[_ngcontent-ng-c1305129137] .nlsg-otp-start[_ngcontent-ng-c1305129137] .spinnerContainer[_ngcontent-ng-c1305129137] .page-title-secondary[_ngcontent-ng-c1305129137] { font-size: 22px; line-height: 27.5px } } @media (max-width:1023px) {} .approve-it-container[_ngcontent-ng-c1305129137] .margin-bottom-20[_ngcontent-ng-c1305129137] { margin-bottom: 20px } .approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] { width: 85%; margin: 30px auto auto } .approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse } @media (min-width:1024px) { .approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] { -webkit-flex-direction: initial; -moz-flex-direction: initial; -ms-flex-direction: initial; -o-flex-direction: initial; flex-direction: initial } } @media (max-width:1023px) { .approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] .left[_ngcontent-ng-c1305129137], .approve-it-container[_ngcontent-ng-c1305129137] .btnContainer[_ngcontent-ng-c1305129137] .half-btns[_ngcontent-ng-c1305129137] .right[_ngcontent-ng-c1305129137] { width: 100% } } /*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/outdated-browser.css?ngGlobalStyle ***! \*******************************************************************************************************************************************************************************************************************************************/ .outdated-browser-Info { width: 100%; height: 100% } @media (min-width:768px) {} @media (min-width:1024px) {} /*!**************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/intl-tel-input/build/css/intlTelInput.css?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************/ @media (max-width:500px) {} @media (min-resolution:192dpi) {} @media (min-resolution:192dpi) {} /*!*************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css ***! \*************************************************************************************************************************************************************************************************************************************************/ @media (max-width:768px) {} @media (max-width:768px) {} /*!****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/default.theme.css ***! \****************************************************************************************************************************************************************************************************************************************************/ /*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles/styles.scss?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } footer, header { display: block } template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 } b { font-weight: bold } img { border: 0 } svg:not(:root) { overflow: hidden } hr { box-sizing: content-box; height: 0 } button, input { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button { text-transform: none } button { -webkit-appearance: button; cursor: pointer } html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ * { box-sizing: border-box } *:before, *:after { box-sizing: border-box } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } body { line-height: 1.428571429; background-color: #fff } input, button { font-family: inherit; font-size: inherit; line-height: inherit } a:hover, a:focus { color: #23527c; text-decoration: underline } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } img { vertical-align: middle } hr { border: 0 } h1, h4 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit } h1, h3 { margin-top: 20px; margin-bottom: 10px } h4 { margin-top: 10px; margin-bottom: 10px } @media (min-width:768px) {} ul { margin-top: 0; margin-bottom: 10px } @media (min-width:768px) {} @media (min-width:1024px) {} @media (min-width:1440px) {} .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .container-fluid:before, .container-fluid:after { display: table; content: " " } .container-fluid:after { clear: both } .row { margin-right: -15px; margin-left: -15px } .row:before, .row:after { display: table; content: " " } .row:after { clear: both } .col-md-5, .col-xs-6, .col-md-7, .col-xs-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } .col-xs-6, .col-xs-12 { float: left } .col-xs-6 { width: 50% } .col-xs-12 { width: 100% } @media (min-width:768px) { .col-sm-12 { float: left } .col-sm-12 { width: 100% } } @media (min-width:1024px) { .col-md-5, .col-md-7 { float: left } .col-md-5 { width: 41.6666666667% } .col-md-7 { width: 58.3333333333% } } @media (min-width:1440px) { .col-lg-5, .col-lg-7 { float: left } .col-lg-5 { width: 41.6666666667% } .col-lg-7 { width: 58.3333333333% } } @media screen and (max-width:767px) {} label { max-width: 100%; margin-bottom: 5px; font-weight: 700 } @media screen and (-webkit-min-device-pixel-ratio:0) {} @media (min-width:768px) {} @media (min-width:768px) {} @media (min-width:768px) {} @keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @media (min-width:768px) {} @media (min-width:1024px) {} @media all and (transform-3d), (-webkit-transform-3d) {} @media screen and (min-width:768px) {} .clearfix:before, .nid-lib .template-content .logo-cntnr:before, .template-content .logo-cntnr:before, .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { display: table; content: " " } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { clear: both } @media (max-width:767px) {} @media (max-width:767px) {} @media (min-width:768px) and (max-width:1023px) {} @media (min-width:1024px) and (max-width:1439px) {} @media (min-width:1024px) and (max-width:1439px) {} @media (min-width:1440px) {} @media (min-width:1440px) {} @media (max-width:767px) { .hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:1023px) { .hidden-sm { display: none !important } } @media (min-width:1024px) and (max-width:1439px) {} @media (min-width:1440px) {} :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } html, body, ul, p { margin: 0; padding: 0 } a, a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none; color: #009639; cursor: pointer } hr { border-top: 1px solid #EEE } h1 { font-size: 100% } @media (min-width:768px) { h3.page-title-secondary { font-size: 1.875rem } } @media (min-width:768px) {} .fa-fa-eye-show { position: relative } .fa-fa-eye-show::before { content: url(../images/img_131eaae8eadb54e1.svg); width: 100%; height: 100%; display: block } .fa-fa-eye-hide { position: relative } .fa-fa-eye-hide::before { content: url(../images/imghide.svg); width: 100%; height: 100%; display: block } @media (min-width:768px) {} :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .nid-lib .gd-ghost-btn, .nid-lib .gd-primary-btn, .gd-primary-btn { position: relative; width: 100%; max-width: 25rem; height: 50px; border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -o-border-radius: 0.25rem; outline: none; font-weight: bold; font-size: 1rem; padding: 0 15px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; text-align: center } .btn-disabled { display: block; pointer-events: none } .gd-primary-btn { background: #009639; color: #FFF; border: none } .gd-primary-btn:hover, .gd-primary-btn:active, .gd-primary-btn:focus, .gd-primary-btn:active:focus { color: #FFF; background: #007f33; border-color: transparent; outline: none } .gd-primary-btn:disabled, .gd-primary-btn[disabled] { color: #FFF; background: #D7D7D7; border-color: transparent; cursor: not-allowed } .gd-ghost-btn:hover, .gd-ghost-btn:active, .gd-ghost-btn:focus, .gd-ghost-btn:active:focus { color: #009639; background: #EEE; border-color: transparent; outline: none } .gd-ghost-btn:disabled, .gd-ghost-btn[disabled] { color: #D7D7D7; background: transparent; border-color: transparent; cursor: not-allowed } .half-btns .left, .half-btns .right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box } @media (min-width:768px) { .half-btns { display: flex; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between } .half-btns .left, .half-btns .right { width: 47% } } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .form-element, .nid-lib input[type=tel], input[type=text] { border: 2px solid #BBB; width: 100%; background: #FFF; color: #666; outline: none; height: 50px; padding: 0 15px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box } .form-element:focus, .nid-lib textarea:focus, textarea:focus, input[type=text]:focus, input[type=textbox]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=search]:focus, .input-type-div:focus { border-color: #009639 !important } @media (max-width:768px) {} @media (min-width:768px) {} :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .gd-form .gd-form-row label { display: block; color: #666 } .gd-form .gd-form-row .gd-sm-label { font-size: 0.875rem; font-weight: normal } .gd-form .gd-form-row .icon-field { position: relative } @media (min-width:375px) {} @media (min-width:768px) { .gd-form .gd-form-row { margin-bottom: 30px } .gd-form .gd-form-row:last-of-type { margin-bottom: 60px } } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } @media (min-width:768px) {} @media (min-width:1024px) {} @media (min-width:1440px) {} :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } @media (min-width:768px) {} @media (max-width:767px) {} :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; opacity: 0 } @media screen and (min-width:1024px) {} @media screen and (max-width:1023px) {} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } ::placeholder { color: #BBB } @keyframes loading-ring { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg) } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg) } } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } @media only screen and (min-device-width:320px) {} @media (min-width:375px) {} @media (min-width:768px) {} @media (min-width:1440px) {} :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } @media (min-width:768px) {} :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } @keyframes placeHolderShimmer { 0% { background-position: -468px 0 } 100% { background-position: 468px 0 } } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } @media (min-width:768px) {} @media (min-width:1024px) {} :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } input[type=text][disabled], input[type=password][disabled] { pointer-events: none } input[type=text][disabled]:not(.keep-local), input[type=search][disabled]:not(.keep-local), input[type=tel][disabled]:not(.keep-local), input[type=password][disabled]:not(.keep-local), input[type=email][disabled]:not(.keep-local), input[type=text][readonly]:not(.keep-local), input[type=search][readonly]:not(.keep-local), input[type=tel][readonly]:not(.keep-local), input[type=password][readonly]:not(.keep-local), input[type=email][readonly]:not(.keep-local), input.dp-picker-input[readonly][disabled]:not(.keep-local), .disable-dropdown:not(.keep-local), .dropdown-place.disable-dropdown:not(.keep-local) { color: #666 !important; border: 2px solid #D7D7D7 !important; background: #EEE !important } label:not(.keep-local) { color: #333 !important; font-weight: normal } ::placeholder, .ng-select .ng-select-container .ng-value-container .ng-placeholder {} :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after, .nid-lib .template-content .logo-cntnr:after, .template-content .logo-cntnr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } @media (min-width:768px) {} @media (min-width:1024px) {} * { outline: none !important } @font-face { font-family: LibreFranklin; src: url(../fonts/font_e9800c98d80382a9)format("woff2") } @font-face { font-family: LibreFranklinMedium; src: url(../fonts/font_7e2d8dbc33a5d021)format("woff2") } @font-face { font-family: LibreFranklinBold; src: url(../fonts/font_c31a9dbd5cb7eab6)format("woff2") } html { height: 100%; font-size: 16px } body { min-height: 100%; font-size: 1rem; font-family: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; color: #666; letter-spacing: 0.2px; background: #F9F9F9; cursor: default } @media (min-width:768px) {} @media (min-width:1440px) {} @media (min-width:1920px) {} .nid-lib .gd-ghost-btn, .nid-lib .gd-primary-btn { font-family: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; font-weight: 400; position: relative; width: 100%; max-width: initial; height: 50px; border-radius: 0.25rem; outline: none; font-size: 1rem; padding: 0 15px; transition: all 0.2s ease-in-out; text-align: center } .nid-lib [disabled].gd-primary-btn { cursor: not-allowed } .nid-lib .gd-primary-btn { border: none } .nid-lib .gd-primary-btn:hover, .nid-lib .gd-primary-btn:active, .nid-lib .gd-primary-btn:focus, .nid-lib .gd-primary-btn:active:focus { color: #FFF; background: #007f33; border-color: transparent; outline: none } .nid-lib .gd-primary-btn[disabled] { color: #FFF; background: #D7D7D7; border-color: transparent } .nid-lib .gd-ghost-btn:hover, .nid-lib .gd-ghost-btn:active, .nid-lib .gd-ghost-btn:focus, .nid-lib .gd-ghost-btn:active:focus { color: #009639; background: #EEE; border-color: transparent; outline: none } .nid-lib .half-btns { width: 100% } .nid-lib .half-btns .left, .nid-lib .half-btns .right { margin-bottom: 15px; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box } @media (min-width:768px) { .nid-lib .half-btns { display: flex; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between } .nid-lib .half-btns .left, .nid-lib .half-btns .right { width: 47% } } .nid-lib .btnWithBorder { color: #009639; background: #FFF; border: 2px solid #009639 } .nid-lib .btnWithBorder:hover, .nid-lib .btnWithBorder:active, .nid-lib .btnWithBorder:focus, .nid-lib .btnWithBorder:active:focus { color: #FFF; background: #009639; border-color: #009639; outline: none } .nid-lib input[type=tel] { border: 2px solid #BBB; width: 100%; background: #FFF; color: #666; outline: none; height: 50px; padding: 0 15px; border-radius: 0px; -webkit-appearance: none; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box } .nid-lib input.ng-valid[type=tel] { border-color: #78BE20 } .nid-lib .form-element:focus, .nid-lib textarea:focus, .nid-lib input[type=text]:focus, .nid-lib input[type=textbox]:focus, .nid-lib input[type=tel]:focus, .nid-lib input[type=number]:focus, .nid-lib input[type=search]:focus, .nid-lib .input-type-div:focus { border-color: #009639 } @media (max-width:768px) {} .nid-lib .gd-form .gd-form-row { margin-bottom: 20px } .nid-lib .gd-form .gd-form-row label { color: #666; font-weight: normal } .nid-lib input::-webkit-outer-spin-button, .nid-lib input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } .nid-lib ::placeholder { color: #BBB } @keyframes fadeAndFloatIn { 0% { opacity: 0; left: 100px } 100% { opacity: 1; left: 0px } } @media (min-width:1024px) {} @media (min-width:1024px) {} @keyframes placeHolderShimmer { 0% { background-position: -468px 0 } 100% { background-position: 468px 0 } } .nid-lib h3.page-title-secondary { font-weight: 300; letter-spacing: normal; margin: 0 0 40px } @media (min-width:768px) { .nid-lib h3.page-title-secondary { font-size: 1.25rem } } @media (min-width:768px) {} .nid-lib .overlay.alternate { background-color: #FFF !important; color: #666; text-align: left } @media (max-width:767px) {} .nid-lib .nid-lib-icon-ITA { position: relative } .nid-lib .nid-lib-icon-ITA::before { content: url(../images/img_4678ac91ee813949.svg); width: 120px; height: 120px; display: block } .nid-lib .nid-lib-icon-ITAA { position: relative } .nid-lib .nid-lib-icon-ITAA::before { content: url(../images/verification_shield.svg); width: 120px; height: 120px; display: block } .nid-lib .nid-lib-icon-ITAAA { position: relative } .nid-lib .nid-lib-icon-ITAAA::before { content: url(../images/verification_circle.svg); width: 120px; height: 120px; display: block } .nid-lib .nid-lib-icon-approve-it-close::before { content: url(../images/img_ccb219df3651ffae.svg); width: 18px; height: 18px; display: block } @media (min-width:768px) {} @media (min-width:1024px) {} @media (min-width:768px) {} @media (min-width:1024px) {} .nid-lib *:not(a):focus-visible, .nid-lib *:not(a):focus { outline: none } @font-face { font-family: "LibreFranklin"; src: url(../fonts/font_e9800c98d80382a9)format("woff2") } @font-face { font-family: "LibreFranklinMedium"; src: url(../fonts/font_7e2d8dbc33a5d021)format("woff2") } @font-face { font-family: "LibreFranklinBold"; src: url(../fonts/font_c31a9dbd5cb7eab6)format("woff2") } /*!*******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/snazzy-info-window/dist/snazzy-info-window.css?ngGlobalStyle ***! \*******************************************************************************************************************************************************************************************************************************************************************/ /*!*********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/swiper/swiper-bundle.css?ngGlobalStyle ***! \*********************************************************************************************************************************************************************************************************************************************/ @font-face { font-family: "swiper-icons"; src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box } .swiper-wrapper { transform: translate3d(0px, 0, 0) } .swiper-horizontal { touch-action: pan-y } .swiper-slide { flex-shrink: 0; height: 100%; position: relative; transition-property: transform; display: block } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } :root { --swiper-navigation-size: 44px } .swiper-button-prev, .swiper-button-next { width: calc(var(--swiper-navigation-size)/44*27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 10px); right: auto } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1 } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev" } .swiper-button-next { right: var(--swiper-navigation-sides-offset, 10px); left: auto } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next" } :root {} .swiper-pagination { text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10 } .swiper-horizontal>.swiper-pagination-bullets { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100% } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2) } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none !important } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1) } :root {} /*!******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/font-awesome/css/font-awesome.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************/ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @keyframes fa-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } } /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/customer/css/cbe.css?ngGlobalStyle ***! \***************************************************************************************************************************************************************************************************************************************/ /*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/nouislider/dist/nouislider.css?ngGlobalStyle ***! \***************************************************************************************************************************************************************************************************************************************************/ /*!******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************/ [_ngcontent-ng-c3012965625]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix[_ngcontent-ng-c3012965625]:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } [_ngcontent-ng-c3012965625]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix[_ngcontent-ng-c3012965625]:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .clearfix[_ngcontent-ng-c3012965625] { display: block } .app-transform__none[_ngcontent-ng-c3012965625] { transform: none !important } .scroll-page[_ngcontent-ng-c3012965625] { padding-top: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box } @media (min-width:460px) {} @media (min-width:767px) {} @media (min-width:768px) {} @media (min-width:1023px) {} @media (min-width:1440px) {} .scroll-page[_ngcontent-ng-c3012965625] .app-content-inner[_ngcontent-ng-c3012965625] { overflow: hidden; background: #FFF; min-height: calc(100vh - 375px) } @media (min-width:460px) { .scroll-page[_ngcontent-ng-c3012965625] .app-content-inner[_ngcontent-ng-c3012965625] { min-height: calc(100vh - 375px) } } @media (min-width:767px) { .scroll-page[_ngcontent-ng-c3012965625] .app-content-inner[_ngcontent-ng-c3012965625] { min-height: calc(100vh - 376px) } } @media (min-width:768px) { .scroll-page[_ngcontent-ng-c3012965625] .app-content-inner[_ngcontent-ng-c3012965625] { min-height: calc(100vh - 212px) } } @media (min-width:1023px) { .scroll-page[_ngcontent-ng-c3012965625] .app-content-inner[_ngcontent-ng-c3012965625] { min-height: calc(100vh - 212px) } } @media (min-width:1440px) { .scroll-page[_ngcontent-ng-c3012965625] .app-content-inner[_ngcontent-ng-c3012965625] { min-height: calc(100vh - 212px) } } .scroll-page[_ngcontent-ng-c3012965625] app-footer[_ngcontent-ng-c3012965625] { height: 325px } @media (min-width:460px) { .scroll-page[_ngcontent-ng-c3012965625] app-footer[_ngcontent-ng-c3012965625] { height: 325px } } @media (min-width:768px) { .scroll-page[_ngcontent-ng-c3012965625] app-footer[_ngcontent-ng-c3012965625] { height: 50px } } @media (min-width:1023px) { .scroll-page[_ngcontent-ng-c3012965625] app-footer[_ngcontent-ng-c3012965625] { height: 50px } } @media (min-width:1440px) { .scroll-page[_ngcontent-ng-c3012965625] app-footer[_ngcontent-ng-c3012965625] { height: 50px } } .scroll-page[_ngcontent-ng-c3012965625] app-footer.hide-mobile[_ngcontent-ng-c3012965625] { display: none } @media (min-width:768px) { .scroll-page[_ngcontent-ng-c3012965625] app-footer.hide-mobile[_ngcontent-ng-c3012965625] { display: block } } app-pre-auth-header[_ngcontent-ng-c3012965625] { display: block; background-color: #FFF } app-pre-auth-header.secondaryHeaderHeight[_ngcontent-ng-c3012965625] { height: 50px } .page-content-footer-wrapper[_ngcontent-ng-c3012965625] { transition-duration: 0.5s; width: 100%; float: left } .clear-right[_ngcontent-ng-c3012965625] { clear: right } @media (max-width:767px) { .page-content-footer-wrapper[_ngcontent-ng-c3012965625] { width: 100% } } @media (min-width:768px) { app-pre-auth-header.secondaryHeaderHeight[_ngcontent-ng-c3012965625] { height: 79px } } @media screen and (min-width:320px) and (max-width:1024px) {} @media screen and (max-width:767px) {} @media (min-width:1024px) {} @media screen and (min-width:768px) and (max-width:1024px) {} @media (min-width:531px) and (max-width:767px) {} #top[_ngcontent-ng-c3012965625], #bottom[_ngcontent-ng-c3012965625], #left[_ngcontent-ng-c3012965625], #right[_ngcontent-ng-c3012965625] { background: #78BE20; position: fixed; z-index: 9999; transition: width 0.15s ease-in-out } #left[_ngcontent-ng-c3012965625], #right[_ngcontent-ng-c3012965625] { top: 0; bottom: 0; width: 0 } #left[_ngcontent-ng-c3012965625] { left: 0 } #right[_ngcontent-ng-c3012965625] { right: 0 } #top[_ngcontent-ng-c3012965625], #bottom[_ngcontent-ng-c3012965625] { left: 0; right: 0; height: 0 } #top[_ngcontent-ng-c3012965625] { top: 0 } #bottom[_ngcontent-ng-c3012965625] { bottom: 0 } @media (max-width:767px) {} @media (min-width:768px) {} [_ngcontent-ng-c2882671418]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } [_ngcontent-ng-c2882671418]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .side-bar[_ngcontent-ng-c2882671418] { display: block; position: fixed; width: 100%; float: right; border-left: 1px solid #EEE; background-color: #FFF; height: 100%; z-index: 1 } .side-bar.header-closed[_ngcontent-ng-c2882671418] { right: -100%; transition: 0.5s } .side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] { position: relative; height: 100%; width: 100%; margin-top: 1px; background-color: #FFF; z-index: 1000 } .side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .header[_ngcontent-ng-c2882671418] { width: 100%; height: 80px; display: flex; padding: 30px 20px; border-bottom: solid 1px #eeeeee; line-height: 1 } .side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .header[_ngcontent-ng-c2882671418] .text[_ngcontent-ng-c2882671418] { font-size: 22px; font-weight: normal; font-style: normal; font-stretch: normal; color: #333333; width: 100% } .side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .header[_ngcontent-ng-c2882671418] .icon-close[_ngcontent-ng-c2882671418] { right: 25px; top: 25px; float: right; position: absolute } .side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .header[_ngcontent-ng-c2882671418] .icon-close[_ngcontent-ng-c2882671418]::before { content: var(--sf-img-0); width: 26px; height: 28px; display: block } .side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .body[_ngcontent-ng-c2882671418] { display: block; overflow: auto } .side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .body.with-header[_ngcontent-ng-c2882671418] { height: calc(100vh - 245px) } .side-bar-content[_ngcontent-ng-c2882671418] { display: block; position: fixed; right: 30%; width: 70%; float: left; border-left: 1px solid #EEE; background-color: #FFF; height: 100%; z-index: 20 } .side-bar-content.content-closed[_ngcontent-ng-c2882671418] { left: -100% } @media (max-width:1024px) and (min-width:320px) { .side-bar-content[_ngcontent-ng-c2882671418] { width: 100% } } @media (min-width:1024px) {} @media screen and (min-width:1025px) { .side-bar[_ngcontent-ng-c2882671418] { width: 30% } .side-bar[_ngcontent-ng-c2882671418] .side-bar-main-container[_ngcontent-ng-c2882671418] .body.with-header[_ngcontent-ng-c2882671418] { height: calc(100vh - 245px) } } @keyframes _ngcontent-ng-c1510952385_rotate { 100% { transform: rotate(360deg) } } @keyframes _ngcontent-ng-c1510952385_dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35 } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124 } } [_ngcontent-ng-c81472579]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix[_ngcontent-ng-c81472579]:after, .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]:after, .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .main-nav[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } [_ngcontent-ng-c81472579]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix[_ngcontent-ng-c81472579]:after, .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]:after, .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .main-nav[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579] { display: block } .chat-text[_ngcontent-ng-c81472579] { font-size: 18px; padding-left: 10px } .chat-box[_ngcontent-ng-c81472579] { display: flex } .shiftHeader[_ngcontent-ng-c81472579] { margin-left: 12px } @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .shiftHeader[_ngcontent-ng-c81472579] { margin-right: 20px } } .main-header[_ngcontent-ng-c81472579] { padding: 13px 0; position: fixed; left: 0; right: 0; top: 0; z-index: 1010 } .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] { -moz-align-items: center; -ms-align-items: center; -o-align-items: center } .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] { flex: 1 } .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .logo[_ngcontent-ng-c81472579] { display: inline-block; vertical-align: middle } .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .logo[_ngcontent-ng-c81472579] { width: 24px; height: 24px; cursor: pointer } .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .logo[_ngcontent-ng-c81472579]::before { content: url(../images/img_9d6da143382fc390.svg); width: 100%; height: 100%; display: block } .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579] { padding-left: 0; list-style: none } .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]>li[_ngcontent-ng-c81472579] { display: inline-block; vertical-align: middle } @media (max-width:768px) {} .main-header.un-auth[_ngcontent-ng-c81472579] { background: #FFF; border-bottom: 1px solid #EEE } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] { display: flex; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; position: relative } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .logo[_ngcontent-ng-c81472579] { position: relative } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .logo[_ngcontent-ng-c81472579]::before { content: url(../images/img_f7baf6fab8ed8563.svg); width: 100%; height: 100%; display: block } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] { color: #006341 } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] { width: auto; margin-left: 20px; height: auto } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579] { line-height: 1 } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579], .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .details[_ngcontent-ng-c81472579] { display: inline-block; vertical-align: middle } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .details[_ngcontent-ng-c81472579] { display: none } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] { display: none } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579] { position: relative; width: 16px } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579]::before { content: url(../images/img_8fd778cf8be190de.svg); width: 100%; height: 100%; display: block } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] a[_ngcontent-ng-c81472579] { color: #006341; outline: 0; text-decoration: none; font-size: 18px } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] a[_ngcontent-ng-c81472579]:active, .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] a[_ngcontent-ng-c81472579]:focus, .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] a[_ngcontent-ng-c81472579]:hover, .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] a[_ngcontent-ng-c81472579]:active:focus { color: #006341 } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.contact-details[_ngcontent-ng-c81472579] { text-align: right } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.contact-details[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579] { position: relative; width: 15px; margin-right: 10px } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.contact-details[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579]::before { content: url(../images/img_b56bd2aeb39c48bb.svg); width: 100%; height: 100%; display: block } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.contact-details[_ngcontent-ng-c81472579] .details[_ngcontent-ng-c81472579] { display: inline-block } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .call[_ngcontent-ng-c81472579] { font-size: 12px } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .top-right-header-section[_ngcontent-ng-c81472579] { display: block } @keyframes _ngcontent-ng-c81472579_pulsing { 0% { transform: scale(1); opacity: 1 } 50% { transform: scale(1.5); opacity: 0 } 100% { transform: scale(2); opacity: 0 } } @media (max-width:767px) { .chat-icon[_ngcontent-ng-c81472579] { position: relative } .chat-icon[_ngcontent-ng-c81472579]::before { content: var(--sf-img-5); width: 18px; height: 16px; display: block } .chat-text[_ngcontent-ng-c81472579] { display: none } } @media (min-width:768px) { .chat-icon[_ngcontent-ng-c81472579] { color: #006341; position: relative } .chat-icon[_ngcontent-ng-c81472579]::before { content: var(--sf-img-5); width: 24px; height: 24px; display: block } .top-right-header-section[_ngcontent-ng-c81472579] { display: block } .main-header[_ngcontent-ng-c81472579] { padding: 20px 0 } .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .left[_ngcontent-ng-c81472579] .logo[_ngcontent-ng-c81472579] { width: 40px; height: 40px } .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]>li[_ngcontent-ng-c81472579] { cursor: pointer } .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]>li[_ngcontent-ng-c81472579]:first-child { margin-left: 0 } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] { margin-left: 40px } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .details[_ngcontent-ng-c81472579] { display: inline-block } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] { display: inline-block } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.branch[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579] { margin-right: 10px } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.contact-details[_ngcontent-ng-c81472579] { display: inline-block } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li.contact-details[_ngcontent-ng-c81472579] .icon[_ngcontent-ng-c81472579] { margin-right: 10px; width: 20px } .main-header.un-auth[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579] ul[_ngcontent-ng-c81472579] li[_ngcontent-ng-c81472579] .call[_ngcontent-ng-c81472579] { font-size: 18px } } @media (min-width:1024px) { .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]>li[_ngcontent-ng-c81472579] { margin-left: 15px } .main-header[_ngcontent-ng-c81472579] .header-block[_ngcontent-ng-c81472579] .right[_ngcontent-ng-c81472579]>ul[_ngcontent-ng-c81472579]>li[_ngcontent-ng-c81472579]:first-child { margin-left: 15px } } [_ngcontent-ng-c253109351]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix[_ngcontent-ng-c253109351]:after, .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351]:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } [_ngcontent-ng-c253109351]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix[_ngcontent-ng-c253109351]:after, .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351]:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] { display: block } .main-footer[_ngcontent-ng-c253109351] { background: #FFF; border-top: 1px solid #EEE; color: #333; position: relative; z-index: 9; height: 325px } @media (min-width:460px) { .main-footer[_ngcontent-ng-c253109351] { height: 325px } } @media (min-width:768px) { .main-footer[_ngcontent-ng-c253109351] { height: 50px } } @media (min-width:1023px) { .main-footer[_ngcontent-ng-c253109351] { height: 50px } } @media (min-width:1440px) { .main-footer[_ngcontent-ng-c253109351] { height: 50px } } .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] { list-style: none; padding: 0; text-align: center } .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351] { border-bottom: 1px solid #EEE; height: 60px; line-height: 60px; padding: 0 20px; cursor: pointer; position: relative } .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351]:last-child { border-right: none } .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351] a[_ngcontent-ng-c253109351] { display: block; color: #666; text-decoration: none; text-align: left; outline: 0 } .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351] a[_ngcontent-ng-c253109351] .text[_ngcontent-ng-c253109351] { font-size: 18px; font-family: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; vertical-align: middle; line-height: 1 } .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .copyright[_ngcontent-ng-c253109351] { position: absolute; bottom: 8%; padding: 0 20px; font-size: 12px } .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .copyright[_ngcontent-ng-c253109351] .text[_ngcontent-ng-c253109351] { color: #666; display: inline-block } @media (min-width:768px) { .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] { display: flex; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center } .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] { flex: 1; text-align: right; margin-bottom: 0; padding: 6px } .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351] { padding: 0 15px; display: inline-block; height: 38px; line-height: 38px; border-right: 1px solid #EEE; border-bottom: none } .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351]:last-child { margin-right: 0; border-right: none } .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .footer-nav[_ngcontent-ng-c253109351] li[_ngcontent-ng-c253109351] a[_ngcontent-ng-c253109351] .text[_ngcontent-ng-c253109351] { font-size: 14px } .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .copyright[_ngcontent-ng-c253109351] { font-size: 8px; width: calc(100% - 505px); line-height: 1; bottom: 9px } } @media (min-width:1024px) { .main-footer[_ngcontent-ng-c253109351] .footer-block[_ngcontent-ng-c253109351] .copyright[_ngcontent-ng-c253109351] { font-size: 10px; bottom: 10px; line-height: normal } .footer-container[_ngcontent-ng-c253109351] { width: 100% } } [_ngcontent-ng-c1573970352]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix[_ngcontent-ng-c1573970352]:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } [_ngcontent-ng-c1573970352]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix[_ngcontent-ng-c1573970352]:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } .clearfix[_ngcontent-ng-c1573970352] { display: block } .container-fluid[_ngcontent-ng-c1573970352] { padding: 0 } .app-link[_ngcontent-ng-c1573970352] { cursor: pointer; display: inline-block } .app-link[_ngcontent-ng-c1573970352] img[_ngcontent-ng-c1573970352] { height: 100% } @media screen and (min-width:1024px) {} .component-container[_ngcontent-ng-c1573970352] { font-family: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; font-size: 16px; background: #FFF } @media (min-width:768px) {} .formInput[_ngcontent-ng-c1573970352] { max-width: 400px; margin: auto } hr[_ngcontent-ng-c1573970352] { margin-top: 25px; margin-bottom: 25px } .border-right-container[_ngcontent-ng-c1573970352] { margin-right: 0; border-right: solid #EEE 1px } .border-top-container[_ngcontent-ng-c1573970352] { padding: 0; border-top: solid #EEE 1px } .login-container[_ngcontent-ng-c1573970352] { font-size: 16px; text-align: left; padding: 50px 10px 0 10px } .intro-container[_ngcontent-ng-c1573970352] { padding: 50px 0 0 0; margin: auto; text-align: center } .intro-container[_ngcontent-ng-c1573970352] .intro-img-container[_ngcontent-ng-c1573970352] { width: 100% } .intro-container[_ngcontent-ng-c1573970352] .intro-img-container[_ngcontent-ng-c1573970352] img[_ngcontent-ng-c1573970352] { opacity: 1; width: 320px; height: auto } .intro-container[_ngcontent-ng-c1573970352] .intro-content[_ngcontent-ng-c1573970352] { margin: 20px; font-size: 16px } .intro-container[_ngcontent-ng-c1573970352] .intro-content-icons[_ngcontent-ng-c1573970352] { margin: 30px 0; width: 100%; height: auto } .intro-container[_ngcontent-ng-c1573970352] .intro-content-icon[_ngcontent-ng-c1573970352] { display: inline-block; margin: 0 5px } .intro-container[_ngcontent-ng-c1573970352] .intro-content-icon[_ngcontent-ng-c1573970352] small[_ngcontent-ng-c1573970352] { font-size: 85%; color: #666; margin-right: 20px } .intro-container[_ngcontent-ng-c1573970352] .intro-content-icon[_ngcontent-ng-c1573970352] img[_ngcontent-ng-c1573970352] { width: 40px; height: 40px } @media screen and (min-width:768px) {} @media screen and (min-width:361px) {} .information-container[_ngcontent-ng-c1573970352] { padding: 50px 30px; text-align: left } .information-container.highlighted[_ngcontent-ng-c1573970352] { background-color: #F9F9F9 } .information-container.info[_ngcontent-ng-c1573970352] { padding-bottom: 0 } .entrust-container[_ngcontent-ng-c1573970352] { display: inline-block; margin: 50px 15px 15px 0; font-size: 14px } .entrust-container[_ngcontent-ng-c1573970352] .iconEntrust[_ngcontent-ng-c1573970352] { margin-right: 15px } .entrust-container[_ngcontent-ng-c1573970352] img[_ngcontent-ng-c1573970352] { width: 40px; height: 40px } .icon-field[_ngcontent-ng-c1573970352] { display: flex } .icon-field[_ngcontent-ng-c1573970352] .arrow[_ngcontent-ng-c1573970352] { position: absolute; color: #666 } .icon-field[_ngcontent-ng-c1573970352] .arrow[_ngcontent-ng-c1573970352]::before { content: url(../images/img_60c9a258eafdbdf6.svg); width: 8px; height: 15px; display: block } a[_ngcontent-ng-c1573970352]:active, a[_ngcontent-ng-c1573970352]:visited, a[_ngcontent-ng-c1573970352]:hover { text-decoration: none } .link-text[_ngcontent-ng-c1573970352] { color: #009639; font-size: 16px; margin: 18px 0; font-weight: 700; text-decoration: none; cursor: pointer } .link-text.small[_ngcontent-ng-c1573970352] { font-size: 14px } .link-text[_ngcontent-ng-c1573970352]:active, .link-text[_ngcontent-ng-c1573970352]:visited, .link-text[_ngcontent-ng-c1573970352]:hover { text-decoration: none } .termsText[_ngcontent-ng-c1573970352] { margin: 20px 0 10px 0; font-size: 14px; color: #666 } .buttonDiv[_ngcontent-ng-c1573970352] { margin-bottom: 20px } .registerBlock[_ngcontent-ng-c1573970352] { color: #333; font-size: 20px; padding-bottom: 0px; max-width: 400px; margin: auto; margin-top: 20px } .appBlock[_ngcontent-ng-c1573970352] { color: #666; margin: 25px 0px 20px; font-size: 20px } .appBlock[_ngcontent-ng-c1573970352] div[_ngcontent-ng-c1573970352] { margin-top: 10px } .appBlock[_ngcontent-ng-c1573970352] a[_ngcontent-ng-c1573970352] { font-size: 20px; font-weight: initial } .login-title[_ngcontent-ng-c1573970352] { color: #333; font-size: 1.75rem; letter-spacing: 0; line-height: 35px } .login-title[_ngcontent-ng-c1573970352] .strong { font-family: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; font-weight: bold } .ned-id-login[_ngcontent-ng-c1573970352] .gd-form-row[_ngcontent-ng-c1573970352] { margin-bottom: 20px } .input-container[_ngcontent-ng-c1573970352] { position: relative } .input-img[_ngcontent-ng-c1573970352] { position: absolute; bottom: 36%; right: 12px; width: 25px; height: 25px } .helpText[_ngcontent-ng-c1573970352] { font-size: 14px; color: #BBB; margin: 5px 0 0 } .headingText[_ngcontent-ng-c1573970352] { font-size: 2.5vw; margin: 30px 0; color: #333; font-weight: 300 } .infoHeading[_ngcontent-ng-c1573970352] { font-family: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; font-weight: 400; color: #333; font-size: 1.375rem; letter-spacing: -0.9px } .gd-primary-btn[_ngcontent-ng-c1573970352] { height: 26px; width: 107px; border-radius: 13px; background-color: #009639; position: relative; left: 10px } .infoText[_ngcontent-ng-c1573970352] { color: #666; margin: 20px 0 } .infoText[_ngcontent-ng-c1573970352] a[_ngcontent-ng-c1573970352] { color: #666 } .infoText[_ngcontent-ng-c1573970352] .gd-form-row[_ngcontent-ng-c1573970352] { margin-bottom: 10px } .infoText[_ngcontent-ng-c1573970352] hr[_ngcontent-ng-c1573970352] { margin: 10px 0 } .infoText[_ngcontent-ng-c1573970352] .arrow[_ngcontent-ng-c1573970352] { top: 3px; right: 3px } .infoText[_ngcontent-ng-c1573970352] .PAIA-arrow[_ngcontent-ng-c1573970352] { top: 14px } .linkButtons[_ngcontent-ng-c1573970352] { margin: 25px 0 } .linkButtons[_ngcontent-ng-c1573970352] img[_ngcontent-ng-c1573970352] { padding: 5px; width: 132px } @media (max-width:767px) {} .animated[_ngcontent-ng-c1573970352] { animation-duration: 5s; animation-fill-mode: both } @keyframes _ngcontent-ng-c1573970352_fadeAndScaleIn { 0% { opacity: 0; transform: scale(1.1) } 100% { opacity: 1; transform: scale(1) } } @keyframes _ngcontent-ng-c1573970352_fadeAndScaleIn { 0% { opacity: 0; transform: scale(1.1) } 100% { opacity: 1; transform: scale(1) } } @keyframes _ngcontent-ng-c1573970352_fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .fadeIn[_ngcontent-ng-c1573970352] { animation-name: _ngcontent-ng-c1573970352_fadeIn } .stealthy[_ngcontent-ng-c1573970352] { left: 0; top: 0; margin: 0; max-height: 1px; max-width: 1px; opacity: 0; outline: none; overflow: hidden; pointer-events: none; position: absolute; z-index: -1 } @media screen and (max-width:1024px) { .headingText[_ngcontent-ng-c1573970352] { font-size: 40px; margin: 0 20px 50px 20px; text-align: center } .login-container[_ngcontent-ng-c1573970352] { padding: 50px 0 0 0 } .login-title[_ngcontent-ng-c1573970352] { font-size: 1.375rem } .information-container[_ngcontent-ng-c1573970352] { padding: 50px 20px } .infoHeading[_ngcontent-ng-c1573970352] { font-size: 1.375rem } .bottom-container[_ngcontent-ng-c1573970352] .border-top-container[_ngcontent-ng-c1573970352] { padding: 0 } .entrust-container[_ngcontent-ng-c1573970352] { text-align: center; margin: 30px 15px 0 15px; font-size: 12px } } @media screen and (max-width:767px) { .login-container[_ngcontent-ng-c1573970352] { padding: 25px 10px } .information-container[_ngcontent-ng-c1573970352] { padding: 10px } .information-container.info[_ngcontent-ng-c1573970352] hr[_ngcontent-ng-c1573970352] { border: none } .headingText[_ngcontent-ng-c1573970352] { font-size: 28px; margin: 20px } .login-title[_ngcontent-ng-c1573970352] { font-size: 20px } .infoHeading[_ngcontent-ng-c1573970352] { font-size: 20px } } .hide-mobile[_ngcontent-ng-c1573970352] { display: none } @media (min-width:768px) { .hide-mobile[_ngcontent-ng-c1573970352] { display: block } } .explore-our-demo[_ngcontent-ng-c1573970352] { color: #009639; font-size: 16px; font-weight: 500; cursor: pointer; margin: 10px; text-align: center } .explore-demo-content[_ngcontent-ng-c1573970352] { margin: 10px } .demo-icon[_ngcontent-ng-c1573970352] { display: inline-block; position: relative; object-fit: contain; margin-top: -3px; margin-left: -10px; vertical-align: bottom } .demo-icon[_ngcontent-ng-c1573970352]::before { content: url(../images/img_39b5f1c0f6f72d7c.svg); width: 23px; height: 24px; display: block } .login-form app-message-alert .alert-container .message .text { padding-left: 10px; padding-right: 10px } .PAIA-text[_ngcontent-ng-c1573970352] { display: inline-block; width: 240px } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } :root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } [_ngcontent-ng-c1679851615]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } [_ngcontent-ng-c1679851615]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .new-feature[_ngcontent-ng-c1679851615] { background-color: #F9F9F9 } .new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] { margin: 0 auto; width: 100% } .new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615]>.heading[_ngcontent-ng-c1679851615] { font-family: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; color: #333; font-size: 22px; padding: 20px; font-weight: 500; line-height: 35px } .new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] { position: relative } .new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] .card-container { width: 295px; margin: 0 auto } .new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] .card-container .card .card-body .card-text { max-height: 40px } @media (min-width:768px) { .new-feature[_ngcontent-ng-c1679851615] { padding: 0px 20px } .new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] { width: 100%; margin: 0px auto; padding-bottom: 30px } .new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615]>.heading[_ngcontent-ng-c1679851615] { font-size: 24px; padding: 60px 0 20px } } @media (min-width:1024px) { .new-feature[_ngcontent-ng-c1679851615] { padding: 0px 40px } .new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] { width: 100% } .new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] { padding: 0px 20px } .new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] .card-container { width: 281px; margin: 0 auto; margin-bottom: auto } .new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615]>.heading[_ngcontent-ng-c1679851615] { font-size: 28px } } @media (min-width:1440px) { .new-feature[_ngcontent-ng-c1679851615] { padding: 0px 100px } .new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] { padding: 0px 40px; position: relative } .new-feature[_ngcontent-ng-c1679851615] .main-content[_ngcontent-ng-c1679851615] .slider-container[_ngcontent-ng-c1679851615] .card-container { width: 295px } } [_ngcontent-ng-c3078892097]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } [_ngcontent-ng-c3078892097]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } [_ngcontent-ng-c2971746515]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } [_ngcontent-ng-c2971746515]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .swiper-slider-container[_ngcontent-ng-c2971746515] .swiper-pagination { position: relative; margin-top: 40px } .swiper-slider-container[_ngcontent-ng-c2971746515] .swiper-pagination .swiper-pagination-bullet { margin: 0 3px; background: #BBB } [_nghost-ng-c2971746515] .swiper-button-next { background: none; position: absolute; top: 43% } [_nghost-ng-c2971746515] .swiper-button-next::before { content: var(--sf-img-8); width: 16px; height: 16px; display: block } [_nghost-ng-c2971746515] .swiper-button-prev { background: none; position: absolute; top: 43%; transform: rotate(180deg) } [_nghost-ng-c2971746515] .swiper-button-prev::before { content: var(--sf-img-8); width: 16px; height: 16px; display: block } [_nghost-ng-c2971746515] .swiper-button-prev:after { content: none } [_nghost-ng-c2971746515] .swiper-button-next:after { content: none } @media (min-width:1024px) {} @media (min-width:1440px) {} swiper-container { position: inherit !important } swiper-container { width: 100%; height: 100% } swiper-slide { text-align: center; font-size: 18px; justify-content: center; align-items: center } swiper-slide img { display: block; object-fit: cover } swiper-container::part(pagination) { position: relative; margin-top: 40px } swiper-container::part(bullet-active) { background: #78BE20; opacity: 1; width: 24px; border-radius: 5px } [_ngcontent-ng-c4003506759]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } [_ngcontent-ng-c4003506759]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .card-container[_ngcontent-ng-c4003506759] { box-shadow: 0px 3px 3px 0px rgba(141, 151, 158, 0.2); border-radius: 5px; border: 1px solid #EEE } .card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] { width: 100% } .card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .image-container[_ngcontent-ng-c4003506759] { height: 140px } .card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .image-container[_ngcontent-ng-c4003506759] img[_ngcontent-ng-c4003506759] { border-radius: 5px 5px 0px 0px; height: 100%; width: 100% } .card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] { background-color: #FFF; padding: 20px; min-height: 145px; border-radius: 0px 0px 5px 5px } .card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .card-text[_ngcontent-ng-c4003506759] { font-size: 13px; margin-bottom: 40px; color: #333 } .card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .footer[_ngcontent-ng-c4003506759] { font-family: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; color: #009639; font-size: 16px; font-weight: 500; line-height: 24px; padding: 20px 0px; opacity: 0.9; display: inline; cursor: pointer } .card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .footer[_ngcontent-ng-c4003506759] .link-icon[_ngcontent-ng-c4003506759] { margin-left: 8px; display: inline; position: absolute; transition: transform 0.2s ease-in-out; -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; -ms-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out } .card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .footer[_ngcontent-ng-c4003506759] .link-icon[_ngcontent-ng-c4003506759]::before { content: url(../images/img_69ebe717522a7556.svg); width: 24px; height: 24px; display: block } .card-container[_ngcontent-ng-c4003506759] .card[_ngcontent-ng-c4003506759] .card-body[_ngcontent-ng-c4003506759] .footer[_ngcontent-ng-c4003506759]:hover .link-icon[_ngcontent-ng-c4003506759] { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px) } [_ngcontent-ng-c1987034717]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } [_ngcontent-ng-c1987034717]:root { --font-libreFranklin: LibreFranklin, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-medium: LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-bold: LibreFranklinBold, LibreFranklinMedium, Century Gothic, Helvetica, Arial, sans-serif; --font-libreFranklin-light: LibreFranklinLight, Century Gothic, Helvetica, Arial, sans-serif } .no-padding[_ngcontent-ng-c1987034717] { padding: 0 } .alert-container[_ngcontent-ng-c1987034717] { margin-bottom: 30px; transition: all 0.3s } .alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] { display: flex; padding: 15px; z-index: 99 } .alert-container[_ngcontent-ng-c1987034717] .message.center[_ngcontent-ng-c1987034717] { -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center } .alert-container[_ngcontent-ng-c1987034717] .message.error[_ngcontent-ng-c1987034717] { background: #fae3e5 } .alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] .icon[_ngcontent-ng-c1987034717] { width: 15px; height: 15px } .alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] .text[_ngcontent-ng-c1987034717] { flex: 1; color: #333; font-size: 14px; margin: 0 10px } .alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] .errorIcon[_ngcontent-ng-c1987034717] { position: relative } .alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] .errorIcon[_ngcontent-ng-c1987034717]::before { content: url(../images/img_36b3864336c6eef7.svg); width: 100%; height: 100%; display: block } .alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] .closeIcon[_ngcontent-ng-c1987034717] { position: relative; cursor: pointer } .alert-container[_ngcontent-ng-c1987034717] .message[_ngcontent-ng-c1987034717] .closeIcon[_ngcontent-ng-c1987034717]::before { content: var(--sf-img-0); width: 100%; height: 100%; display: block } @media (min-width:768px) {} .sf-hidden { display: none !important }