body, footer {
    font-family: 'Prompt', sans-serif;
}
p,li{
    font-size:17px;
    font-weight:300;
    line-height:1.8;
}
.primary-font, a.side-menu-button, nav.main-navigation ul li ul.sub-menu li a, nav.main-navigation ul a, nav.responsive-menu ul li .sub-menu a, nav.responsive-menu a, h1, h2, h3, h4, h5, h6, .first-line, .second-line {
    font-family: 'Prompt', sans-serif;
}
header.site-header {
    background-color: #E5FFEF;
    font-weight:400;
}
hr {
    border-style: dashed;
    border-width: 2px;
    border-color: #C9C9C9;
}
.banner-top {
    /*background-image: url(/LandingPage/img/caption_mobileapp/Banner-2_01.png);
    padding-top: 150px;
    padding-bottom: 150px;*/
    color: #fff !important;
    position:relative;
}
    #img1{
        position:absolute;
        top:0;
        right:0;
    }
#img2 {
    position: absolute;
    bottom: 0;
    left: 0;
}
    .banner-top h1, .banner-top h3, .banner-top p {
        color: #fff !important;
    }
    .banner-top h1 {
        font-size: 39px;
    }
        .banner-top h1>strong{
            font-size:58px;
        }
    
        
        .banner-top h3 {
            font-weight: 400;
        }
        .banner-top a.btn {
            color: #00CCCC;
            font-weight: bold;
            font-size: 30px;
            padding: 10px 25px;
            border-radius: 32px;
        }
section {
    padding: 50px 0;
}
.shortcodes-content .accordions .accordion-section-title {
    background-color: #4CC94C;
    border-radius: 25px;
    color: #fff;
    font-size:17px;
    padding:15px 20px;
}
.shortcodes-content .accordions .accordion-section-content {
    border: 4px solid #4CC94C;
    border-radius: 25px;
    margin-top: 5px;
}
.shortcodes-content .accordions .accordion-section-title.active {
    color: #fff;
}
    section.tap-box h3 {
        color: #BCBCBC;
        font-weight: 500;
    }
section.tap-box .active h3, section.tap-box .fa-chevron-right.active {
    color: #339333;
    font-weight: bold;
}

.show-mobile-captio {
    position: relative;
}
.show-mobile-caption .tab {
    position:absolute;
    top:20px;
    right:5px;
}
    .show-mobile-caption .tab > span {
        display: block;
        width: 20px;
        height: 20px;
        background-color: #eeeeee;
        margin-bottom: 20px;
        border-radius: 20px;
    }
    .show-mobile-caption .tab > span.active {
        background-color: #51BC86;
    }
.gradient{
    background-color:#E5FFEF;
}
.benefit .box {
    min-height: 180px;
    padding-top: 15px;
    padding-bottom: 15px;
}
footer .footer-item .connect-us ul li a{
    background-color:inherit;
}
footer a:hover{
    font-weight:bold;
    color:#fff;
}
.benefit .box.green {
    background-color: #EBF9F6;
}
footer{
    background-image:url(/LandingPage/img/caption_mobileapp/landing-page123.png);
    background-repeat:no-repeat;
    background-position:right;
}
footer p.add {
    color: #fff;
}
footer ul{
    width:100%;
    padding-left:0px;
}
footer li {
    list-style: none;
    display: inline-block;
    color: #fff;
    margin-right:20px;
}
    footer li a {
        color: #fff;
    }
.gradient {
    background-image: url(/LandingPage/img/caption_mobileapp/gr_bg.png);
    background-repeat-x: repeat;
    background-size: 100%;
}
.gradient .btn {
    background-color: #FF3C70;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    border-radius: 25px;
    padding: 10px 70px;
}
    footer {
        background-color: #00CC00;
        border-top: 4px solid #178B17;
    }
.benefit .box, .benefit .box h3 {
    color: #6F6F6F;
}
.animated {
    display: none;
}
.animated.fadeIn {
    display: block;
}
@media (max-width: 991px) {
    .site-header .main-header .logo a {
        background-color: #e5ffef;
    }
    .scrolled-header {
        background-color: #e5ffef !important;
    }
    footer {
        background-image: none;
        
    }
}