@font-face {

    	    font-family: "Poppins", sans-serif;

    	src: url('../fonts/clanpro-cond-cufonfonts/ufonts.com_clanpro-bold-opentype.otf') format('opentype');

	}

@font-face {

	    font-family: 'ufonts.com_clanpro-book-opentype';

	    src: url('../fonts/clanpro-cond-cufonfonts/ufonts.com_clanpro-book-opentype.otf') format('opentype');

	}

	body{

		/* font-family: 'ufonts.com_clanpro-book-opentype'; */
		font-family: "Poppins", sans-serif;

	}

	header  .container{

		max-width: 900px;

		margin: 1.2rem auto;

	}

	header img{

		width: 100%;

		margin: 0 auto;



	}

	header  p{

		margin: 1.5rem 0;

		max-width: 900px;

		text-align: justify;

		font-size: 14px;

	}

	.banner-sec{

		/* xbackground: url("../images/Header_Banner.png"); */

		background: url("../img/Header_Banner.png");

		background-size: 	cover;

		background-position: 	top;	

	}

	.banner-sec h2{

		font-size: 25px;

	}

	.banner-sec p{

		position: 	relative;	

		bottom: 	0;

	    color: #02a301;

		margin-top: 	8rem;

	}



		.banner-sec

	.con{

		width: 85%;

		padding: 	2rem 0;

		margin-left:	auto;

	}

	.form-sec h2{

		font-size: 15px;

		color: 	#9a9a9a;

		text-align: 	center;	

	}

	.btn{

		background: 	#007AFF;

		color: 	#fff;



	}

	.form-sec{

		background: #fff;

    width: 55%;

    margin: auto;

    padding: 2rem;

    border-radius: .3rem;		

	}

	.form-sec .form-control{

		background: #f6f6f6;

		border-radius: 100px;

	}

	.banner-sec h2 span{

		color: 	#16BBD9;

		font-family: 'ufonts.com_clanpro-bold-opentype';

		display: 	block;	

		font-size: 	30px;

		font-weight: 	bolder;	

	}

	.banner-sec .form-sec{



	}

		.ia  h2{

		font-family: 'ufonts.com_clanpro-bold-opentype';

			font-size: 	20px;

			font-weight: 	bolder;	

			text-align: 	center;	

		}

		.ia .ia-iiner .header {

			display: 	flex;	

			align-items: 	center	;

			justify-content: 	space-between;

		}

			.ia .ia-iiner{

				margin:2rem .7rem;

			}

		.ia .ia-iiner h3{

		font-family: 'ufonts.com_clanpro-bold-opentype';

				font-size: 	22px;

				margin: 	0;

				color: 	#4B5056;

		}

		.ia .ia-iiner p{

			margin-top: 	1rem;

		}



			.ia .ia-iiner h3:after{



		height:4px;

		width: 	90px;

		margin-right: 	auto;

		background: #00C3D7;

		content: "";

		display: 	block;	

		margin-top: 	.8rem;

			}

	.ia .under{

		height:4px;

		width: 	100px;

		margin: 	auto;

		background: #00C3D7;

	}

	 .u3{

		height:5px;

		width: 	100px;

		margin-right:  	auto;

		background: #fff;

	}

	.Simple .transaction{

			background:#6F6F6F;

			padding: 	1rem;

			color: 	#fff;

			width: 	60%;

			margin: 	auto;	

	}

	.Simple .transaction .t-inner{

		display: 	flex;	

		align-items: flex-start	;	

		justify-content: 	space-between;	

		margin: 	2rem 0;

	}

	.gst{

		display: 	flex;	

		border-bottom: 1px solid #fff;

	}

	.gst p {

		font-size: 	11px;

		font-weight: lighter;

		margin-bottom: 	0;

	}

	.gst span{

		font-weight: bolder;

		font-size: 20px;



		font-family: 'ufonts.com_clanpro-bold-opentype';

	}

	p{

		color: #707172;

		font-family: Arial;

		line-height: 	1.4;

	}

	/*#707172*/

.signup-now-section {

    background-color: #00C3D6;

    padding: 20px;

    margin-top: 20px;

}

.ingenico-btn {

    background-color: #ef4036;

    border-color: #ef4036;

    border-radius: 50px;

    border: solid 5px #bc352e;

    border-top: none;

    border-right: none;

    font-size: 14px;

    text-shadow: -3px 3px 2px rgba(0,0,0,.4);

    padding: 8px 20px 8px 20px;

}

.ingenico-btn:after {

    content: "";

    display: inline-block;

    background: url(../images/Button_arrow.png) no-repeat;

    width: 25px;

    height: 25px;

    /* background-color: #000; */

    background-size: 25px;

    margin: 0px 0 -9px 7px;

}

		.Simple .transaction .t-inner p{

			font-size: 	14px;

			margin: 	0;

			line-height: 	1;

			color: 	#fff;

		}

		.Simple .transaction .t-inner .para{

			border-right: 1px solid	#fff;

			padding: 		0 1rem;

			width: 	25%;

		}

				.Simple .transaction .t-inner .text{

					width: 	80%;

					color: 	#fff;

					font-size: 	14px;

					padding: 	0 1rem;

				}

		.Simple .transaction .t-inner p span{

			font-size: 40px;

		font-family: 'ufonts.com_clanpro-bold-opentype';

		margin-bottom: 	0;

			display: 	block;	

		}

		.br{

			border-right: 1px solid #fff;

			height: 	100%;

		}



	footer{

		background: #575664;

		padding: 1rem 0 0;

	}

	footer .b-r{

		border-right: 2px solid #767682;

	}

		footer .thegroup ,footer  .groupsolution{

			padding: 0 1rem;

		}

		footer .thegroup h2,

		footer  .groupsolution h2{

			font-size: 20px;

			color: #fff;

			font-weight: bold;

		}

		footer .thegroup  ul,

		footer  .groupsolution ul{

			color: #fff;

		}

		footer .thegroup  ul li a,

		footer  .groupsolution ul li a{

			color: #fff;

			text-decoration: none;

			padding: .3rem 0;

			display: inline-block;

		}

		footer

		.map-section img{

			max-width: 100%;

		}

		footer .footer-lower{

			padding: 2rem 0;

			border-top: 2px solid #767682;

		}

		footer .footer-lower

		.copy{

			display: flex;

			justify-content: space-between;

			align-items: center;

		}

		footer .footer-lower

		.copy p{

			margin: 0;

			color: #828187;

		}

		footer .footer-lower

		.copy

		.socio {

			display: flex;

			padding: 0;

			align-items: center;

		}

		footer .footer-lower

		.copy

		.socio ul{

			display: flex;

			padding: 0;

			margin: 0;



		}

		footer .footer-lower

		.copy

		.socio ul li{

			padding: .5rem;

			list-style-type: none;

		}

		footer .footer-lower

		.copy

		.socio  ul li a.link{

			background: url("../images/sprite-social-desktop.png")no-repeat;

			background-position: 0 top;

			/*width: 32px;

			height: 32px;*/

		}

		footer .footer-lower

		.copy

		.socio  ul li a{

			width: 32px;

			height: 32px;

		}

		footer .disclaimer{

			display: flex;

			margin: 	.5rem 0;

				justify-content: 	space-between;	

		}

		footer .disclaimer a{

			padding: 0 1rem 1rem 1rem ;

			color:#828187;

			text-decoration: underline;

		}

		.p_{

			padding: 0 0 0 1rem;

		}



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

	footer .b-r{

		border: none;

	}

	footer .footer-lower .copy{

		display: block	;

	}

	footer .col-md-12{

		margin: 1rem 0;

	}



	.form-sec{

		width: 	100%;

	}

}

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

	.topic-section .i-logo img{

		width: 140px;

	}

}

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

		footer .disclaimer{

				display: 	unset;	

		}

	.gst span{

		display:block;	

	}

	.banner-sec .con{

		width: 	100%;

	}

	footer .footer-lower{

		padding: 	1rem 0;

	}

	.banner-sec p {

    position: relative;

    bottom: 0;

    xcolor: #000;

    color:  #FFF;

    margin-top: 2rem;

}

.form-sec{

	width: 	50%;

	margin: 	auto;	

}

.Simple .transaction .t-inner .para {

    border-right: 1px solid #fff;

    padding: 0 1rem;

    width: 35%;

}

.Simple .transaction .t-inner .text {

    width: 68%;

}

.Simple .transaction{

	width: 100%;

}

	footer .thegroup, footer .groupsolution{

		padding: 0;

	}

	form .btn{

		display: block;

	}

	.Webinar h1,.speaker-section h1{

		font-size: 25px;

	}

	header p{

		margin: 1rem 0;

	}

	.speaker-profile-img {

		text-align: center;

	}

}

.top_logo img {
	width: 300px;
	height: auto;
	padding: 20px;
}
.btn {
    background: #000000;
    color: #fff;
}
@media screen and (max-width: 580px){

	.form-sec {

    width: 100%;

    margin: auto;

}

}
@media screen and (max-width: 560px) and (min-width:220px) {
	.top_logo img {
		width: 69%;
	}
	
	.banner-sec h1 span, .banner-sec h1 {
		font-size: 27px;
	}
	.banner-sec p {
		position: relative;
		bottom: 0;
		xcolor: #000;
		color: #16a913;
		margin-top: 2rem;
	}
	.btn {
		background: #000000;
		color: #fff;
	}
}

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

	footer .disclaimer{

		display: unset;

	}

	.top_logo img {
		width: 69%;
	}

}