@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

@font-face {
    font-family: NeueHaasDisplayXXThin;
    font-weight: 100;
    src: url("../fonts/NeueHaasDisplayXXThin.ttf");
}
@font-face {
    font-family: NeueHaasDisplayXXThinItalic;
    font-weight: 100;
    src: url("../fonts/NeueHaasDisplayXXThinItalic.ttf");
}
@font-face {
    font-family: NeueHaasDisplayXThin;
    font-weight: 200;
    src: url("../fonts/NeueHaasDisplayXThin.ttf");
}
@font-face {
    font-family: NeueHaasDisplayXThinItalic;
    font-weight: 200;
    src: url("../fonts/NeueHaasDisplayXThinItalic.ttf");
}
@font-face {
    font-family: NeueHaasDisplayLight;
    font-weight: 200;
    src: url("../fonts/NeueHaasDisplayLight.ttf");
}
@font-face {
    font-family: NeueHaasDisplayLightItalic;
    font-weight: 200;
    src: url("../fonts/NeueHaasDisplayLightItalic.ttf");
}
@font-face {
    font-family: NeueHaasDisplayRoman;
    font-weight: 200;
    src: url("../fonts/NeueHaasDisplayRoman.ttf");
}
@font-face {
    font-family: NeueHaasDisplayRomanItalic;
    font-weight: 200;
    src: url("../fonts/NeueHaasDisplayRomanItalic.ttf");
}
@font-face {
    font-family: NeueHaasDisplayMedium;
    font-weight: 200;
    src: url("../fonts/NeueHaasDisplayMedium.ttf");
}
@font-face {
    font-family: NeueHaasDisplayMediumItalic;
    font-weight: 200;
    src: url("../fonts/NeueHaasDisplayMediumItalic.ttf");
}
@font-face {
    font-family: NeueHaasDisplayBold;
    font-weight: 200;
    src: url("../fonts/NeueHaasDisplayBold.ttf");
}
@font-face {
    font-family: NeueHaasDisplayBoldItalic;
    font-weight: 200;
    src: url("../fonts/NeueHaasDisplayBoldItalic.ttf");
}
@font-face {
    font-family: NeueHaasDisplayBlack;
    font-weight: 200;
    src: url("../fonts/NeueHaasDisplayBlack.ttf");
}
@font-face {
    font-family: NeueHaasDisplayBlackItalic;
    font-weight: 200;
    src: url("../fonts/NeueHaasDisplayBlackItalic.ttf");
}
/*********************************
Body and some general stuff
*********************************/
* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'NeueHaasDisplayRoman', sans-serif;
	font-size: 16px;
	font-weight: 400;
	background: #FFFFFF;
	color: #a5a5a5;
	overflow-x: hidden;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'NeueHaasDisplayRoman', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
	color: black;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	cursor: pointer;
}
p:last-of-type
{
	margin-bottom: 0;
}
a, a:hover, a:visited, a:active, a:link
{
	color: #226462;
	cursor: pointer;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: transparent;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	background: #32f996;
	color: #FFFFFF;
}
h1{font-size: 40px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 21px;}
h5{font-size: 18px;}
h6{font-size: 16px;}

h1, h2, h3, h4, h5, h6
{
	font-family: 'Urbanist', sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	margin: 0;
	color: #000000;
}
button {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
button, button:focus {outline: none; cursor: pointer;}
.btn-primary:focus, .btn-primary.focus {background-color: #226462; box-shadow: none;}
span {font-size: 14px;}
input[type="text"] {font-size: 14px;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance:textfield; appearance:textfield;}
:not(output):-moz-ui-invalid {box-shadow: none;}

.form-control
{
	font-size: 14px;
	color: #000000;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left {float: left;}
.float_right {float: right;}
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background: #5A9089;
	box-shadow: 0 0 0 0.2rem rgba(125,190,182,.5);
}

.btn-rounded {border-radius: 6px;}
.font-normal {font-weight: normal !important;}

.actual-price {
    text-decoration: line-through;
    color: red;
}
.offer-condition {font-size: 16px !important;}

.wrapper {padding-top: 90px;}

/********* Back to Top Button 
************************************/
.back-to-top {
    position: fixed;
    width: 52px;
    height: 52px;
    bottom: 25px;
    right: 25px;
    background: #ED1F24;
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    line-height: 1.8;
    border-radius: 100%;
    border: none;
    display: none;
}
.back-to-top:hover {background: #CA1116;}
.back-to-top:active {background: #CA1116 !important; box-shadow: none !important; border-color: unset !important;}
.back-to-top:focus {outline: none; box-shadow: none;}
.back-to-top:focus-visible {outline: none;}
.back-to-top i {color: #FFFFFF;}

.fade-btn {color: rgba(255,255,255,0.4) !important; text-decoration: underline !important;}

/********* Navbar 
************************************/

.navbar {
	position: fixed;
	width: 100%;
	padding: 10px 0;
	background: #fff;
	box-shadow: 0 1px 10px rgba(0,0,0,0.08);
	font-family: "Urbanist", sans-serif;
	z-index: 1;
}
.navbar .empty-space {width: 43%;}
.navbar .navbar-brand {margin: 0;}
.navbar .navbar-brand img {width: 200px; height: auto;}
.navbar .navbar-nav li {font-size: 17px !important; font-weight: 500; color: #404040; padding: 0 10px;}
.navbar .navbar-nav li a {font-size: 17px !important; font-weight: 500; color: #404040; padding: 0;}
.navbar .navbar-nav li a i {margin-left: 6px;}
.navbar .navbar-nav li a label {cursor: pointer;}

.navbar ul li .submenu {
  width: 180px !important;
  position: absolute;
  width: 200px;
  background: #fff;
  box-shadow: 0 1px 25px rgb(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 0;
  list-style: none;
  display: none;
  margin: 0 8px;
}
.navbar ul li a {/*color: #333D47;*/ color: #404040 !important;}
.navbar ul li .submenu li {padding: 8px 12px;}
.navbar ul li .submenu li:hover a {color: #ED1F24 !important;}
.navbar ul li:hover .submenu {display: block;}
.navbar ul li .submenu input[type="radio"] {display: none;}
.navbar .play-store-icon {
    width: 145px;
    position: absolute;
    right: 0;
    top: -10px;
    bottom: 0;
}

.language-select {
  display: block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.language-select input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #EEEEEE;
  border-radius: 50%;
}

.language-select:hover input ~ .checkmark {
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #CCCCCC;
}

.language-select input:checked ~ .checkmark {
  background-color: #D31145;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.language-select input:checked ~ .checkmark:after {
  display: block;
}

.language-select .checkmark:after {
 	top: 4px;
	left: 4px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #FFFFFF;
}

/********* Header 
************************************/

.header-content {
	width: 100%;
	position: relative;
	background: #FAFAFA;
	background-image: url(../images/Header-Bg-Img-1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 60px 0;
}
.header-content .header-content-box h1 {
	font-family: "Urbanist", sans-serif;
	font-weight: 500;
    font-size: 40px;
    color: #D31145;
    text-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    letter-spacing: 1px;
}
.header-content .header-content-box p {
	font-size: 24px;
	padding: 20px 0 10px 0;
}
.header-content .app-link-number .input-group-text {font-size: 16px;}
.header-content .app-link-number .input-group-prepend {
    width: 45px;
    padding: 10px 0;
    background: #ED1F24;
    box-shadow: 0 1px 10px rgba(0,0,0,0.08);
    text-align: center;
    color: #FFF;
    border: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.header-content .app-link-number .phone-number {
	font-size: 18px;
	border: 1px solid #EAEAEA;
	box-shadow: 0 1px 10px rgba(0,0,0,0.08);
	z-index: 0 !important;
}
.header-content .app-link-number .input-group-append {
    width: 130px;
    padding: 10px 0;
    background: #28BE35;
    box-shadow: 0 1px 10px rgba(0,0,0,0.08);
    text-align: center;
    color: #FFF !important;
    border: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}
.header-content .header-image {
	width: 380px;
	height: 392px;
	position: relative;
	display: block;
	/*float: right;*/
    margin: auto;
	overflow: hidden;
}
.header-content .header-image img {width: 100%; height: 100%; object-fit: cover;}
.header-content .header-play-store-icon {
    width: 145px;
    position: relative;
}

.header-content .send-app-link-mobile {
    width: 100%;
    padding: 10px 0;
    background: #28BE35;
    box-shadow: 0 1px 10px rgba(0,0,0,0.08);
    text-align: center;
    color: #FFF !important;
    border: none;
    border-radius: 5px;
    margin-bottom: 20px;
    display: none;
    cursor: pointer;
}
.header-content .indian-rupee {width: 30px; margin: -6px 0 0 0;}

/********* Who can earn ? 
************************************/
.whos-earning {
	width: 100%;
	position: relative;
	padding: 60px 0;
}
.whos-earning .whos-title {
	text-align: center;
	margin-bottom: 30px;
}
.whos-earning .whos-title h2 {
    font-size: 42px;
    font-weight: 400;
    color: #ED1F24;
}
.whos-earning .whos-title p {font-size: 21px;}
.whos-earning .earn-info-box {
	text-align: center;
	margin: 30px 0;
}
.whos-earning .earn-info-box img {
    width: 60px;
    height: auto;
}
.whos-earning .earn-info-box h4 {
	font-family: 'NeueHaasDisplayMedium';
	font-size: 21px;
	color: #551970;
	padding: 15px 0 5px;
}
.whos-earning .earn-info-box p {
	font-size: 16px;
	line-height: 1.5;
}

/********* Who can earn ? 
************************************/
.how-earn {
	width: 100%;
	position: relative;
	background: #fbfbfb;
	padding: 60px 0 0;
}
.how-earn .hows-title {
	text-align: center;
	margin-bottom: 30px;
}
.how-earn .hows-title h2 {
	font-size: 42px;
	font-weight: 400;	
    color: #ED1F24;
}
.how-earn .earn-content {
	border-bottom: 2px solid #CACACA;
    border-bottom-style: dashed;	
	padding: 20px 0;
}
.how-earn .earn-content p {display: flow-root;}
.how-earn .earn-content h5 {
	font-family: 'NeueHaasDisplayMedium'; 
	font-size: 18px; 
	color: #551970;
	padding-bottom: 5px;
}
.how-earn img {
	width: 100%; 
	margin: auto; 
	display: block;
}
.how-earn .count-number {
    width: 40px;
    height: 40px;	
    background: #D31145;
    float: left;
    font-size: 22px;
    color: #FFF;
    text-align: center;
    line-height: 1.9;
    border-radius: 100%;
    margin-right: 20px;
    margin-bottom: 15px;
}
.how-earn .count-number:after {
    content: '';
    border: 1px solid #DADADA;
    width: 56px;
    height: 56px;
    display: block;
    border-radius: 100%;
    top: -8px;
    left: -8px;
    position: absolute;
}

/********* RP Data
************************************/
.earn-wealth-sec {width: 100%;}
.earn-wealth-sec .earn-wealth-title {background: #FDFDFD; padding: 30px 0;}
.earn-wealth-sec .earn-wealth-title h2 {
	font-size: 40px; 
	font-weight: 400 !important;
	color: #404040;
}

.rp-data {
	width: 100%;
	position: relative;
	/*background: #ED1F24;*/
	background: #0A1133;
	padding: 60px 0;
}
.rp-data .rp-img {
	width: 100%;
	height: 470px;
	position: relative;
	overflow: hidden;
}
.rp-data .rp-img img {width: 100%; height: 100%; object-fit: cover;}
.rp-data .rp-data-title {
	width: 100%;
	font-family: 'NeueHaasDisplayMedium';
    font-size: 36px;
    font-style: italic;
    color: #FFFFFF;
	text-align: left;
    line-height: 1.2;
    letter-spacing: 1px;
    margin: auto;
    margin-bottom: 20px;    
}
.rp-data .rp-data-content {
	width: 100%;
	font-family: 'NeueHaasDisplayLight';
    font-size: 28px;
    font-style: italic;
    color: #FFFFFF;
    letter-spacing: 1px;
    margin: 10px auto;
}
.rp-data .rp-data-content ol {
	text-align: left;
    list-style: initial;	
}
.rp-data .rp-disclaimer {
	width: 100%;
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.5);
    padding: 10px 0 40px 0;
    margin: auto;
}

/********* Our Data
************************************/
.our-data {
	width: 100%;
	position: relative;
	/*background: #160230;*/ 
	background: #090015;
	padding: 60px 0;
}
.our-data .our-title h2 {font-size: 40px; font-weight: 400 !important;}
.our-data .our-data-title {
	width: 100%;
	font-family: 'NeueHaasDisplayMedium';
    font-size: 36px;
    font-style: italic;
    color: #FFFFFF;
    text-align: left;
    line-height: 1.2;
    letter-spacing: 1px;
    margin: auto;
    margin-bottom: 20px;  
}
.our-data .our-data-content {
	width: 100%;
	font-family: 'NeueHaasDisplayLight';
    font-size: 28px;
    font-style: italic;
    color: #FFFFFF;
    letter-spacing: 1px;
    margin: 10px auto;
}
.our-data .our-data-content ol {
	text-align: left;
    list-style: initial;
}
.our-data .our-disclaimer {
	width: 100%;
    font-size: 20px;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.4);
    padding: 10px 0;
    margin: auto;
}
.our-data .our-img {
	width: 100%;
    /*height: 470px;*/
    height: 300px;
    position: relative;
    overflow: hidden;
    margin: auto;
}
.our-data .our-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/********* Home Makers 
************************************/
.home-makers {
	width: 100%;
	position: relative;
	padding: 60px 0 0;
}
.home-makers .homemakers-title {
	font-size: 42px;
    font-weight: 400;
    color: #ED1F24;	
	margin-bottom: 30px;
}
.home-makers .homemaker-content {padding: 20px 0;}
.home-makers .homemaker-content img {
	width: 60px;
	height: auto;
	margin: 0 16px 40px 0;
	float: left;
}
.home-makers .homemaker-content h5 {
    font-family: 'NeueHaasDisplayXThin';
    font-size: 17px;
    color: #551970;
    letter-spacing: 1px;
    padding-bottom: 5px;
}
.home-makers img {
	width: 80%; 
	margin: auto; 
	display: block;
}

/********* Why Work ? 
************************************/
.why-work {
	width: 100%;
	position: relative;
	background: #FAFAFA;
	padding: 60px 0;
}
.why-work .why-title {
	text-align: center;
	margin-bottom: 30px;
}
.why-work .why-title h2 {
    font-size: 42px;
    font-weight: 400;
    color: #ED1F24;
    margin-bottom: 10px;
}
.why-work .why-title p {font-size: 21px;}
.why-work .why-work-content {
	text-align: center;
	margin: 30px 0;
}
.why-work .why-work-content img {
    width: 60px;
    height: auto;
}
.why-work .why-work-content h5 {
	font-family: 'NeueHaasDisplayMedium';
	font-size: 18px;
	color: #551970;
	padding: 15px 0 5px 0;
}
.why-work .why-work-content p {
	font-size: 16px;
	line-height: 1.5;
}

/********* Our Clients 
************************************/
.our-clients {
	width: 100%;
	position: relative;
	padding: 60px 0;
}
.our-clients .client-title {text-align: center;}
.our-clients .clients-slider {padding-top: 60px; z-index: 0;}
.our-clients .clients-slider img {width: 200px !important; margin: auto;}

/********* Sell More Banner 
************************************/
.sell-more-banner {
	width: 100%;
	height: 600px;
	position: relative;
	background: url(../images/SellMoreBanner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.sell-more-banner .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.sell-more-banner .align-content {
    width: 100%;
    height: 600px;
    display: table;
    position: relative;
}
.sell-more-banner .align-content .content-middle {display: table-cell; vertical-align: middle;}
.sell-more-content h3 {font-size: 48px; line-height: 1.1;}
.sell-more-content p {font-size: 25px; margin: 25px 0;}
.sell-more-content .header-play-store-icon {width: 180px; position: relative;}

/********* Footer
************************************/
.footer {
	background: #1F1F1F;
	width: 100%;
	padding: 60px 0 20px 0;
}
.footer .footer-column {width: 100%; margin-bottom: 10px;}
.footer .footer-column h3 {
	font-size: 30px;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.footer .footer-column p {
	font-family: 'NeueHaasDisplayRoman';
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.footer .footer-column ul li {padding-bottom: 10px;}
.footer .footer-column ul li a {font-size: 30px; color: #FFFFFF;}
.footer .footer-column a {font-size: 18px; color: #FFFFFF;}
.footer hr {border: 1px solid rgba(255,255,255,0.1);}
.footer .footer-text {padding: 13px 0; color: #FFFFFF; letter-spacing: 1px;}

.footer .general-links {
    padding: 0 50px;
}
.footer .social-icons {
	display: inline-flex;
    padding: 5px 0;
    float: right;
}
.footer .social-icons .social-media-btn {
	width: 40px;
	height: 40px;
    display: block;
    background: #ED1F24;
    border-radius: 100%;
    color: #FFFFFF;
    text-align: center;
    padding: 11px 0;
    margin-left: 10px;
}
.footer .social-icons .social-media-btn i {font-size: 20px;}
.footer .social-icons .social-media-btn.facebook:hover {background: #3B5998; color: #FFF !important;}
.footer .social-icons .social-media-btn.twitter:hover {background: #00A9E8; color: #FFF !important;}
.footer .social-icons .social-media-btn.linkedin:hover {background: #0274B3; color: #FFF !important;}
.footer .social-icons .social-media-btn.instagram:hover {
	background: linear-gradient(to right, #F58529, #FEDA77, #DD2A78, #8134AF, #515BD4);
	color: #FFF !important;
}
.footer .social-icons .social-media-btn.youtube:hover {background: #FFFFFF; color: #ED1F24 !important;}