/* Move down content because we have a fixed navbar that is 3.5rem tall */
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}



body {
  font-family: 'Comfortaa', cursive;
  color:#000;
}
h1,h2,h3,h4,h5,h6{font-weight:bold;}

.blog h5 a{color:#000!important;}
.blog p{font-size:13px;}
.blog a.btn{color:#fff;}

.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;}
.page-banner{padding-top:140px; padding-bottom:40px;}
.bg-custom-green, .bg-custom-green-features, .bg-custom-green-pricing, .bg-custom-green-contact{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-green-features:after {background: #f6f6f6; bottom: -1px; content: ''; display: block; width:100%; height: 80px; clip-path: polygon(100% 100%,0% 100%, 100% 0%); left: 0; position: absolute; right: 0;}
.bg-custom-green-pricing:after {background: #fff; bottom: -1px; content: ''; display: block; width:100%; height: 80px; clip-path: polygon(100% 100%,0% 100%, 100% 0%); left: 0; position: absolute; right: 0;}
.bg-custom-green-contact:after {background: #222; bottom: -1px; content: ''; display: block; width:100%; height: 80px; clip-path: polygon(100% 100%,0% 100%, 100% 0%); left: 0; position: absolute; right: 0;}
/*new code*/
.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;}
/*end new code*/
.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:220px;}
#features h3{font-size:24px;}
#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:24px;}
.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;}
.yes-icon{max-height:26px;}
.table{text-align:center;}

.pricing-feature{text-align:left;}
.pricing-feature small{font-size:12px; max-width:250px; display:block;}

.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;}


.icon-feature img{max-width:100px; margin-top:30px; margin-bottom:10px;}

.logo-client img{margin:20px;}

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



.icon-feature h3, #faqs h3{font-size:16px!important;}
/* new code for table pricing style*/

table .hide {
  display: none;
}

/* SWITCH STYLES
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.switch-wrapper {
  position: relative;
  display: inline-flex;
  padding: 4px;
  border: 1px solid lightgrey;
  margin-bottom: 40px;
  border-radius: 30px;
  background: #fff;
}

.switch-wrapper [type="radio"] {
  position: absolute;
  left: -9999px;
}

.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"],
.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"] {
  color: #fff;
}

.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"]:hover,
.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"]:hover {
  background: transparent;
}

.switch-wrapper
  [type="radio"]:checked#monthly
  + label[for="yearly"]
  ~ .highlighter {
  transform: none;
}

.switch-wrapper
  [type="radio"]:checked#yearly
  + label[for="monthly"]
  ~ .highlighter {
  transform: translateX(100%);
}

.switch-wrapper label {
  font-size: 16px;
  z-index: 1;
  min-width: 100px;
  padding-top:10px;
  cursor: pointer;
  border-radius: 30px;
  transition: color 0.25s ease-in-out;
}

.switch-wrapper .highlighter {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  border-radius: 30px;
  background: #29b63e;
  transition: transform 0.25s ease-in-out;
}

/* end of new code for table pricing style*/

/* new code for sticky style*/
#content{
	padding: 18px;
	margin-left: 400px;
	min-height: 800px;
}

#sticky-sidebar-demo{
	float: left;
	width: 400px;
	text-align:center;
	will-change: min-height;
}

#sticky-sidebar-demo .sidebar__inner{
	position: relative;
	transform: translate(0, 0);
	transform: translate3d(0, 0, 0);
	will-change: position, transform;
}

.feature-new-box{text-align:center; padding:30px 30px 10px 30px; border-radius:15px;}
.feature-new-box-2{color:#fff; background:#29b63e; text-align:center; padding:40px 30px 10px 30px; border-radius:15px; margin-bottom:10px;}
.feature-new-box:hover{color:#fff; background:#29b63e; cursor:pointer;}
.feature-new-box:hover i{color:#29b63e; background:#fff;}
.feature-new-box h3{font-size:18px;}
.feature-new-box p{font-size:11px;}
.feature-new-box i{padding:20px 15px 0 15px; color:#fff; border-radius:10px; background:#29b63e; font-size:50px; margin-bottom:20px;}
.feature-new-box-2 i{padding:20px 15px 0 15px; color:#29b63e; background:#fff; border-radius:10px; font-size:50px; margin-bottom:20px;}
.bg-custom-grey {min-height:250px;}
.bg-custom-grey .btn{z-index:1;}
/* end of new code for sticky style*/

/* new code for testimonial*/
.single-testimonial-item {
    position: relative;
    margin: 2px;
    padding: 20px;
    font-style: italic;
    padding-left: 85px;
}

.single-testimonial-item:before {
    content:url(../img/quote.png);
    position: absolute;
    left: 0;
    top: 30%;
}

.single-testimonial-item:after {
    background: #ddd;
    content: "";
    height: 70%;
    left: 60px;
    position: absolute;
    top: 10%;
    width: 1px;
}

.single-testimonial-item h3 {
    font-size: 20px;
    font-style: normal;
    margin-bottom: 0;
}

.single-testimonial-item h3 span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
}
/* end of new code for testimonial*/

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

@media (max-width: 767.98px) {
	.logo-client img{max-width:100px; margin:20px 10px;}
	.pricing-fee{font-size:14px;}
	.table a.btn-radius{padding-left:12px!important; padding-right:12px!important;font-size:11px!important;}
	.plan-name{font-size:14px; min-width:80px;}
	.table{font-size:12px;}
	.yes-icon{max-height:20px;}	
	.bg-custom-green-features:after {height: 40px;}
.bg-custom-green-pricing:after {height: 40px;}
.bg-custom-green-contact:after {height: 40px;}
}

@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;}
	.page-banner{padding-top:120px; padding-bottom:20px;}
	.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;}
	#content{margin-left: 0;}
	#sticky-sidebar-demo{float: none; max-width: 500px;	width: 100%; margin:0 auto;}
	.bg-custom-grey:after {height: 150px;}
	.bg-custom-grey{min-height:150px;}
}

#article{padding-top:80px;}
#article img{margin-top:30px; margin-bottom:10px; border-radius:20px;}
#article h3{font-size:20px;}
#article p{font-size:14px;}