@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html { background-color: #1b2341; }
body { color: #f5f5f5; background-color: #1b2341; font-family: "Poppins", sans-serif; font-optical-sizing: auto; font-weight: normal; font-size: 16px; }
html, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; color: #f5f5f5; }
h1,h2,h3,h4,h5,h6,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6 { color: #f5f5f5; font-weight: 700; }

.dot { z-index: 1; width: 100%; opacity: 0.15; position: fixed; bottom: 0px; left: 0px; background-image: url(images/dot.png); background-position: top left; background-repeat: repeat; }
.fade { z-index: 2; width: 100%; opacity: 0.8; position: fixed; bottom: 0px; left: 0px; background-image: url(images/sf-background.png); background-position: bottom right; background-repeat: no-repeat; background-size: 100%; }

body > .uk-section,
body > .uk-container,
body > header,
body > footer { z-index: 2; position: relative; }

footer.uk-section { padding-top: 0px; }

a { color: #f1f1f1; transition: color 0.5s; }
a:hover, a:focus { color: #ffffff; text-decoration: none; }

.uk-link { color: #f1f1f1; transition: color 0.5s; }
.uk-link:hover, .uk-link:focus { background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); -webkit-background-clip: text; display: inline; background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
.uk-text-light { font-weight: 300!important; }
.uk-text-normal { font-weight: 400!important; }
.uk-text-semibold { font-weight: 600!important; }

.uk-heading-large { font-size: 6rem; }
.uk-heading-medium { font-size: 4rem; }
.uk-heading-custom { font-size: 3rem; }
.uk-heading-small { font-size: 2rem; }
.uk-heading-default { font-size: 1.5rem; }

.uk-text-large { font-size: 1.5rem; }
.uk-text-medium { font-size: 1.25rem; }
.uk-text-xsmall { font-size: .75rem; }

header.uk-active { background: transparent; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); }
header .logo a,
header .logo a img { display: block; }
header .uk-section-xsmall { padding-bottom: 25px; padding-top: 25px; }

.uk-nav-default>li>a { padding: 0px; color: #ccc!important; font-size: 1.25rem; line-height: 40px; }
.uk-nav-default>li>a:hover { padding: 0px; font-size: 1.25rem; line-height: 40px; background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); -webkit-background-clip: text; display: inline; background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
.uk-nav-default .uk-nav-sub a { padding: 0px; font-size: 1rem; line-height: 36px; color: #ddd!important; }
.uk-nav-default .uk-nav-sub a:hover { padding: 0px; font-size: 1rem; line-height: 36px; background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); -webkit-background-clip: text; display: inline; background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }

.uk-offcanvas-bar { width: 400px; background: transparent; }
.uk-offcanvas-bar img { max-width: 200px; }
@media (min-width: 640px) {
    .uk-offcanvas-flip.uk-offcanvas-container-animation { left: -400px; }
    .uk-open>.uk-offcanvas-reveal { width: 400px; }
}
.uk-offcanvas-bar .uk-grid a { font-size: 1.25rem; line-height: 40px; }

.uk-icon-button,
.uk-offcanvas-bar .uk-icon-button { background: #f5f5f5; }
.uk-offcanvas-bar .uk-icon-button { margin-top: 10px; }
.uk-icon-button:hover { background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); }
.uk-icon-button svg { color: #1b2341; }
.uk-icon-button:hover svg { color: #f5f5f5; }

.gradient-text { background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); -webkit-background-clip: text; display: inline; background-clip: text; -webkit-text-fill-color: transparent; }

hr { border-radius: 2px; max-width: 125px; height: 3px; border: 0px; background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); margin: 0 auto; }
.uk-offcanvas-bar hr { margin-left: 0px; margin-right: 0px; max-width: 80px; }

.sf-card { padding: 1px; border-radius: 10px; background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); }
.sf-card { background-image: none; padding: 0px; background: transparent; }
.sf-card .sf-card-inner { -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); background-color: rgba(255, 255, 255, .1); }
.sf-card-inner {  padding: 35px 25px; background: #333; border-radius: 9px; }
.sf-card-inner.extra-pad {  padding: 45px 40px; }
.sf-card-inner > *:last-child { margin-bottom: 0px; }
.sf-card .sf-card-inner.wrapper { box-sizing: border-box; }

.team .sf-card,
.team .sf-card .sf-card-inner { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.team .uk-card img { border-top-left-radius: 8px; border-top-right-radius: 8px; }

.uk-button-primary { border: 0px; padding: 1px; border-radius: 8px; color: #f5f5f5; font-weight: 600; text-transform: none; background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); transition: background 0.5s; }
.uk-button-primary span { display: inline-block; box-sizing: border-box; border-radius: 7px; padding: 0 30px; background: #1b2341; }
.uk-button-primary:hover,
.uk-button-primary:focus { background-color: transparent; color: #444; background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); }
.uk-button-primary:hover span,
.uk-button-primary:focus span { background: transparent; color: #f5f5f5; }

.uk-button-small { font-size: 0.75rem; }

.text-white { color: #f5f5f5!important; }

.partner-logos img { border-radius: 6px; }

.uk-padding-remove-bottom { padding-bottom: 0!important; }

@media (min-width: 960px) {
  .uk-width-45-100\@m { width: 45%; }
  .uk-width-55-100\@m { width: 55%; }
}

.uk-dotnav>*>* {border: 1px solid rgba(255, 255, 255, .4); }
.uk-dotnav>.uk-active>* {
    background-color: rgba(255, 255, 255, .6);
}
.uk-dotnav>*>:hover {
    background-color: rgba(255, 255, 255, .6);
}

.metrics img { margin: 10px 0px; }

.uk-timeline { z-index: 1; position: relative; }
.uk-timeline .uk-label { padding-right: 15px; }

.uk-timeline-item .sf-card-inner { padding: 40px; }

.uk-timeline .uk-timeline-item .uk-card { max-height: 300px; }
.uk-timeline .uk-timeline-item { display: flex; position: relative; }
.uk-timeline .uk-timeline-item::before { -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); background-color: rgba(255, 255, 255, .1); content: ""; height: 100%; left: 19px; position: absolute; top: 20px; width: 2px; z-index: -1; }
.uk-timeline .uk-timeline-item:last-child::before { height: calc(100% - 20px); }
.uk-timeline .uk-timeline-item .uk-timeline-icon .uk-badge { margin-top: 10px; width: 40px; height: 40px; -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); background-color: rgba(255, 255, 255, .1); }
.uk-timeline .uk-timeline-item .uk-timeline-content { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 0 0 1rem; }

.uk-form-label { color: #fff; margin-bottom: 5px; display: block; }
.uk-form-controls .uk-input,
.uk-form-controls .uk-textarea { border-radius: 0px; }
.uk-form-controls .uk-textarea { min-height: 160px; }
.uk-form-sf { background: rgba(255,255,255,0.075); color: #fff; border: 0px; padding-left: 0px; border-radius: 0px; }
.uk-form-sf::placeholder { color: #CCC; opacity: 1; font-style: italic; }
.uk-form-sf::-ms-input-placeholder { color: #CCC; font-style: italic; }
.uk-form-sf:hover, .uk-form-sf:focus { background: rgba(255,255,255,0.075); color: #fff; }
.uk-form-sf + hr { max-width: 100%; border-radius: 0px; width: 100%; height: 1px; border: 0px; background-image: linear-gradient(to right, #0090f7, #ba62fc, #f2416b); margin: 0 auto; }