body{font-family: "Poppins", sans-serif; font-size:14px; }

.navbar-brand{width: 150px;}
h1{color: #a8cf40; font-weight: 800;}
p{line-height: 24px; color: #3a3b3a;}

.relative{position: relative;}

.btn{border-radius: 1px;}
.btn-outline-success{border-color: #a8cf40; color: #a8cf40;}
.btn-outline-success:hover{border-color: #a8cf40; color: #fff; background-color: #a8cf40!important;}
.btn-success{background: #a8cf40; border-color: #a8cf40;}
.btn-success:hover{background: #83ac17; border-color: #83ac17;}
.form-control{border-radius: 1px; border-color: #c2dd79; background: #e4fed5; font-size: 13px; padding: 0.8rem;}

.card{border-radius: 1px;}

.banner h1{font-weight: 800;}
.banner img{width: 100%;}

.aboutsection{padding-top: 5rem; padding-bottom: 5rem; position: relative;}
.aboutsection h4{color: #a8cf40; font-weight: 700;}
.aboutsection h5{line-height: 30px; font-weight: 600;}
.aboutsection h4, .aboutsection h5{margin-bottom: 1.5rem;}

.kwikforce{background:#a8cf40; padding-top:4rem; padding-bottom:4rem;}
.kwikforce .card{padding: 2rem;}
.kwikforce .card h5{font-size: 1rem;}
.kwikforce .card p{margin-bottom: 0; color: #3d3c3c; font-size: 13px;}
.kwikforce .card .img-fluid{max-width: 80%;}

.contactsection{padding-top: 4rem; padding-bottom: 4rem; position: relative;}
.contactsection h2{font-weight: 800;}
.contactIcon{background: #c2dd79; padding: 1rem 0.5rem; display: inline-block;}
.contactIcon img{width: 32px; height: 32px;}
.contactsection h6{margin-bottom: 0.2rem;}
.contactsection a.btn{padding: 1rem;}

footer{padding-top: 2rem;}
footer p{color: #272727; font-size: 13px; line-height: 17px; text-align: right;}
footer p small{font-size: 11px;}
footer p a{color: #272727; text-decoration: none;}
footer p span{padding-left: 0.5rem; padding-right: 0.5rem;}

.top{position: absolute; right: 20px; bottom: 70px; z-index: 100;}
.top a{font-weight: 700; font-size: 10px; text-decoration: none; width: 40px; height: 40px; border-radius: 50%; text-align: center; background: #ffffff; color: #333; box-shadow: -1px 3px 17px 0px rgba(0,0,0,0.55); line-height: 40px; display: block;}


@media only screen and (min-width: 1400px) {
.aboutsection h4{font-size: 2rem;}
.aboutsection h5{font-size: 1.75rem; line-height: 40px;}
.aboutsection h4, .aboutsection h5, .aboutsection p{margin-bottom: 2rem;}
}

@media only screen and (max-width: 768px) {
.formarea{margin-top: 2rem;}
}

@media only screen and (max-width: 600px) {
footer p{text-align: left;}
}