@font-face {
    font-family: 'BwModelicaBlack';
    src: url('../fonts/bw_fonts/bw_black/fonts/BwModelicaBlack.eot');
    src: url('../fonts/bw_fonts/bw_black/fonts/BwModelicaBlack.eot') format('embedded-opentype'),
         url('../fonts/bw_fonts/bw_black/fonts/BwModelicaBlack.woff2') format('woff2'),
         url('../fonts/bw_fonts/bw_black/fonts/BwModelicaBlack.woff') format('woff'),
         url('../fonts/bw_fonts/bw_black/fonts/BwModelicaBlack.ttf') format('truetype'),
         url('../fonts/bw_fonts/bw_black/fonts/BwModelicaBlack.svg#BwModelicaBlack') format('svg');
}

@font-face {
    font-family: 'BwModelicaBold';
    src: url('../fonts/bw_fonts/bw_bold/fonts/BwModelicaBold.eot');
    src: url('../fonts/bw_fonts/bw_bold/fonts/BwModelicaBold.eot') format('embedded-opentype'),
         url('../fonts/bw_fonts/bw_bold/fonts/BwModelicaBold.woff2') format('woff2'),
         url('../fonts/bw_fonts/bw_bold/fonts/BwModelicaBold.woff') format('woff'),
         url('../fonts/bw_fonts/bw_bold/fonts/BwModelicaBold.ttf') format('truetype'),
         url('../fonts/bw_fonts/bw_bold/fonts/BwModelicaBold.svg#BwModelicaBold') format('svg');
}


@font-face {
    font-family: 'BwModelicaLight';
    src: url('../fonts/bw_fonts/bw_light/fonts/BwModelicaLight.eot');
    src: url('../fonts/bw_fonts/bw_light/fonts/BwModelicaLight.eot') format('embedded-opentype'),
         url('../fonts/bw_fonts/bw_light/fonts/BwModelicaLight.woff2') format('woff2'),
         url('../fonts/bw_fonts/bw_light/fonts/BwModelicaLight.woff') format('woff'),
         url('../fonts/bw_fonts/bw_light/fonts/BwModelicaLight.ttf') format('truetype'),
         url('../fonts/bw_fonts/bw_light/fonts/BwModelicaLight.svg#BwModelicaLight') format('svg');
}

@font-face {
    font-family: 'BwModelicaMedium';
    src: url('../fonts/bw_fonts/bw_medium/fonts/BwModelicaMedium.eot');
    src: url('../fonts/bw_fonts/bw_medium/fonts/BwModelicaMedium.eot') format('embedded-opentype'),
         url('../fonts/bw_fonts/bw_medium/fonts/BwModelicaMedium.woff2') format('woff2'),
         url('../fonts/bw_fonts/bw_medium/fonts/BwModelicaMedium.woff') format('woff'),
         url('../fonts/bw_fonts/bw_medium/fonts/BwModelicaMedium.ttf') format('truetype'),
         url('../fonts/bw_fonts/bw_medium/fonts/BwModelicaMedium.svg#BwModelicaMedium') format('svg');
}

@font-face {
    font-family: 'BwModelicaRegular';
    src: url('../fonts/bw_fonts/bw_regular/fonts/BwModelicaRegular.eot');
    src: url('../fonts/bw_fonts/bw_regular/fonts/BwModelicaRegular.eot') format('embedded-opentype'),
         url('../fonts/bw_fonts/bw_regular/fonts/BwModelicaRegular.woff2') format('woff2'),
         url('../fonts/bw_fonts/bw_regular/fonts/BwModelicaRegular.woff') format('woff'),
         url('../fonts/bw_fonts/bw_regular/fonts/BwModelicaRegular.ttf') format('truetype'),
         url('../fonts/bw_fonts/bw_regular/fonts/BwModelicaRegular.svg#BwModelicaRegular') format('svg');
}

@font-face {
    font-family: 'BwModelicaExtraBold';
    src: url('../fonts/bw_fonts/bw-extrabold/fonts/BwModelicaExtraBold.eot');
    src: url('../fonts/bw_fonts/bw-extrabold/fonts/BwModelicaExtraBold.eot') format('embedded-opentype'),
         url('../fonts/bw_fonts/bw-extrabold/fonts/BwModelicaExtraBold.woff2') format('woff2'),
         url('../fonts/bw_fonts/bw-extrabold/fonts/BwModelicaExtraBold.woff') format('woff'),
         url('../fonts/bw_fonts/bw-extrabold/fonts/BwModelicaExtraBold.ttf') format('truetype'),
         url('../fonts/bw_fonts/bw-extrabold/fonts/BwModelicaExtraBold.svg#BwModelicaExtraBold') format('svg');
}
html {
  scroll-behavior: smooth;
}
body{
	font-family: "BwModelicaRegular",sans-serif;
}

h1,h2,h3,h4,h4,h5{
	font-family: "BwModelicaBold",sans-serif;
}
p{
font-family: "BwModelicaRegular",sans-serif;	
}
img {
    max-width: 100%;
}
.sectionHeader_wrap {
    margin-bottom: 70px;
}
.sectionHeader_wrap h3 {
    color: #cbcacc;
    font-family:"BwModelicaBold",sans-serif;
    font-size: 30px;
    margin-bottom: 20px;
    letter-spacing: 2.6px;

}

.sectionHeader_wrap p {
    color: #333233;
    font-family: "BwModelicaRegular",sans-serif;
    font-size: 18px;
    line-height: 27px;
}

/***************header***************/

.navigation {
    left: 0;
    right: 0;
    padding: 20px 0;
}
.navigation .navbar-inverse {
	background: transparent;
	border: none;
	margin-bottom: 0;
	height: auto;
}
.navbar-brand {
    height: auto;
    padding: 8px 15px;
    background: #000;
    margin-left: 10px;
}


.navigation .container {
	position: relative;
}

.navigation ul.nav.navbar-nav li {
	margin-left: 0;
}
.navigation ul.navbar-nav li a {
	padding: 10px;
	color: #fff;
	font-size: 15px;
    font-family: "BwModelicaMedium",sans-serif;
	font-weight: 500;
}
.navigation ul.nav.navbar-nav li a:hover {
	color: #ba2389;
}
.navigation ul.navbar-nav li a.form_btn{
	  padding: 12px 45px;
}

.navbar-header button.navbar-toggle {
    margin-top: 30px;
    background: #6223aa;
    border: none;
    border-radius: 0;
}
.navbar-brand img {
    width: 130px;
}

.downloadLink_wrap button.btn.banner-btn {
    background-color: #3f7c9b;
    color: #fff;
    padding: 16px 25px;
    font-size: 18px;
    text-transform: uppercase;
    line-height: normal;
    border: none;
    font-weight: 600;
    border-radius: 30px;
    box-shadow: 0 6px 16px 0 rgb(169 169 178 / 65%);
    margin-right: 25px;
}

 .navigation ul li a.form_btn,.Accessapp_section_left a.form_btn {
    background: #3f7c9b;
    border-radius: 30px;
    border: none;
	font-family: "BwModelicaBold",sans-serif;
    color: #fff!important;
}
.Accessapp_section_left a.form_btn {
    padding: 18px 40px;
    font-size: 18px;
    margin-top: 20px;
}

 
@media only screen and (max-width: 768px){

.navigation ul.nav.navbar-nav li a.form_btn {
    width: auto;
    display: inline-block;
    margin-top: 10px;
    margin-left: 8px;
}
.navigation .navbar-nav {
    margin-top: 0;
}
}

@media (min-width: 769px) and (max-width: 1000px){
.navigation ul.nav.navbar-nav li a {
    margin-right: 10px;
}
.navigation ul.nav.navbar-nav li a.form_btn {
    padding: 10px 20px;
}

}
/**********banner*************/ 

.banner-right_img {
    position: relative;
    z-index: 999;
}

.downloadLink_wrap a.btn.banner-btn i {
    margin-right: 10px;
}
.downloadLink_wrap a.btn.banner-btn {
    background-color: #3f7c9b;
    color: #fff;
    padding: 16px 25px;
    font-size: 18px;
    text-transform: uppercase;
    line-height: normal;
    border: none;
    font-weight: 600;
    border-radius: 30px;
    box-shadow: 0 6px 16px 0 rgba(169,169,178,0.65);
    margin-right: 25px;
}

section.banner-section {
	background: #4CB8C4;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #72e4c8, #2f818a);
background:linear-gradient(to right, #72e4c8, #2f818a);
    padding: 185px 0 100px;
}
.banner-left h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 300;
    font-family: "BwModelicaLight",sans-serif;
    color: #fff;
	margin-bottom:0;
}
.banner-left h3 {
    font-size: 25px;
    line-height: 50px;
    font-weight: 300;
    font-family: "BwModelicaLight",sans-serif;
    color: #fff;
	margin-top:0;
	margin-bottom:0;
}
.banner-left h1 strong {
    font-weight: 900;
    font-family: "BwModelicaBold",sans-serif;
}
.banner-left h3 strong{
font-weight: 900;
    font-family: "BwModelicaBold",sans-serif;	
}
.banner-left p {
    font-size: 20px;
    margin-top: 30px;
    color: #fff;
    margin-bottom: 35px;
}
@media screen and (min-width: 991px){

.banner-right_img img,.img-wrapper img{
    height: 350px;
    object-fit: cover;
    border-radius: 10px;
}
}
/*******************how  its works*************/
.Howit_works_img {
    position: relative;
}

.howit_works_content h2 {
    color: #48c0bd;
    font-weight: 700;
    line-height: 40px;
    font-size: 36px;
    margin-bottom: 25px;
    position: relative;
    padding-top: 25px;
}
.howit_works_content h2:before {
    content: "";
    background-color: #3f7c9b;
    height: 3px;
    width: 100px;
    position: absolute;
    top: 0;
}
.howit_works_content p {
    font-size: 18px;
	color:#3f7c9b;
}

.howit_works_content {
    padding: 0 20px;
}
@media only screen and (min-width: 768px){
.row_flex{
	display: flex;
    align-items: center;
	
}
.Accessapp_section_left {
    padding-bottom: 50px;
}
.heading--titleMain {
    font-size: 40px;
}
}

.Howit_works_section {
    padding-bottom: 100px;
    background-color: #e7fffd;
    padding: 100px 0;
}
.Howit_works_section.bg-white{
	background-color:#fff;
}

.Howit_works_img span {
    background: #4CB8C4;
    background: -webkit-linear-gradient(to right, #72e4c8, #2f818a);
	background:linear-gradient(to right, #72e4c8, #2f818a);
    padding: 50px 0;
    display: flex;
    max-width: 260px;
    align-content: center;
    justify-content: center;
    font-size: 90px;
    color: #fff;
    border-radius: 15px;
    font-weight: 900;

}

.heading--titleMain{
	color:#3f7c9b;

}
.heading--descriptionMain {
    color: #3f7c9b;
    font-size: 20px;
}


/******footer**********/

footer {
   background: #4CB8C4;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #72e4c8, #2f818a);
	background:linear-gradient(to right, #72e4c8, #2f818a);
    padding: 50px 0;
}
.contact-usSection .form-group input {
    height: 45px;
}

.contact-usSection .form-group input,
.contact-usSection .form-group textarea  {
    border-radius: 0;
    font-size: 16px;   
	border: none;

	
}

.footer-section ul li a:hover {
	color:#000;
}

.footer-section ul li:last-child a:after {
	content:unset;
}

.footer-section .downloadLink_wrap {
    padding: 40px 0;
}


.footer-section .contact_info h3 {
    padding-top: 30px;
}
.footer-section .contact_info h3, .contact_info h3 a {
    color: #3b4554;
    font-family: "BwModelicaMedium",sans-serif;
}
.footer-section .contact_info h3 a {
    border-bottom: 1px solid #3b4554;
	text-decoration:none;
	font-weight:800;
	font-family: "BwModelicaExtraBold",sans-serif;
	
}
.footer-section a.navbarbrand img {
    width: 250px;
}
.footer-section h3.footer-titleHeading {
    color: #fff;
    margin-bottom: 30px;
    position: relative;
    padding-top: 26px;
}

.footer-section h3.footer-titleHeading:before {content: "";position: absolute;left: 0;top: 0;width: 75px;height: 3px;background-color: #fff;}

.footer-widget ul li a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    margin-bottom: 10px;
    display: inline-block;
}
.footer-widget p{
	 color: #fff;
    font-size: 18px;
}
/**********************media*************************/
@media only screen and (max-width: 991px){

.navigation button.navbar-toggler span.icon-bar {
    background-color: #fff;
    width: 30px;
    height: 3px;
    display: inherit;
    margin: 6px 0;
}
.navbar-brand img {
    width: 70px;
}
.navigation .navbar-collapse {
    background-color: #4dada6;
    z-index: 999;
    padding: 20px 10px;
    border: 1px solid #fff;
}
}

@media only screen and (max-width: 767px){

/***********media query***********/

.navigation {
    padding: 0 10px;
}
.downloadLink_wrap a.btn.banner-btn {
   
    margin-bottom: 20px;
}


.banner-left h1 {
    font-size: 24px;
    line-height: 30px;
}
.banner-left p,.Accessapp_section_left p {
    font-size: 16px;
}
.banner-left h3 {
    font-size: 20px;
    line-height: normal;
    margin-top: 16px;
}
.howit_works_content h2 {
    line-height: 21px;
    font-size: 20px;
}
.howit_works_content p ,.sectionHeader_wrap p {
    font-size: 14px;
}
.howit_works_section_inner {
    margin-bottom: 40px;
}
section.Howit_works_section {
    padding-bottom: 20px;
}
.sectionHeader_wrap h3 {
    font-size: 25px;
}

.Accessapp_section_left h1 {
    font-size: 34px;
    
}
.footer-section .contact_info h3, .contact_info h3 a {
    font-size: 16px;
	line-height: 24px;

}
.banner-left {
    text-align: center;
}
section.banner-section {
    padding: 100px 0;
}

.navigation .navbar-nav {
    padding: 10px;
}

.heading--titleMain {
    color: #3f7c9b;
    font-size: 20px;
}

.Howit_works_img span {
    padding: 30px 0;
    max-width: 130px;
    font-size: 40px;
    margin: 0 auto;
}

.howit_works_content {
    padding: 0 20px;
    margin-top: 40px;
    text-align: center;
}

.Howit_works_section {
    padding: 40px 0;
}

}

@media (max-width: 767px) and (min-width:667px) {
	.weeklyWinners_images:after {
    content: "";
    width: 43%;
    margin: 0 auto;
}
}
@media (max-width: 667px) and (min-width:410px) {

	.weeklyWinners_images:after {
    content: "";
    
    width: 50%;
    margin: 0 auto;
}
}


/*Language picker css*/

.language-picker.dropdown-list.large {
    position: absolute;
    right: 3%;
    top: 10%;
    z-index: 999 !important;
}

.language-picker.dropdown-list.large div {
    position: relative;
}

.language-picker.dropdown-list.large div a:first-child {
    padding: 15px 13px;
    border-radius: 4px;
    background: #fff;
    background: aliceblue;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.language-picker.dropdown-list.large div a i.fr {
    margin-right: 4px;
}

.language-picker.dropdown-list.large div ul li a {
    padding: 8px 15px !important;
}

.language-picker.dropdown-list ul, .language-picker.dropup-list ul{
    background: #fff;
    margin-top: 10px;
}


.revolution_section .howit_works_content h2 {
    color: #fff !important;
    font-weight: 700;
    line-height: 40px;
    font-size: 18px;
    margin-bottom: 25px;
    position: relative;
    padding: 12px 14px !important;
    text-align: center;
    background: linear-gradient(to right, #72e4c8, #2f818a) !important;
    border-radius: 4px;
}

.revolution_section .howit_works_content h2:before{
    content: unset !important;
}

.revolution_section{
    background: transparent;
}

.bg-back_green{
    background: #e7fffd;
    min-height: 450px;
    border-bottom: 6px solid #31848c;
}
.revolution_section .howit_works_content p {
    font-size: 16px;
    color: #3f7c9b;
    text-align: center;
}
.howit_works_content.bg-back_green h3 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}
.prof__img1 img{
    min-height: 300px;
    object-fit: cover;
}
.font-20{
    font-size: 19px;
}

@media screen and (max-width: 576px){

.language-picker.dropdown-list.large {
    position: absolute;
    right: 3%;
    top: 37% !important;
    z-index: 999 !important;
}
}