/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  font-family: 'Comfortaa', cursive;
  color:#000;
}
h1,h2,h3,h4,h5,h6{font-weight:bold;}

.sub-page{padding-top:100px;}
.sub-page .nav-bg{background:#29b63e;}
.navbar-brand img{max-height:80px; transition: all .2s ease-in-out;}
.nav-bg{background: none;-webkit-transition: background 1s; transition: background .2s;z-index:999;}
.nav-bg.scrolled{background:#29b63e; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.nav-bg.scrolled .navbar-brand img{max-height:60px;}
.nav-bg a.nav-link{font-size:16px; font-weight:bold; color:#fff!important; margin:0 15px;}
.home-banner{padding-top:80px;}
.bg-custom-green{background-color:#29b63e;position: relative;}
.bg-custom-green:after {background: #fff; bottom: -1px; content: ''; display: block; width:100%; height: 300px; clip-path: polygon(100% 100%,0% 100%, 100% 0%); left: 0; position: absolute; right: 0;}

.bg-custom-grey{background-color:#fff;position: relative;}
.bg-custom-grey:after {background: #f6f6f6; bottom: -1px; content: ''; display: block; width:100%; height: 300px; clip-path: polygon(100% 100%,0% 100%, 100% 0%); left: 0; position: absolute; right: 0;}
.suit-box{border-radius:5px; background:#29b63e; color:#fff; padding:30px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); height: 180px; margin-bottom:30px;}
.suit-box h3{color:#fff;}
.green-1{background:#5ed171;}
.green-2{background:#4bc45f;}
.index-top{position: relative;z-index:1;}
.btn-radius{border-radius:30px; font-weight:bold; padding-left:30px!important; padding-right:30px!important;}
.orange-bg{background:#f5a00c;}
.green-bg{background:#29b63e;}
.badge.orange-bg{border-radius:30px;background:#f5a00c;padding:8px 15px;font-size:16px;text-transform:uppercase;}
.banner-title{font-size:48px;}
.banner-subtitle{font-size:18px;}
.step{font-family: 'Poppins', sans-serif; font-size:32px; line-height:60px; color:#29b63e; text-align:center; width:60px; height:60px; display:inline-block; border:3px solid #29b63e; border-radius:40px; position:relative;}
.step:before{content: ''; background:#f3f3f3; border-radius:40px; display: block; width:60px; height: 60px; left:5px; top:5px; position: absolute; z-index:-1;}
.sub-desc{font-size:14px;}
#howitworks{padding-bottom:40px;}
#features{background:#f6f6f6;padding-top:100px; padding-bottom:100px;}
#features img{max-height:140px;}
#pricing{padding-top:100px;}
#faqs{padding-top:100px; padding-bottom:100px;}
#signupnow{background:#f5a00c;padding-top:30px; padding-bottom:30px;}
#contact{background:#222;padding-top:70px; padding-bottom:40px;}
#contact a, footer a{color:#29b63e;}
footer{background:#000; color:#929292;}

.text-orange{color:#f5a00c;}
.text-green{color:#29b63e;}
.pricing-table{background:#fff; border-radius:5px; padding:50px 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.pricing-title{font-size:24px;}
.pricing-fee{font-size:30px;}
.pricing-fee span, .pricing-fee-alt span{font-size:14px; color:#888;}
.pricing-fee-alt{font-size:18px;}
.pricing-desc{color:#888; padding-top:10px;}

.accordion .card-header:after {font-family: 'FontAwesome'; content: "\f068"; float: right; color:#f5a00c;}
.accordion .card-header.collapsed:after {/* symbol for "collapsed" panels */ content: "\f067"; color:#29b63e;}
.accordion .card-body{font-size:14px; color:#727272;}

.company-address{color:#9e9e9e; font-size:12px;}

:target::before {
    content: '';
    display: block;
    height:      100px;
    margin-top: -100px;
}

@media (max-width: 575.98px) {
	.bg-custom-green:after {height:200px;}
}

@media (max-width: 767.98px) {
	
}

@media (max-width: 991.98px) {
	.nav-bg{background:#29b63e;} 
	.nav-bg a.nav-link{font-size:15px; margin:0 15px;}
	.nav-bg .btn-radius{margin:20px 10px!important;}
	.home-banner{padding-top:120px;}
	
	.badge.orange-bg{font-size:14px;}
	
}

@media (max-width: 1199.98px) {
	.nav-bg a.nav-link{font-size:14px; margin:0 10px;}
	.banner-title{font-size:36px;}
	.banner-subtitle{font-size:16px;}
	.bg-custom-green:after {height:150px;}
}