
.navbar.navbar-main{
    background: #fff!important;
    box-shadow: 5px 0px 13px #dfdfdf;
}

.navbar-transparent .navbar-nav .nav-link {
    color: rgba(11, 8, 8, 0.95);
}

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

#viewer-section{
    background: #4ca982 !important;
  }
#viewer-section .container{
    min-height: 80px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.user-count
{
    font-weight: 700;
    font-size: 24px;
    color:#fff;
}
.user-count-text
{
    font-weight: 400;
    color:#fff;
}

.section-hero-shape {
    padding-bottom: 0rem !important;
}

.bold-8{
    font-weight: 900;
}

.cardWithShadow
{
   /* width: 280px;
    margin-left: 5px;
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 10px;*/

}

.cardWithShadow .card-body
{
    font-size: 16px;
}
.cardWithShadow .card-text
{
    font-size: 12px;
    font-weight: 500;
}
.cardWithShadow .card-title
{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}
.image-heading{
    font-size: 1.5rem;
    font-weight: 800;
}

.box-color-1
{
    background-color:#c9e8e3;
}
.box-color-2
{
    background-color:#b5d0b2;
}
.box-color-3
{
    background-color:#ccccd0;
}
.box-color-4
{
    background-color:#f0c6e0;
}
.box-color-5
{
    background-color:#f4c7c7;
}
.box-color-6
{
    background-color:#ede6bb;
}


#product
{
    background: linear-gradient(180deg, #36B37E 0, #36b3a4 100%) !important;
}

#product  .display-3 {
        /* font-size: 2.1875rem; */
        font-weight: 600;
        line-height: 0;
        font-size: 24px;
        color:#fff;
    }

#product .lead{
    color: #FAFBFE;
    font-size:14px;
}

#product .info-horizontal-new{
    background: #fff;
    padding: 10px;
    border-radius: 8px
}

.my-mt-5
{
    margin-top: 1rem !important;
}

.info-horizontal-new p{
    font-size: 0.9rem;
}

.info-horizontal-new p{
    font-size: 0.9rem;
}

.info-horizontal-new2 h5, .info-horizontal-new2 p{
    color: #fff !important;
}

.info-horizontal-new h5, .info-horizontal-new p{
    color: #000 !important;
}

.pricing_section .display-3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 0;
    color: #333;
}


.pricing_section .lead {
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.7;
    margin-top: 1.5rem;
    color: #333;
}

.feature-block
{
    padding: 20px 0px;
    border-radius: 10px;
    background-color: #f3f3f3 !important;
}

#demo
{
    background: #ebf8f4;
}

.footer
{
    background-color: #000;
    color: #fff;
}

.footer .mb-0{
    margin-bottom: 0 !important;
    color: #fff;
    font-size: 12px;
}

.footer .text-white {
    font-size: 1.2rem;
    color: #fff !important;
}

.copyright a
{
    color: #fff;
}

#demo .display-3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
    color: #333;
}
.test-on-web-btn
{
    margin-top: 15px;
}
.navbar-toggler{
   background-color: #999 !important;
}

.navbar-transparent .navbar-nav .nav-link:hover, .navbar-transparent .navbar-nav .nav-link:focus
{
    color: #333 !important;
}
