@charset "utf-8";
body{font-family:MavenPro;}
body{
    --link-button-bg-color:#FFFFFF;
    --link-button-font-color: #222222;

    --link-button-border-color: #FFFFFF;
    --link-button-border-font-color: #FFFFFF;
    --link-button-border-bg-color: rgba(0,0,0,0);

    --link-button-bg-thumbnail-color:#222222;
    --link-button-bg-thumbnail-border-color:#222222;
    --link-button-border-thumbnail-color:#FFFFFF;
    --link-button-border-thumbnail-border-color:#FFFFFF;

    --link-social-color:#FFFFFF;
    --link-social-border-color:#FFFFFF;
}
.bg div{background:rgba(183,205,220,1)}
.item{position:relative;border-radius:12px;background-color:rgba(255,255,255,0.3)!important}
.item .btn{font-family:Poppins;color:#FFFFFF!important}
section,.desc,.text h3{color:#fff;font-family:Poppins}
.item span{position:absolute;height:45px;left:3%;top:50%;transform:translateY(-50%);display:block;border-radius:50%;width:45px;background-size:cover}
.footer p a{color:#FFFFFF}
@media only screen and (max-width:767px){.item{min-height:50px;line-height:50px}
	.item span{left:4%;width:38px;height:38px}
}
.animate-container{position:fixed;top:0;width:100%;height:100%;margin:0 auto;z-index:-1;background:rgba(183,205,220,1)}
.animate-container {
	background: linear-gradient(90deg, rgb(240,154,241), rgb(33,229,241), rgb(235,236,117)) center / cover;
  background-size: 600% 600%;
  -webkit-animation: Gradient 36s ease infinite;
  animation: Gradient 36s ease infinite;
}
@-webkit-keyframes Gradient {
    0%, 100% {
		background-position: 0%, 50%;
	}
	50% {
		background-position: 100%, 50%;
	}
}
@keyframes Gradient {
    0%, 100% {
		background-position: 0%, 50%;
	}
	50% {
		background-position: 100%, 50%;
	}
}