body,
html {
    height: 100%;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
    line-height:  1.6;
}
a {
    color: #335eea;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--bs-gutter-x, 1.25rem);
    padding-right: var(--bs-gutter-x, 1.25rem);
    width: 100%;
}

[class^=container] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
    z-index: 1;
}

.navbar-brand-img {
    max-height: 32px;
    width: auto;
}

@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px;
    }
}


@media (min-width: 768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1040px;
    }
}

@media (min-width: 768px) {
    .pt-md-11 {
        padding-top: 6rem !important;
    }
}

.navbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1.25rem 0;
    position: relative;
}


.navbar-light .navbar-nav .nav-link:hover {
    color: #335eea;
}

.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover {
    outline: none;
}

.dropdown-toggle::after {
    content: none;
}

.nav-link:focus,
.nav-link:hover {
    color: #294bbb;
    text-decoration: none;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.navbar-light .navbar-nav .nav-link {
    color: #506690;
}

.display-1,
.display-2,
.display-3,
.display-4 {
    letter-spacing: -.02em;
}


.display-3 {
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.2;
}

.h1,
.h2,
h1,
h2 {
    margin-bottom: 1rem;
}

.ms-auto {
    margin-left: auto !important;
}

.btn:not([class*=btn-outline]) {
    border-color: transparent !important;
}

.btn {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .375rem;
    color: #161c2d;
    cursor: pointer;
    display: inline-block;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.6;
    padding: .8125rem 1.25rem;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.btn-primary {
    background-color: #335eea;
    border-color: #335eea;
    box-shadow: 0 0;
    color: #fff;
}

.btn-group-sm>.btn,
.btn-sm {
    border-radius: .375rem;
    font-size: 1.0625rem;
    padding: .5625rem 1rem;
}

.lift {
    transition: box-shadow .25s ease, transform .25s ease;
    transition-property: box-shadow, transform;
    transition-duration: 0.25s, 0.25s;
    transition-timing-function: ease, ease;
    transition-delay: 0s, 0s;
}

.btn:hover {
    color: #161c2d;
    text-decoration: none;
}

a:hover {
    color: #294bbb;
    text-decoration: underline;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #2b50c7;
    border-color: #294bbb;
    color: #fff;
}

.lift:focus,
.lift:hover {
    box-shadow: 0 1rem 2.5rem rgba(22, 28, 45, .1), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .1) !important;
    transform: translate3d(0, -3px, 0);
}

.text-primary {
    color: #335eea !important;
}

.text-muted {
    color: #869ab8 !important;
}

.btn-primary-soft {
    background-color: rgba(51, 94, 234, .1);
    color: #335eea;
}

@media (min-width: 992px) {
    .mb-lg-8 {
        margin-bottom: 3rem !important;
    }
}

.img-fluid,
.img-thumbnail {
    height: auto;
    max-width: 100%;
}

@media (min-width: 992px) {
    .mw-lg-130 {
        max-width: 130% !important;
    }
}

@media (min-width: 992px) {
    .navbar-nav .dropdown-menu {
        display: none;
        opacity: 0;
        transition: all .2s ease-in-out;
        transition-property: opacity, transform;
    }
}

@media (min-width: 768px) {
    .py-md-11 {
        padding-bottom: 6rem !important;
        padding-top: 6rem !important;
    }

    .py-md-8 {
        padding-bottom: 3rem !important;
        padding-top: 3rem !important;
    }
}

.icon>svg {
    height: 3rem;
    width: 3rem;
}

img,svg {
    vertical-align: middle;
}
.text-gray-600 {
    color: #869ab8!important;
}

.badge.bg-success-soft {
    background-color: rgba(66,186,150,.1);
    color: #42ba96;
}
.badge-rounded-circle {
    border-radius: 50rem;
    height: calc(1em + .5rem);
    padding-left: .25rem;
    padding-right: .25rem;
}
.badge-rounded-circle>* {
    display: block;
    width: 1em;
}

.fs-lg {
    font-size: 1.1875rem!important;
}
.mb-6 {
    margin-bottom: 2rem!important;
}

.shape-blur-4 {
    bottom: 0;
    left: 50%;
    top: 0;
    transform: translateX(-50%) scale(1.3);
    width: 100%;
}
.shape {
    pointer-events: none;
    position: absolute;
}
.text-gray-200 {
    color: #f1f4f8!important;
}

.img-skewed-start {
    perspective-origin: 0;
}
.img-skewed {
    perspective: 1500px;
    transform-style: preserve-3d;
}

.img-skewed-start .img-skewed-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotateY(-35deg) rotateX(15deg);
}
.screenshot {
    border-radius: .625rem;
    box-shadow: 25px 60px 125px -25px rgb(80 102 144 / 10%), 16px 40px 75px -40px rgb(0 0 0 / 20%);
}

@media (min-width: 768px){
    .mb-md-11 {
        margin-bottom: 6rem!important;
    }
}

@media (min-width: 992px){
    .w-lg-130 {
        width: 130%!important;
    }
}

.overlay {
    position: relative;
}

.overlay-80:before {
    opacity: .8;
}
.overlay-black:before {
    background-color: #161c2d;
}
.overlay:before {
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

@media (min-width: 768px){
    .py-md-14 {
        padding-bottom: 12rem!important;
        padding-top: 12rem!important;
    }
}


.text-white-80 {
    color: rgba(255,255,255,.8)!important;
}

.shape:not([class*=shape-blur]) {
    overflow: hidden;
}
.shape-bottom {
    bottom: 0;
    left: 0;
    right: 0;
}
.shape {
    pointer-events: none;
    position: absolute;
}

.shape:not([class*=shape-blur])>* {
    transform: scale(2);
}
.shape-fluid-x>* {
    height: auto;
    width: 100%;
}
.shape-bottom>* {
    transform-origin: top center;
}

.bg-dark {
    background-color: #1b2a4e!important;
}
.bg-white {
    background-color: #fff!important;
}
.text-dark {
    color: #1b2a4e!important;
}

.h6.text-uppercase, .text-uppercase.h6, h6.text-uppercase {
    letter-spacing: .08em;
}
.text-gray-700 {
    color: #506690!important;
}
.text-uppercase {
    text-transform: uppercase!important;
}
.fw-bold {
    font-weight: 600!important;
}
.h6, h6 {
    line-height: 1.55;
}
.h6, h6 {
    font-size: .75rem;
}
.btn-pill {
    border-radius: 50rem;
}

@media (min-width: 768px){
    .pt-md-8 {
        padding-top: 3rem!important;
    }
}

.border-bottom {
    border-bottom: 1px solid #f1f4f8!important;
}