/* CSS Document */


html {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: 400 !important;
}
.header {
    background: red;
    color: white;
    padding: 0;
}
		
.centered_header {
    text-align: center;
}
.form_section {
    background: url("banner-form-bg.jpg");
    padding: 5px;
}
.tnc_text {
    font-size: 13px;
}
.join_us {
    padding: 50px 0 50px 0;
}

.embed-responsive {
			border:10px solid #fff;
		}		

#join_section	{
		background:url('join-us-bg-2048x309.jpg')no-repeat;
		background-size:cover;
		background-position:center;
	}

#howto {padding: 50px 0 50px 0;
		background:url("how_to-2048x655.jpg");
	}
	
	.howto_panel {
		color:#fff;
		height:100%;
		margin-top:30px;
	}
	
.our_members {
    padding: 50px 0 50px 0;
	
text-align: center;
}
.usp {
    padding: 50px 0 50px 0;
    text-align: center;
}
.usp_panel {
    
	height: 100%;
}
.usp-content {
    color: white;
    padding-top: 60px;
}
.card-header1 {
    width: 100%;
    background: #7b3dbb;
    height: 50px;
    color: #fff;
    padding: 0.75rem 1.25rem;
	border-radius:30px;
}
.card-header2 {
    width: 100%;
    background: #372798;
    height: 50px;
    color: #fff;
    padding: 0.75rem 1.25rem 1.25rem;
	border-radius:30px;
}
.card-header3 {
    width: 100%;
    background: #0f4dff;
    height: 50px;
    color: #fff;
    padding: 0.75rem 1.25rem 1.25rem;
	border-radius:30px;
}
.get_started {
    padding: 50px 0 50px 0;
    text-align: center;
    background: url("get-started-new-bg-scaled.jpg");
}
.faq {
    background: #7b3dbb;
    padding: 1px 6px 1px 6px;
    ;
    color: #fff;
}
.faq_section {
    padding: 40px 0 50px 0;
}

		
#features {
    padding: 50px;
	background: url("features-section-bg-1536x1147.jpg");
	background-size:cover;
	background-position:center;
}	
	
#video {
    background: url("video-form-bg-2048x655.jpg");
	background-size:cover;
    padding: 50px 0 50px 0;
}
h4 {
    color: #7b3dbb;
    font-weight: bold;
}
h2 {
    color: #322580;
}
		
.centered_text {text-align:center;}

	.test1 {background: url('testimonial1-300x278.jpg')no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	}
	
.get_started_btn {
    padding: 50px;
	background:letter-spacing: -0.015em;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    transition: all 0.15s linear;
    text-decoration: none;
    display: block;
    text-align: center;
    background-color: #ebd943;
    color: #322580 !important;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 7px;
    box-shadow: 0px 4px 0 0 #cab927;
    border: none;
    cursor: pointer;
    font-size: 18px;
    padding: 24px 20px;
    max-width: 280px;
	margin:auto;
}
.register {
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    background: #cd2653;
    line-height: 1.25;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.15s linear;
    -webkit-appearance: none;
    float: left;
    letter-spacing: 0;
    display: block;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    color: #fff;
    padding: 0;
    border-radius: 6px;
    box-shadow: 0 4px 20.9px 3.1px rgba(13, 13, 13, 0.43);
    text-transform: uppercase;
    width: 100%;
    height: 64px;
    border: none !important;
    cursor: pointer;
    background-color: #dc3545;
    outline: none;
	margin-bottom:10px;
}


// workaround
.intl-tel-input {
  display: table-cell;
}
.intl-tel-input .selected-flag {
  z-index: 4;
}
.intl-tel-input .country-list {
  z-index: 5;
}
.input-group .intl-tel-input .form-control {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
}
	
	.form-group2 {padding:10px;}
		.modal-content {background: url("banner-form-bg.jpg");}
		
		@media only screen and (max-width: 767px) {
		
			#video {padding:2px;}
			
			
		
		}

		@media only screen and (max-width: 600px) {
		
		#video {padding:2px;}
		.top-bar {padding:2px;}	
		.logos {width:100%;max-width:600px;}
		#features {padding:6px;text-align:center;}
		#howto {padding:6px;}
		.get_started_btn {max-width:600px;}
		.join_us {padding:6px;}
		.our_members {padding:6px;}
		.card-body {padding:6px;}
		.usp_panel {padding:6px;}
		
		}		
		#datetime {color:yellow;}