*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

.top{
    background: linear-gradient(180deg, rgba(198, 226, 229, 0.2) -37.88%, rgba(198, 226, 229, 0) 100%);
    overflow-x: hidden;
}
/* nav */
.navbar .navbar-toggler{    
    border: none;
}
.navbar .navbar-toggler:focus{
    box-shadow: none;
}

.navbar form a, .header .content .text a, .features .content a{
    background: #48929B;
    border-radius: 10px;
    color: #FFFFFF;
    padding: 10px 25px;
}
.navbar form a:focus, .header .content .text a:focus{
    box-shadow: none;
}
.navbar form a:hover{  
    background: rgba(72, 146, 155, 0.8);  
    color: #FFFFFF;
}

/* header */
.header .content .text .blue, .services .title .blue, .features .content .blue, .app .content .blue{
    color: #48929B;    
}
.header .content .text h2{
    font-size: 60px;
}
.header .content .text .gray, .services .title .gray, .features .content .gray, .app .content .gray{
    color: #8E8E8E;
}

/* services */
.services .content .text .active{
    border: 1px solid #EBEBEB;
    border-radius: 10px;    
}
.services .content .text .active:hover{
    border: 1px solid #F4FEFF;
    background-color: #F4FEFF;
}
.services .content .text .active .hide{
    visibility: hidden;
}
.services .content .text .active:hover .hide{
    visibility: visible;
}
.services .content .text .active .show{
    width: 130px;
    height: 130px;
}
.services .content .text .active p{    
    font-weight: 500;
}


/* features */
.features .content h2, .app .content h2{
    font-size: 45px;
}
.features .image .info{
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    width: 300px;
    height: 250px;
}
.features .image .info:hover{
    background-color: #F4FEFF;
    border: 1px solid #F4FEFF;
    box-shadow: 0 5px 10px rgba(198, 226, 229, 0.2);
}
.features .image .info img{
    width: 150px;    
}

/* app */
.app .content{
    background-color: #C6E2E5;
    border-radius: 30px;
}
.app .content .image{
    text-align: right;
}

/* footer */
.footer .content .logo a{
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 400;
    color: #000;
}
.footer .content .links ul{
    list-style: none;
    padding: 0px;    
    text-align: right;
}
.footer .content .links ul li{
    display: inline-block;
    padding: 15px 10px 5px 0px;
}
.footer .content .links ul li a{
    text-decoration: none;
    color: #000;
}
.footer .copyright p{
    border-top: 1px solid #F3F3F3;    
    color: #8E8E8E;    
}

@media (max-width: 767px){
    .footer .content .links ul{
        text-align: left;
    }
    .footer .content .links ul li{        
        padding: 15px 5px 5px 0px;
    }
}
@media (max-width: 486px){
    .header .content .text h2, .features .content h2{
        font-size: 45px;
    }
}
@media (max-width: 345px){
    .header .content .text h2, .features .content h2{
        font-size: 40px;
    }
}