body{
    font-family: ralewayregular,sans-serif !important;
}

body .row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}


.whatsapp-banner-sec{
    background: linear-gradient(135deg, #00FF88 0%, #075E54 100%);
    min-height: 470px;
    width: 100%;
    padding: 13% 0px 50px;
}

.whatsapp-banner-sec h2{
    color:#fff;
    font-size: 2.5em;
    font-family: ralewaybold;
    margin-bottom: 20px;
}

.whatsapp-banner-sec .demo-access-btn, .whatsapp-banner-sec .demo-access-btn:hover{
    background-color:#00a3ad;
    border:1px solid #00a3ad;
    color:#fff;
    font-size:16px;
    padding:10px 30px;
    font-weight:600;
}

.whatsapp-banner-sec img{
    max-width:100%;
    max-height:400px;
}

.business-sec{
    background-color:#fff;
    padding:50px 0px;
}

.business-sec h2{
    font-size:2em;
    font-family: ralewaybold;
    margin-bottom: 20px;
}

.business-sec p{
    font-size:16px;
    margin-bottom:15px;
}

.business-sec p:last-child{
    margin:0px;
}

.service-sec{
    background-color:#f1f1f1;
    padding:50px 0px;
}

.service-sec h2{
    font-size:2em;
    font-family: ralewaybold;
    margin-bottom: 20px;
}

.service-sec img{
    max-width:100%;
}

.service-sec ul{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.service-sec ul li{
    font-size:16px;
    margin-bottom:8px;
    color:#333;
}

.service-sec ul li:last-child{
    margin:0px;
}

.service-sec ul li .fa{
    color:#82c441;
    margin-right:8px;
}

.services-sec{
    background-color:#fff;
    padding:50px 0px;
}

.services-sec img{
    max-width:100%;
}

.services-sec h2{
    font-size:2em;
    font-family: ralewaybold;
    margin-bottom: 20px;
}

.services-sec h5{
    font-size:1em;
    font-weight: 600;
    margin-bottom: 15px;
    color:#333;
    line-height:1.5;
}

.services-sec p{
     font-size:16px;
    margin-bottom:15px;
}

.services-sec .service-div:last-child p{
    margin:0px;
}

.automate-sec{
    background-color:#f1f1f1;
    padding:50px 0px;
}

.automate-sec h2{
    font-size:2em;
    font-family: ralewaybold;
    margin-bottom: 20px;
}

.automate-sec h5{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #666;
    line-height:1.5;
}

.automate-sec .automate-div{
    
    background-color: #fff;
    box-shadow: rgb(204, 204, 204) 0px 5px 5px;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 10px;
}


.automate-sec .automate-div h6{
    font-size: 18px;
    font-family: 'ralewaybold';
    margin: 0px 0px 5px;
}

.automate-sec .automate-div p{
    font-size:14px;
    margin:0px;
}

.reasons-sec{
    background-color:#fff;
    padding:50px 0px;
}

.reasons-sec h2{
    font-size:2em;
    font-family: ralewaybold;
    margin-bottom: 30px;
    text-align:center;
}


.reasons-sec .reasons-div{
    background-color: #f1f1f1;
    padding: 15px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 5px 5px #ccc;
    margin-bottom:25px;
    min-height:220px;
}

.reasons-sec .reasons-div h5{
    font-size: 18px;
    font-family: 'ralewaybold';
    color: #666;
    margin:10px 0px
}

.reasons-sec .reasons-div p{
    font-size:14px;
    margin:0px;
}

.support-section{
    background-color:#f1f1f1;
    padding:50px 0px;
}

.support-section h2{
    font-size:2em;
    font-family: ralewaybold;
    margin-bottom: 10px;
}

.support-section h5{
    font-size:16px;
    color:#666;
    margin-bottom:30px;
    line-height:1.5;
}

.support-section .contact-btn{
    background-color:#00a3ad;
    border:1px solid #00a3ad;
    color:#fff;
    font-size:16px;
    font-weight:600;
    display:inline-block;
    text-decoration:none;
    padding:10px 30px;
}

.support-section .contact-btn:hover{
    background-color:#82c441;
    border:1px solid #82c441;
    color:#fff;
    font-size:16px;
    font-weight:600;
    display:inline-block;
    text-decoration:none;
    padding:10px 30px;
}

.features-sec{
    background-color:#fff;
    padding:50px 0px;
}

.features-sec h2{
    font-size:2em;
    font-family: ralewaybold;
    margin-bottom: 30px;
    text-align:center;
}

.features-sec .features-div{
    text-align:center;
    padding:15px 10px;
}

.features-sec .features-div h5{
    font-size: 18px;
    font-family: 'ralewaybold';
    color: #666;
    margin-bottom: 10px;
}

.features-sec .features-div p{
    font-size: 14px;
    margin: 0px;
}

.why-choose-sec{
    background-color:#f1f1f1;
    padding:50px 0px;
}

.why-choose-sec h2{
     font-size:2em;
    font-family: ralewaybold;
    margin-bottom: 30px;
    text-align:center;
}

.why-choose-sec p{
    font-size:16px;
    margin-bottom:15px;
}

.why-choose-sec ul{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.why-choose-sec ul li{
    font-size:16px;
    margin-bottom:10px;
}

.why-choose-sec ul li:before{
    content: "\f058";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 0;
    width: 1.1em;
    color: #6ac259;
    font-size: 22px;
    vertical-align: middle;
    text-indent: -2px;
}

.relationship-sec{
    background-image:linear-gradient(to right,#00a3ad,#00afa2,#00b98a,#4dc069,#82c441);
    padding:50px 0px;
}

.relationship-sec h2{
    color:#fff;
    font-family:ralewaybold;
    margin-bottom:30px;
    text-align:center;
}

.relationship-sec .contact-btn{
    background-color:#82c441;
    border:1px solid #82c441;
    color:#fff;
    font-size:16px;
    font-weight:600;
    display:inline-block;
    text-decoration:none;
    padding:10px 30px;
}

@media screen and (max-width:767px){
    .services-sec img, .automate-sec img{max-height:400px;display:block;margin:auto;}
    
    .service-sec img{max-height:300px;display:block;margin:auto;}
    
    .reasons-sec .reasons-div{min-height:auto;}
}

@media screen and (min-width:768px){
    .features-sec .border-bottom{border-bottom:1px solid #ccc;}

.features-sec .border-right{border-right:1px solid #ccc;}

.features-sec .border-left{border-left:1px solid #ccc;}
}

@media screen and (min-width:768px) and (max-width:991px){
    .reasons-sec .reasons-div{min-height:auto;}
}

@media screen and (min-width:992px) and (max-width:1199px){
    .reasons-sec .reasons-div{min-height:265px;}
}

