@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");
html,body{
  height: 100%;
  width:100%;
  font-family: 'Poppins', sans-serif;
  color: #222;
}

header{
	min-height: 100vh;
	clear: both;
}
footer{
	background-color: #000;
	color: #fff;
}
ul{
	list-style: none;
}
#angrefristen{
    list-style: disc!important;
}
footer a{
	text-decoration: none!important;
	color: #fff!important;
}
h1{
	font-weight: bold!important;
}
/*Background colors*/
.bg-green{
	background-color: #95D03A!important;
}
.bg-green-50{
	background-color: rgba(149,208,58,0.5)!important;
}
.bg-white{
	background-color: #fff!important;
}
.bg-offwhite{
	background-color: #f8f8f8!important;
}
/*Text Colors*/
.text-white{ 
	color:#ffffff!important;
}

.green{
	color: #95D03A !important;
}
.btn-green{
	color: #fff!important;
	background-color: #95D03A!important;
	border: none!important;
}
.center-cont{
	display: flex;
	align-items: center;
	justify-content: center;
}
.center-div{
	margin: 0 auto!important;
}
.p-20{
	padding-top:5rem!important;
	padding-bottom:5rem!important;
}
/*Button Group-Post*/
.btn-group-wrap {
    text-align: center;
}

div.btn-group {
    margin: 0 auto; 
    text-align: center;
    width: inherit;
    display: inline-block;
}

.slides-row{
	min-height: 10rem!important;
}
/*Scroll up Button*/
.scrollTop{
	position: fixed;
    bottom: 800px;
    right: 40px;
    cursor: pointer;
    z-index: 100000;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.scrollTop.active{
	bottom: 40px;
	visibility: visible;
	opacity: 1;
}
.scrollTop i:hover{
	opacity: 0.5;
}

/*-----------------------------*/
/*Navigation*/
.bg-nav{
	box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.navbar{
  padding:.8rem;
}
.navbar-nav li{
  padding: 20px;
}
.navlink{
  font-size: 1.1em !important;
}
/*End Nav*/
/*Landing*/
#landing{
	position: relative;
	transform: translateY(15%);
	padding-top: 1rem;
}
.l-img{
	width: 100%!important;
}
/*End Landing*/
/*Features*/
#features{
	display: flex;
	align-items: center;
	justify-content: center;
}
#right-feature{
	background-color: #95D03A;
	color: #fff;
}
/*End Features*/
/*About*/
.img-about{
	width: 50% !important;
}
.bs-about{
	border-radius: 5%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	min-height: 25rem !important;
}
.easy-steps{
	margin:0 auto !important;
}
#div-about{
	background-image: url("../img/bg-about.png");
	background-size:100%;
	background-repeat:no-repeat;
	background-attachment: fixed;
}
.card{ 
	border-radius: 5%;
	padding: 20px;
	box-shadow: 1px 5px 3px 4px rgba(0,0,0,0.2); 
	min-height: 23rem!important;
}
span hr.line {
	width: 30%;
    background-color: #95D03A;
    border: 3px solid #95D03A;
    border-radius: 7px 7px 7px 7px;
}
.card-steps{
	border-radius: 5%;
	padding: 3rem;
	box-shadow: 1px 5px 3px 4px rgba(0,0,0,0.2); 
	min-height:20rem!important;
	margin:.5rem;
	text-align: center;
}
#card-bg{
	background-image: url("../img/bg-about.png");
	background-size:100%;
	background-repeat: no-repeat;
	padding-bottom: 5rem;
}
.card{
	border: none!important;
}
.bg-easy{
	background-color:#f8f8f8 ;
	background-blend-mode: lighten;
}
.car-first{
		order: -1!important;
	}
.car-last{
	order: 6!important;
}
.post-img figure:hover img{
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.post-img figure img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}
/*Download*/
#dl-bg{
	background-image: url("../img/line.png");
	background-size:100%;
	background-repeat: no-repeat;
	background-size: contain;
	background position: bottom;
}
.dl-img{
	width: 50% !important;
}
.btn-dl{
	width:100% !important;
}
/*Contact us*/
#contact{
	background-color: rgba(149, 208, 50, 0.5);
	background-blend-mode: lighten;
}
/*Form*/
form{
	/*background-color:#fff;*/
}
input{
	border: none!important;
	padding:1rem!important;
}
.contact-first{
		order: -1!important;
	}
.contact-last{
	order: 6!important;
}


/*---Media Queries --*/
@media (max-width: 992px) {
	  #landing{
	position: initial;
	top: 5%;
	transform: translateY(0%);

	}
  }
@media (max-width: 768px) {
    #landing{
	position: initial;
	top: 5%;
	transform: translateY(0%);

	}
}
@media (max-width: 576px) {
  #landing{
	position: initial;
	top: 0%;
	transform: translateY(0%);
	}
	.align-center{
	text-align: center;
	}
	.l-img{
	width: 50%!important;
	}
	#helpful{
		text-align: center;
	}
	.dl-img{
	width: 100% !important;
		}
	#dl-bg{
	background-image: none;
	}
	.btn-dl{
		width:50% !important;
	}
	#contact img{
		width:75%!important;
	}
	.car-first{
		order: 6!important;
	}
	.car-second{
		order: -1!important;
	}
	#contact-first{
		order: 6!important;
	}
	#contact-last{
		order: -1!important;
	}
	footer{
	text-align: center;
	}
	#social{
		display: flex;
		align-items: center;
		justify-content: center;
	}
}



/*Navigation effect*/
a.nav-link {
  overflow: hidden;
  position: relative;
  display: inline-block;
  font-size: 1.1rem;
}

a.nav-link::before,
a.nav-link::after {
 content: '';
  position: absolute;
  width: 100%;
  left: 0;
}
a.nav-link::before {
  background-color: #95D03A;
  height: 2px;
  bottom: 0;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}
a.nav-link::after {
  content: attr(data-replace);
  height: 100%;
  /*top: 0;*/
  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
  color: #95D03A;
}

a.nav-link:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
a.nav-link:hover::after {
  transform: translate3d(0, 0, 0);
}

a.nav-link span {
  display: inline-block;
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}

a.nav-link:hover span {
  transform: translate3d(-200%, 0, 0);
}


/*a {
  box-shadow: inset 0 0 0 0 #95D03A;
  color: #95D03A;
  padding: 0 .25rem;
  margin: 0 -.25rem;
  transition: color .5s ease-in-out, box-shadow .3s ease-in-out!important;
}
a:hover {
  color: #fff;
  box-shadow: inset 200px 0 0 0 #95D03A;;
}*/

/* Presentational styles */
/*a {
  color: #54b3d6;
  font-family: 'Poppins', sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}
*/