html, body {
	overflow-x: hidden; 
	color:#000;
	font-size:16px; 
	font-weight:400;
	font-family: 'Quicksand', sans-serif;
	background:#fff;
}

body button.focus, .btn:focus {
    outline: none !important;
    outline-offset: 0 !important;
}

ul, ol, *{
	margin:0;
	padding:0;
}
a {
	text-decoration: none !important;
	display:inline-block;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0.05em;
	margin:0px;
}

img {
	max-width: 100%;
}

*{
	padding:0px;
	margin:0px;
	letter-spacing: 0.2px;
}
:root {
  --primary-color: #E84427;
  --secondary-color:#CDA153;
}

/*------ Global css start here ------*/

.clr_white{
	color:#fff;
}
.road_row .coll{
	width:500px;
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    opacity: 0.55;
}
.gap_10{
	margin-left:-5px;
	margin-right:-5px;
}
.gap_10>div{
	padding-left:5px;
	padding-right:5px;
}
.padd_15{
	padding:15px;
}
.mb_30{
	margin-bottom:30px;
}
.mb_20{
	margin-bottom:20px !important;
}
.mb_25{
	margin-bottom:25px!important;
}

body .mr_5{
	margin-right: 5px !important;
}


.fnt_20{
	font-size:20px;
}
.fnt_24{
	font-size:24px;
}

::-webkit-scrollbar, .road_row::-webkit-scrollbar {
	  width: 8px;
	  height: 8px;
}
::-webkit-scrollbar-track  {
  background: #c7c7c7;
  border-radius:0;
}
::-webkit-scrollbar-thumb {
  background-color: #acabab;
  border-radius:0;
}
.road_row::-webkit-scrollbar {
	  width: 4px;
	  height: 4px;
}
.road_row::-webkit-scrollbar-track{
	 background: #CDA153;
	border-radius:0;
}
.road_row::-webkit-scrollbar-thumb {
	background-color: #916d2e;
  border-radius:0;
}

button, a{
	transition:ease-in-out .5s;
}
.btn {
   height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 45px;
    min-width: 177px;
    background: var(--primary-color);
    border-radius: 58px;
    border: none;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin: 0 auto;
    transition: ease-in-out .5s;
	border:1px solid var(--primary-color);
	text-transform:uppercase;
}
.btn:hover{
	background:#fff;
	color:var(--primary-color);
}	
.btn.whitelist {
   height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px !important;
    min-width: 177px;
    background: var(--primary-color);
    border-radius: 58px;
    border: none;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    
	margin-top:10px !important;
	margin-right:auto;
    transition: ease-in-out .5s;
	border:1px solid var(--primary-color);
	text-transform:uppercase;
}
.btn.whitelist:hover{
	background:#fff;
	color:var(--primary-color);
}
.padd_100{
	padding:100px 0;
}
h2.secndry_head {
    font-weight: 700;
    font-size: 48px;
}
a.nav-link:hover, .primary_clr, .copy_txt a:hover  {
    color:var(--primary-color);
}

.sec_head p {
    font-size: 18px;
}

/*------ Global css close here ------*/



/* Header css start here ===== */
a.logo_sec >img {
    max-width: 155px;
}
section.top_sec {
    background: #F9F9F9;
}
header.header {
    padding:0;
    position: fixed;
    z-index: 8;
    left: 0;
    right: 0;
    background: #f9f9f9;
}
div#about {
    padding-top: 90px;
}
a.nav-link {
    color: #000;
	font-weight: 500;
	padding: 5px 15px !important;
}

li.nav-item {
    display: inline-flex;
    align-items: center;
}

h1.head_h1 {
    font-size: 56px;
    font-weight: 700;
    line-height: 58px;
}
.banner-text h1.head_h1 {
    margin-right: -20px;
}

footer.footer_sec {
    padding: 50px 0 30px;
}
.copy_txt a {
    color: #000;
	    margin-left: 22px;
}
.copy_txt {
    color: hsl(0deg 0% 0% / 70%);
}
.foot_logo img {
    width: 162px;
}
.foot_logo a.logo_sec {
    background: #fff;
    width: 230px;
	position: relative;
    z-index: 2;
}
.social_bx a {
    width: 32px !important;
    height: 32px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    border: 1px solid rgba(42, 42, 66, 0.2);
    border-radius: 4px;
    margin-left: 9px;
    transition: ease-in-out .5s;
    min-width: 32px;
}
.social_bx a:hover{
	border:1px solid var(--primary-color);
	background:var(--primary-color);
	color:#fff;
}
.foot_logo:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    background: #555;
}

.sec_head {
    max-width: 510px;
    margin: 0 auto;
}

.grey_bg{
	background:#F9F9F9;
}

.bits_sec .sec_head {
    max-width: 640px;
}
.img_sec img {
    position: relative;
    right: -36px;
}
.img_sec a.btn {
    position: absolute;
    bottom: 130px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 280px;
}
.bits_sec:after {
    content: '';
    background: linear-gradient(transparent, #fff 210px);
    height: 189px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.img_sec {
    margin-top: 50px;
}

.how_it_sec .sec_head {
    margin-bottom: 35px;
}
.btn_white {
    background: #FFFFFF;
    border: 1px solid #C1C1C1 !important;
    border-radius: 8px !important;
    height: 58px;
    display: inline-flex;
    align-items: center;
    padding: 5px 23px !important;
    color: #000000;
    font-size: 20px !important;
    font-weight: 500 !important;
    margin: 0 5px;
}
.active.btn_white {
    border: 1px solid #E84427 !important;
}
.btn_white:hover{
	border-color:#E84427 !important;
}
.how_sec {
    margin-top: 70px;
	position:relative;
}
.btn_white  img{
	margin-right:15px;
	width:21px;
}
div#oppor_sec .how_sec {
    margin-top: 50px;
    padding-bottom: 65px;
}
div#oppor_sec .how_sec a.btn {
    margin-top: 15px;
}
div#oppor_sec p {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: #000000;
    max-width: 290px;
    margin: 0 auto 16px;
}

.how_sec img {
    position: relative;
    z-index: 99;
	margin:0 auto;
}
.how_it_sec {
    overflow: hidden;
}
.how_sec:after {
    height: 200px;
    background: radial-gradient(#dbdfe7, white 240px);
    width: 450px;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -50px;
    z-index: 1;
	opacity: .4;
}


.slider_txt h3 {
    font-weight: 700;
    font-size: 32px;
}

.carousel-control-next, .carousel-control-prev{
	opacity:1;
}
.slider_txt p {
    max-width: 400px;
}
#oppor_sec .how_sec:after {
	display:none;
}
ul#myTab {
    border: none;
	justify-content: center;
}
.nav-tabs .nav-item {
    margin-bottom: 0;
}
.slidr_img {
    position: relative;
   left: -330px;
    width: 1410px;
}
.slider_txt {
    margin-top: -190px;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
	
	background:none;
}
.roadmap_sec {
    background: #CDA153;
}
.road_row h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
	margin: 0 0 10px;
}
.road_row .coll ul {
    list-style: none;
}
.road_row .coll li {
    color: #fff;
    opacity: 0.8;
    padding: 3px 0px;
    line-height: 20px;
}
.road_row .coll {
    width: 300px;
    min-width: 310px;
    padding: 0 15px;
	padding-left: 35px;
}
.road_row {
    display: flex;
    align-items: start;
}
ul.list-circle {
    padding-left: 20px;
}
ul.list-circle li {
    list-style: disc;
}
.road_row .coll {
    padding-top: 45px;
}
span.date {
    font-weight: 400;
    font-size: 14px;
    align-items: flex-end;
    color: rgb(255 255 255 / 60%);
    margin-bottom: 45px;
    margin-left: -34px;
    display: block;
    text-align: left;
    position: relative;
    padding-bottom: 11px;
    padding-left: 16px;
}
span.date:before {
    content: '';
}
span.date:before {
    content: '';
    position: absolute;
    left: 0;
    right: -30px;
    bottom: 0;
    height: 1px;
    background: rgb(255 255 255);
}
span.date:after {
    content: '';
    width: 4px;
    height: 41px;
    position: absolute;
    left: 0;
    bottom: -20px;
    background: #fff;
    background: linear-gradient( rgb(255 255 255 / 7%), #fff, rgb(255 255 255 / 8%));
}

.road_row {
    display: flex;
    align-items: start;
    overflow: auto;
}
span.date.circle::after {
    width: 9px;
    height: 9px;
    background: #fff !important;
    border-radius: 25px;
    bottom: -4px;
}

.typewriter span {
    border-right: solid var(--primary-color) 5px; 
    animation: cursor 1s ease-in-out infinite;
	line-height:normal;
}

@keyframes cursor {
    from { border-color: var(--primary-color); }
    to { border-color: transparent; }
}

a.logo_sec {
    display: inline;
}
.new_btn{
	position:relative;
	overflow:hidden;
	border:none;
}

.new_btn:before{
	position:absolute;
	content:'';
	top:0;
	bottom:0;
	left:100%;
	right:0px;
	background: linear-gradient(15deg, #e84427, #f37c67);
	transition:ease-in-out .5s;
}
.new_btn:hover{
	color:#fff;
}
.new_btn:hover:before{
	left:0px;
}
.new_btn span{
	position:relative;
	z-index:2;
}
h1.head_h2{
	font-size:44px;
	line-height: normal;;
}





@media (max-width:991px){
	header.header{
		padding:5px 0; 
	}
	
	a.nav-link {
		padding: 5px 8px !important;
		font-size: 14px;
	}
	.header.header a.btn {
    min-width: 112px;
    padding: 5px 0;
}

.banner-text {
    text-align: center;
    padding: 45px 0;
}
h1.head_h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
}

.banner-text h1.head_h1 {
    margin-right: 0;
    margin-bottom: 16px;
}
.banr_bx img {
    max-width: 310px;
    margin: 0 auto;
    display: block;
}
.slidr_img {
    position: relative;
    left: 0;
    width: 660px;
    margin: 0 auto;
}
.slider_txt {
    margin-top: -40px;
    text-align: center;
}
.slider_txt p {
    max-width: 400px;
    margin: 0 auto;
}
.eco_sec {
    padding-bottom: 50px;
}

.copy_sec>div {
    flex-direction: column-reverse;
}
.social_bx span {
    display: block;
    margin-bottom: 10px;
}
.social_bx {
    display: block !important;
    text-align: center;
    margin-bottom: 15px;
}

body .btn_white{
	padding: 5px 23px !important;
}

}


@media (max-width:767px){
	header.header {
		background: #fff;
		box-shadow: 0 0 10px rgb(0 0 0 / 16%);
		position: fixed;
    left: 0;
    right: 0;
    top: 0;
	z-index:999999;
	}
	button.navbar-toggler {
    border: none;
    padding: 0;
}
span.line {
    width: 38px;
    height: 2px;
    background: #000000;
    display: block;
    margin: 7px 0;
	transition:ease-in-out .5s;
}
nav.navbar.navbar-expand-md {
    justify-content: end;
}

	
.navbar-collapse {
    position: fixed;
    left: 0;
    right: 0;
    top: 62px;
    background: #f8f8f8;
    padding: 40px 20px;
    text-align: center;
	box-shadow: 0 50px 40px rgb(0 0 0 / 13%);
}
	
	li.nav-item {
    display: flex;
    justify-content: center;
}
body a.nav-link {
    font-size: 20px;
    padding: 10px 20px;
}
.header.header a.btn {
    width: 210px;
    margin-top: 10px;
}
	
	
	
.banner-section {
    padding-top: 80px;
}
.banner-text h1.head_h1 {
    font-size: 30px;
}
.fnt_20, .sec_head p {
    font-size: 16px;
}
	
h2.secndry_head {
    font-size: 28px;
	margin-bottom: 15px !important;
}
.slider_txt h3 {
    font-size: 24px;
    margin-bottom: 15px !important;
}
.img_sec img {
    right: 0;
    left: 0;
    margin: auto;
}
	.btn_white {
    font-size: 16px !important;
    height: 56px;
    margin-bottom: 10px;
    padding: 5px 14px !important;
}
.btn_white img {
	margin-right: 8px;
}

.how_sec img {
    left: -230px;
    width: 580px;
    max-width: 680px;
}
.how_sec {
    margin-top: 30px;
    position: relative;
    padding-bottom: 40px;
}

div#oppor_sec .padd_15 img {
    left: 0;
	width: auto !important;
}
.copy_sec {
    max-width: 200px;
    margin: 0 auto;
}
.social_bx a{
	margin: 0 3px 10px;
}
.copy_txt{
	text-align: center;
}
.foot_logo a.logo_sec{
	width: 160px;
}
.slidr_img {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-top:30px;
}
.slidr_img img {
    position: relative;
    width: 690px !important;
    max-width: 650px;
	margin-left: -56px;
}

.slider_txt {
    margin-top: -160px;
    text-align: center;
}
.padd_100 {
    padding: 70px 0;
}

.carousel-indicators li {
    width: 9px;
    height: 9px;
    border: 1px solid #E84427;
    border-radius: 10px;
    opacity: 0.5;
	transition:ease-in-out .5;
}
.carousel-indicators li.active {
    background: #E84427;
    width: 23px;
}

.eco_sec {
    padding-bottom: 10px;
    margin-bottom: 70px;
}
.navbar-toggler:focus, .navbar-toggler:hover{
	outline: none;
}
button.navbar-toggler{
	transition:ease-in-out .5s;
}

button.navbar-toggler.cross span.line:nth-child(2) {
    opacity: 0;
}
button.navbar-toggler.cross span.line:first-child {
    transform: rotate(45deg);
    transform-origin: center;
}
button.navbar-toggler.cross span.line:last-child {
    transform: rotate(-45deg);
    transform-origin: center;
    margin-top: -18px;
}


}