/*
    Global Variables
*/
:root {
    --main-color: #001529;
    --main-color-monochromatic-100: #002b53;
    --main-color-monochromatic-200: #00417e;
    --main-color-monochromatic-300: #0056a8;
    --main-color-monochromatic-400: #006cd3;
    --main-color-monochromatic-500: #0082fd;
    --primary-color: #1890ff;
    --primary-danger-color: #ff4d4f;
    --font-color-black: #333333;
    --font-color-white: #ececec;
    --main-font: "Open Sans", sans-serif;
}

html,
body,
#root,
#app,
app {
    height: 100%;
    width: 100%;
}

.colorWeak { filter: invert(80%); }

.ant-layout { min-height: 100vh; }

canvas { display: block; }

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body,
html {
    height: 100%;
    width: 100%;
}

a.white {
    color: var(--font-color-white);
}

.p-large {
    color: var(--font-color-black);
    font: 400 1.125rem/1.75rem var(--main-font);
}

.list-unstyled {
    list-style: none;
    padding-left: 0;
}

.media {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}

/*
    Home
*/
.home h1 {
    color: var(--font-color-black);
    font: 700 2.5rem/3.125rem var(--main-font);
    letter-spacing: -0.2px;
}

.home h2 {
    color: var(--font-color-black);
    font: 700 2rem/2.625rem var(--main-font);
    letter-spacing: -0.2px;
}

.home h3 {
    color: var(--font-color-black);
    font: 700 1.625rem/2.125rem var(--main-font);
    letter-spacing: -0.2px;
}

.home h4 {
    color: var(--font-color-black);
    font: 700 1.375rem/1.75rem var(--main-font);
    letter-spacing: -0.1px;
}

.home h5 {
    color: var(--font-color-black);
    font: 700 1.125rem/1.5rem var(--main-font);
    letter-spacing: -0.1px;
}

.home h6 {
    color: var(--font-color-black);
    font: 700 1rem/1.375rem var(--main-font);
    letter-spacing: -0.1px;
}

/*
    TOP Container
*/
.top-container-content {
    background-color: var(--main-color);
    padding-bottom: 4rem;
    padding-top: 8rem;
    text-align: center;
}
.top-container-content .image-container .img-wrapper .img-fluid {
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 33.75rem;
}
.top-container-wave-frame {
    height: 2.25rem;
    margin-top: -1px;
    width: 100%;
}
.content-container-body {
    background: #fff;
    margin: 16px 16px;
    padding: 24px;
}
.top-container-content h1 {
    color: var(--font-color-white);
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 1rem;
}
.top-container-content .p-large {
    color: #f3f7fd;
    margin-bottom: 2rem;
}

/*
    BOTTOM Container
*/
.bottom-container-wave-frame {
    height: 2.25rem;
    margin-bottom: -8px;
    width: 100%;
}
.bottom-container-content {
    background-color: var(--main-color);
    color: var(--font-color-white);
    padding-bottom: 24px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 24px;
}
    .bottom-container-content h4 {
        color: var(--font-color-white);
        margin-bottom: 0.625rem;
    }
    .bottom-container-content a:link, a:visited {
        color: var(--font-color-white);
    }
.bottom-container-content .list-unstyled,
.bottom-container-content p { color: #f3f7fd; }
    .bottom-container-content .list-unstyled .fas {
        color: var(--font-color-white);
        font-size: 0.875rem;
        line-height: 1.5rem;
    }
.bottom-container-content .list-unstyled .media-body {
    margin-left: 0.625rem;
}
.bottom-container-content .list-unstyled .fas.fa-map-marker-alt { margin-right: 0.625rem; }
.bottom-container-content .list-unstyled .fas.fa-envelope { margin-right: 0.625rem; }
.bottom-container-content .list-unstyled .fas.fa-phone { margin-right: 0.625rem; }
.bottom-container-content .list-unstyled .fas.fa-globe { margin-right: 0.625rem; }

/*
    Princing
*/
.pricing-container {
    padding-bottom: 2.25rem;
    padding-top: 2.25rem;
    text-align: center;
}
.pricing-container .h2-heading { margin-bottom: 3.75rem; }
.pricing-container .card {
    border: 1px solid #ccd3df;
    border-radius: 0.375rem;
    display: block;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 19rem;
}
.pricing-container .card-body { padding: 2.5rem 2rem 2.75rem 2em; }
    .pricing-container .card-title {
        color: var(--main-color-monochromatic-400);
        font: 700 1.125rem/1.5rem var(--main-font);
        margin-bottom: 0.5rem;
    }
.pricing-container .price .currency {
    color: #434c54;
    font-size: 1.5rem;
    font-weight: 700;
    margin-right: 0.25rem;
    vertical-align: 40%;
}
    .pricing-container .price .value {
        color: #434c54;
        font: 700 1.625rem/1.55rem var(--main-font);
        text-align: center;
    }
.pricing-container .frequency { font-size: 0.875rem; }
.pricing-container .divider {
    background-color: #ccd3df;
    border: none;
    height: 1px;
    margin-bottom: 2rem;
    margin-top: 1.75rem;
}
.pricing-container .list-unstyled {
    margin-bottom: 1.625rem;
    margin-top: 1.875rem;
    text-align: left;
}
.pricing-container .list-unstyled .media { margin-bottom: 0.5rem; }
    .pricing-container .list-unstyled .fas {
        color: var(--main-color);
        font-size: 0.875rem;
        line-height: 1.625rem;
    }
        .pricing-container .list-unstyled .fas.fa-check {
            color: var(--primary-color);
            margin-left: 0.1875rem;
            margin-right: 0.125rem;
        }
.pricing-container .list-unstyled .fas.fa-times {
    color: var(--primary-danger-color);
    margin-left: 0.1875rem;
    margin-right: 0.125rem;
}
.pricing-container .list-unstyled .media-body { margin-left: 0.625rem; }

/*
    Description
*/
.description-container {
    padding-bottom: 2.25rem;
    padding-top: 2.25rem;
    text-align: center;
}
.description-container .h2-heading { margin-bottom: 3.5rem; }

.ant-modal-root .ant-modal-content .ant-modal-body .list-unstyled .media {
    margin-bottom: 0.5rem;
}
.ant-modal-root .ant-modal-content .ant-modal-body .list-unstyled .fas {
    color: var(--main-color);
    font-size: 0.875rem;
    line-height: 1.625rem;
}
.ant-modal-root .ant-modal-content .ant-modal-body .list-unstyled .media-body {
    margin-left: 0.625rem;
}


.features-container .list-unstyled,
.features-container p {
    color: var(--font-color-black);
}

    .features-container .list-unstyled .fas {
        font-size: 0.875rem;
        line-height: 1.5rem;
    }

    .features-container .list-unstyled .media-body {
        margin-left: 0.625rem;
    }

    .features-container .list-unstyled .fas.fa-square {
        color: var(--main-color-monochromatic-300);
    }


.pricing-container .home-dividar {
    color: var(--main-color-monochromatic-300);
}

.description-container .home-dividar {
    color: var(--main-color-monochromatic-300);
}

.features-container .home-dividar {
    color: var(--main-color-monochromatic-300);
}

/*
    Media Queries
*/
/* Min-width width 768px */
@media (min-width: 768px) {
}

/* Min-width width 992px */
@media (min-width: 992px) {
}

/* Min-width width 1200px */
@media (min-width: 1200px) {    
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
}