body{
	font-family: 'Satoshi', sans-serif;
	overflow-x: hidden;
}
h1,h2,h3,h4{
	font-family: 'Bevenida';
}
.text-pink{
	color: #E50C54 !important;
}
.main-banner{
	
	background: url(../img/banner.png);
	background-position: center;
	background-size: 100%;
	height: 800px;
	display: flex;
	align-items: center;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
}
/*.main-banner:before{
	content: '';
	background: rgba(255, 255, 255, 0.04);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}*/
.banner-img{
	position: relative;
}
.banner-img img {
    transform: translateY(70px);
}
.banner__thumb--shape {
    position: absolute;
    top: 130px;
    left: -127px;
}
.banner__thumb--title{
	position: absolute;
    top: 240px;
    left: -80px;
    text-align: center;
}
.banner-desc{
	position: relative;
	z-index: 1;
	padding: 100px 50px 0px 0px;
}
.main-banner h1{
	color: #000;
	font-size: 60px;
	font-family: Bevenida;
	font-weight: 700;
	line-height: 82px;
	letter-spacing: 0.6px;
	margin-bottom: 30px;
}
.main-banner h1 span{
	color: #E50C54;
}
.banner-desc p{
	color: #000;
	font-size: 28px;
	font-family: Satoshi;
	line-height: 42px;
	letter-spacing: 0.28px;
	margin-bottom: 30px;
}
.banner__thumb--shape .shapeimg {
    top: 70px;
    left: -150px;
    z-index: 1;
    animation: up-down 5s infinite ease-in-out;
}
.banner__thumb--shape .shapeimg img{
	transition: all 0.3s ease;	
}
.banner__thumb--title h4 {
    top: 110px;
    left: -100px;
    max-width: 150px;
    z-index: 1;
    animation: up-down 5s infinite ease-in-out;
}
@keyframes up-down {

    0%,
    100% {
        transform: translateY(-20px);
    }

    50% {
        transform: translateY(0);
    }
}



.btn{
	width: 188px;
	padding: 15px 42px;
	font-size: 16px;
	font-weight: 500;
	line-height: 130%;
}
.btn-primary{
	background: rgba(229, 12, 84, 1);
	border-color: rgba(229, 12, 84, 1);
	color: #fff;
}
.btn-primary:hover{
	background: #fff;
	border-color: #fff;
	color: rgba(229, 12, 84, 1);
}
header{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
header.fixed-header{
	position: fixed;
	top: 0;
	background: linear-gradient(45deg, #fb2d80, #f7968f);
	z-index: 2;
	padding: 0;
	left: 0;
	right: 0;
}
.navbar-toggler-icon{
	width: 2.8em;
	height: 2.8em;
	background-image: none !important;
}
.navbar-toggler-icon img{
	width: 30px;
}
.nav-custom-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0px;
}
header.fixed-header .nav-custom-header{
	padding: 0;
}
a.download-btn {
    text-decoration: none;
    color: #E50C54;
    border: 1px solid #E50C54;
    padding: 10px 25px;
    border-radius: 50px;
    font-weight: 600;
}
header.fixed-header a.download-btn{
	color: #fff;
	border-color: #fff;
}
header.fixed-header .navbar-toggler-icon img{
	filter: invert(1);
}
header.fixed-header .navbar-dark .navbar-brand img {
    filter: brightness(0) invert(1);
}
.navbar-nav li.nav-item{
	padding: 10px 30px;
}
.navbar-nav li.nav-item a{
	font-size: 20px;
	font-family: Satoshi;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	position: relative;
	padding-bottom: 10px;
}
.navbar-nav li.nav-item a:hover{
	color: #E50C54;
}
.navbar-nav li.nav-item a:hover:after{
	content: '';
	background: url(../img/line.png);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 6px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.sidemenu{
	position: fixed;
	top: 0;
	left: 0;
	width: 300px;
	background: #fff;
	bottom: 0;
	z-index: 999;
	padding: 40px;
	margin-left: -300px;
	transition: all linear 0.2s;
}
.sidemenu.active{
	margin-left: 0;
}
.sidemenu ul{
	padding-left: 0;
	list-style-type: none;
	margin-top: 100px;
}
.sidemenu ul li{
	padding: 10px;
}
.sidemenu ul li a{
	text-decoration: none;
	color: #000;
	font-size: 21px;
	font-weight: 600;
}
.sidemenu a.close-menu{
	position: absolute;
	right: 30px;
}
.sidemenu a.close-menu img{
	width: 30px;
}
.about-us{
	background: #131e1f;
	padding: 100px 0px 100px;
	background: linear-gradient(45deg, #fb2d80, #f7968f);
}

.about-desc h2{
	color: #FFF;
	font-size: 35px;
	font-family: Bevenida;
	font-weight: 500;
	line-height: 52px;
	letter-spacing: 0.35px;
}
.about-desc h3{
	font-size: 40px;
	font-family: Segoe Script;
	line-height: 97.333px;
	letter-spacing: 0.4px;
	background: -webkit-linear-gradient(45deg, rgba(255, 0, 85, 1), rgba(0, 96, 255, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about-desc {
    background: url(../img/about-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 560px;
    width: 100%;
    margin-top: 50px;
    padding: 100px 100px;
}


.about-desc p{
	color: #000;
	font-size: 20px;
	font-family: Satoshi;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0.2px;
}

/*section.hookup-slider {
    background: #091314;
    padding-bottom: 100px;
}*/
section.hookup-slider .marquee{
	display: flex;
}
section.hookup-slider span{
	height: 108px;
	padding: 10px 40px;
	color: #000;
	text-align: center;
	font-size: 28px;
	font-family: Satoshi;
	font-weight: 900;
	line-height: 57px;
	letter-spacing: -0.84px;
	text-transform: uppercase;
	border-radius: 9999999980506448000px;
}

span.orange{
	background: linear-gradient(135deg, #FFE985 0%, #FA742B 100%);
}
span.purple{
	background: linear-gradient(135deg, #FF96F9 0%, #C32BAC 100%);
}
span.yellow{
	background: linear-gradient(135deg, #FEC163 0%, #DE4313 100%);
}
span.blue{
	background: linear-gradient(135deg, #ABDCFF 0%, #0396FF 100%);
}
span.green{
	background: linear-gradient(135deg, #70F570 0%, #49C628 100%);
}
span.blue-gr{
	background: linear-gradient(135deg, #6B73FF 0%, #000DFF 100%);
}

.why-use{
	background: url(../img/banner-inner.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	padding: 100px 0px 100px;
	background-color: #fff;
}
.why-use .section-title{
	text-align: center;
}
.why-use .section-title h3{
	color: #FFF;
	font-size: 46px;
	font-family: Segoe Script;
	line-height: 97.333px;
	letter-spacing: 0.56px;
}
.why-use .section-title h2{
	color: #FFF;
	text-align: center;
	font-size: 56px;
	font-family: Bevenida;
	font-weight: 700;
	line-height: 82px;
	letter-spacing: 0.6px;
}
.why-use .section-title p{
	color: #FFF;
	text-align: center;
	font-size: 30px;
	font-family: Satoshi;
	line-height: 57px;
	letter-spacing: 0.35px;
}
.choose-img{
	padding: 100px 0px;
}
.video-section{
	position: relative;
	padding: 100px 0px 100px;
	background: linear-gradient(-135deg, #fb2d80, #f7968f);
}
.success-story{
	background: url(../img/banner-inner.png);
	background-color: #fff;
	padding: 100px 0px 150px;
}
.krushley-video{
	position: relative;
	text-align: center;
	padding: 50px 0px 50px;
}

.krushley-video a{
	text-decoration: none;
}
.krushley-video span{
	color: #fff;
	text-decoration: none;
	display: block;
	padding-top: 10px;
}
.play-video {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.play-video img {
    z-index: 0;
    width: 100px !important;
    height: 100px !important;
}
.shape1{
	position: absolute;
	top: 0;
	left: 0;
}
.shape1 img{
	width: 80%;
}
.shape2{
	position: absolute;
	bottom: 0;
	left: 0;
}
.shape2 img{
	width: 80%;
}
.shape3{
	position: absolute;
	top: 0;
	right: 0;
}
.shape3 img{
	max-width: 150px;
	margin-left: auto;
}
.shape4{
	position: absolute;
	bottom: 0;
	right: 0;
	
}
.shape4 img{
	max-width: 300px;
	margin-left: auto;
}

.video-section .section-title img{
	width: 65px;
}
.video-section .section-title h2{
	color: #fff;
	font-size: 60px;
	font-family: Bevenida;
	font-weight: 700;
	line-height: 82px;
	letter-spacing: 0.6px;
}
.video-section .section-title p{
	color: var(--black, #000);
	text-align: center;
	font-size: 28px;
	font-family: Satoshi;
	line-height: 42px;
	letter-spacing: 0.28px;
}
.diff-img-list {
    display: flex;
    justify-content: center;
    padding-top: 50px;
    flex-wrap: wrap;
}
section.download-section {
    background: url(../img/download-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
    background: linear-gradient(-135deg, #fb2d80, #f7968f);
}
.download-desc{
	position: relative;
}
.download-desc .dwn-shape{
	position: absolute;
	top: 0;
	right: 0;
}
.download-desc .section-title h2{
	color: #FFF;
	font-size: 60px;
	font-family: Bevenida;
	font-weight: 500;
	line-height: 82px;
	letter-spacing: 0.6px;
	padding-right: 70px;
}

.download-desc .section-title h3{
	font-size: 41px;
	font-family: Segoe Script;
	line-height: 97.333px;
	letter-spacing: 0.41px;
	background: -webkit-linear-gradient(45deg, rgba(255, 0, 85, 1), rgba(0, 96, 255, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.download-desc .section-title p{
	color: #FFF;
	font-size: 28px;
	font-family: Satoshi;
	line-height: 42px;
	letter-spacing: 0.28px;
	margin-bottom: 40px;
}
.mobile-side {
    max-width: 500px;
    overflow: hidden;
    margin-left: auto;
    margin-bottom: 50px;
}
.download-img img.img-fluid {
    max-width: 400px;
}
.download-desc .section-title a img.img-fluid{
	max-height: 60px;
}
.download-desc .section-title a{
	margin-right: 15px;
}
.feature-detail {
    padding: 100px 150px;
}
.feature-detail h2{
	font-size: 60px;
	font-family: Bevenida;
	font-weight: 700;
	line-height: 74px;
	letter-spacing: 0.6px;
	background: -webkit-linear-gradient(45deg, rgba(255, 0, 85, 1), rgba(0, 96, 255, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
}
.fe-img{
	height: 100%;
}
.fe-img img.img-fluid {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

footer {
    /*background: #091314;*/
    background: url(../img/banner-inner.png);
    background-color:#fff;
    padding: 70px 0px 0px;
}

.footer-widget p.f-desc{
	color: #FFF;
	font-size: 26px;
	font-family: Satoshi;
	line-height: 42px;
	letter-spacing: 0.26px;
}
.footer-widget h3{
	color: #FFF;
	font-size: 26px;
	font-family: Bevenida;
	font-weight: 500;
	line-height: 77px;
	letter-spacing: 0.52px;
}
.footer-widget ul{
	padding-left: 10px;
	list-style-type: none;
}
.footer-widget ul li a{
	font-size: 20px;
	font-family: Satoshi;
	font-weight: 500;
	color: #000;
	text-decoration: none;
}
.footer-widget ul li{
	padding: 10px 0px;
}
.footer-widget .footer-logo {
    margin-bottom: 20px;
    margin-top: 20px;
}
/*footer .container{
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}*/
.footer-copyright{
	padding: 20px 0px;
}
.footer-copyright p{
	color: #000;
	font-size: 23px;
	font-family: Satoshi;
	line-height: 30px;
	margin-bottom: 0;
}
.footer-copyright .footer-social{
	text-align: right;
}
.footer-copyright .footer-social a img{
	width: 50px;
	margin-right: 10px;
}
.footer-widget h3{
	background: #E50C54;
    display: inline-block;
    padding: 0px 20px;
    border-radius: 50px;
}
.social-icons{
	text-align: center;
	padding-bottom: 50px;
}
.social-icons a{
	display: inline-block;
	margin: 5px;
}
.social-icons a img {
    width: 50px;
}
.footer-logo {
    padding-bottom: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.footer-logo span{
	color: #E50C54;
	font-size: 18px;
	margin-bottom: 10px;
}
.testimonial-box {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    position: relative;
    border: 3px solid #E50C54;
}
.testimonial-img{
	position: absolute;
	top: -20px;
	right: -20px;
}
.testimonial-img img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.star-list{
	padding: 20px 0px 30px;
}
.star-list img {
    width: 18px;
}
.testimonial-row{
	padding-top: 50px;
}
.testimonial-box.one,.testimonial-box.third {
    margin-top: 100px;
}
section.hookup-slider {
    padding: 50px 0px 50px;
}