@font-face {
  font-family: Barlow-Regular;
  src: url("../fonts/Barlow-Regular.ttf");
}
@font-face {
  font-family: Barlow-SemiBold;
  src: url("../fonts/Barlow-SemiBold.ttf");
}
@font-face {
  font-family: Barlow-Medium;
  src: url("../fonts/Barlow-Medium.ttf");
}
@font-face {
  font-family: Barlow-Bold;
  src: url("../fonts/Barlow-Bold.ttf");
}
@font-face {
  font-family: Barlow-Thin;
  src: url("../fonts/Barlow-Thin.ttf");
}
@font-face {
  font-family: Barlow-Light;
  src: url("../fonts/Barlow-Light.ttf");
}

@font-face {
  font-family: Roboto-Bold;
  src: url("../fonts/Roboto-Bold.ttf");
}
@font-face {
  font-family: Roboto-Medium;
  src: url("../fonts/Roboto-Medium.ttf");
}
@font-face {
  font-family: Roboto-Regular;
  src: url("../fonts/Roboto-Regular.ttf");
}
@font-face {
  font-family: Roboto-Light;
  src: url("../fonts/Roboto-Light.ttf");
}

*{
		padding: 0;
	margin: 0;
}
body { padding-right: 0 !important }
html {
	overflow-x: hidden;
	padding: 0;
	margin: 0;
	background: transparent;
}
.bold{
font-family: Barlow-Bold;
}
.sbold{
	font-family: Barlow-SemiBold;
}
.bmedium{
	font-family: Barlow-Medium;
}
body {
	font-family:"Barlow-Regular", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #040404;
	line-height: 1.7em;
	background: transparent;
	padding: 0;	
}
a{
	text-decoration: none;
	outline:none;
	}
.white{
	color:#fff;
}
.black{
	color:#000;
}
.ft-banner {
    background: url(../images/banner.png)no-repeat;
    width: 100%;
    height: 520px;
    float: left;
    background-size: cover;
    background-position: top center;
    position: relative;
    margin-top: 65px;

}
.ten {
    position: absolute;
    right: 8%;
    bottom: 0;
    height: 100%;
}

.navmenu.fixed-top {
    background: #fff;
}

.lt-div h3 {
    font-family: Barlow-Bold;
    font-size: 3rem;
}
.lt-div h4 {
    font-size: 2rem;
}
.lt-div h5 {
    font-size: 1.6rem;
}
.lt-div h6 {
    font-size: 1.7rem;
}
.lt-div h5 img {
    width: 20px;
    position: relative;
    margin-right: 10px;
    top: -2px;
}

.speak-div{
	width:100%;
	float:left;
	background:#f2f2f2;
	height:auto;
	padding:5%;
}
.speak-div h4{
	font-size: 2.3rem;
	font-family: Barlow-Bold;
	color:#2D2F31;
}
.er-d p::after {
    width: 70%;
    content: "";
    background: #ccced4;
    height: 1px;
	display: block;
    top: 10px;
    left: 15%;
    position: relative;
}
.er-d p {
    position: relative;
}

.er-d{
	padding:5%;
	text-align:center;
}

.er-d h5,.j-spk h5{
   font-family: Barlow-Bold;
    color: #2B3A3C;
    font-size: 1.3rem;
	
}
.er-d p,.j-spk p{
	font-family: Barlow-SemiBold;
	color:#5F6167;
	font-size: 15px;
	margin-bottom:0px;
}
.jspk-s {
    background: #fff;
    width: 80%;
    padding: 5px;
    margin: 6% 0;
}
.jspk-s img {
    width: 70px;
    float: left;
	padding: 3px;
}
.jspk-s div {
    padding: 0px 10px;
    display: inline-block;
}
.mright {
    float: right;
    margin-bottom: 6%;
    margin-top: 0;
}
.mt-6 {
    margin-top: 6%;
}
.digi{
	width:100%;
	float:left;
}

.digi-bnr {
    background: url(../images/Image-20.png)no-repeat;
    width: 100%;
    height:400px;
	background-size: cover;
    background-position: 85% 40%;
    position: relative;
    padding: 30px;
}
.digi-bnr img {
    position: absolute;
    right: 3%;
    width: 120px;
    top: 5%;
}
.digi-bnr h3,.cert-box h5{
	 font-size: 1.3rem;
	 font-family: Barlow-SemiBold;
}
.cert-box h5{
	    font-family: Barlow-Bold;
    line-height: 1.8rem;
}
.digi-bnr h4{
	font-size: 1.8rem;
	font-family: Barlow-Bold;
}
.digi-bnr ul {
    font-size: 15px;
    padding-left: 15px;
}
a.wt-btn {
    background: #000;
    border: 1px rgba(187, 191, 199, 1) solid;
    border-radius: 3px;
    padding: 10px 25px;
    display: inline-block;
	font-family: Barlow-Bold;
	    width: 40%;
    text-align: center;
    color: #fff;
}

.our-certi{
	width:100%;
	float:left;
	background:#fff;
	height:auto;
	padding: 5%;
}

.our-certi h4{
	    font-size: 2.3rem;
    font-family: Barlow-Bold;
    color: #000;
}
.row-eq-height {
display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cert-box {
    background: #EEEEEE;
    padding: 30px;
  height: 100%;
  border-radius:1px;
}
.cert-box p {
    font-size: 1rem;
    line-height: 1.5rem;
}
.bl-btn{
    background: #000;
    border: 1px rgba(187, 191, 199, 1) solid;
    border-radius: 3px;
    padding: 10px 15px;
    display: inline-block;
    font-family: Barlow-Bold;
	color:#fff !Important;
	width:160px;
	    text-align: center;
		line-height: 30px;
}
.tr-btn{
	background: transparent;
    border: 2px #BBBFC7 solid;
    border-radius: 3px;
    padding: 10px 15px;
    display: inline-block;
    font-family: Barlow-Bold;
	color:#000 !Important;
	width:160px;
	text-align: center;
}
.yof-sec{
	width:100%;
	float:left;
    padding: 50px 0;
    background: #E6F3F3;
}

.yof1{
    background: url(../images/image-18.png)no-repeat;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: top center;
    position: relative;
    padding: 30px;
	margin-bottom:25px;
}
.yof2{
    background: url(../images/image-19.png)no-repeat;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: top center;
    position: relative;
    padding: 30px;
	margin-bottom:25px;
}
.yof3{
    background: url(../images/Eric-video-1.png)no-repeat;
    width: 100%;
    height: 413px;
    background-size: 100%;
    background-position: top center;
    position: relative;
    padding: 30px;
	margin-bottom:25px;
}

.bhd{
	font-size: 1.3rem;
    font-family: Barlow-SemiBold;
	color:#5F6167;
}
.bhd1{
	font-size: 1.8rem;
    font-family: Barlow-Bold;	
}

.bpd{
	font-size: 1rem;
	line-height:20px;
}
.bl-color{
	color:#2D2F31;
}
.gr-color{
	color:#BBBFC7;
}
.ft-bg {
    background: #2D2F31;
    padding: 30px;
    width: 100%;
    float: left;
}

.conference-start {
    width: 100%;
    float: left;
    background: #5f6167;
    padding: 3% 5% 3% 5%;
}

.grr-bl{
	color:#5F6167;
}
footer.ft-bg a {
    padding: 4px;
}
.conference-start h3 {
    font-size: 2.3rem;
    font-family: Barlow-Bold;
    color: #fff;
}
.tick-group {
    text-align: center;
    margin-right: 10px;
}
.tick-flip-card {
    font-family: Barlow-Bold;
 
}
span.tick-label.tick-text {
    font-size: 14px;
    line-height: 1rem;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    top: -15px;
}


.tick-flip-panel-back:after {

    background-image: linear-gradient(180deg,rgb(255 255 255 / 30%) 1px,rgba(0,0,0,.15) 0,transparent 30%) !Important;
}
.tick-flip-panel-back:before {
    content: "";
    width: 5px;
    height: 9px;
    background: #000;
    display: block;
    position: absolute;
    top: -4px;
}

span.tick-flip-panel-back-text::before {
    content: "";
    width: 5px;
    height: 10px;
    background: #000;
    display: block;
    position: absolute;
    right: 1px;
    top: -5px;
}
span.tick-flip-panel-front::before {
    content: "";
    width: 5px;
    height: 10px;
    background: #000;
    display: block;
    position: absolute;
    right: 0;
    bottom: -5px;
}

.logo {
    padding: 0px;
    width: 75px;
}

div#navbarSupportedContent a {
    font-family: Barlow-SemiBold;
}
a{
	cursor:pointer;
}
.agenda{
	width:100%;
	float:left;
	padding:5% 0;
}
#accordion .card-header.p-0 {
    border-bottom: 0;
	background: #fff;
}
#accordion .card {
    border: 1px solid #BBBFC7;
    border-radius: 3px;
    background: #fff;
	padding: 30px;
}

#accordion h4 {
    font-size: 2.3rem;
    font-family: Barlow-Bold;
}
.tmi{
	width: 20px;
    margin-right: 10px;
}

#accordion .card span {
    color: #000;
    font-size: 1.3rem;
    padding-right: 20px;
}

span.accor img {
    width: 45px;
}
span.accor {
    position: absolute;
    top: 50px;
    right: 10px;
}
#collapsee h5{
    color: #000;
    font-size: 1.3rem;
	font-family: Barlow-Bold;
}

.pd-row {
    padding: 10px 20px;
    background: #fbfbfb;
    margin-bottom: 5px;
}
.pd-row.gr{
	background: #f2f2f2;
}
p.mb-0.grr-bl {
    line-height: 23px;
}

.get-fixed.active {
    display: block;
}
.get-fixed {
	float:left;
    position: relative;
    top: auto;
    z-index: 10000;
    left: 0;
    transition: .5s ease all;
    margin-top: 0px;
    display: none;
    width: 100%;
    bottom: 0;
    background: #2d2f31;
    text-align: center;
	padding-top: 50px;
    padding-bottom: 35px;
}
.get-fixed p{
    font-size: 1.3rem;
    color: #fff;
    text-align: left;
    padding: 30px;
}
a.stick-bottom {
	display:none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 2;
}
a.stick-bottom.active{
	display:block;
}
footer.ft-bg a img {
    width: 50px;
}
section.more-details {
    width: 100%;
    float: left;
    min-height: 90vh;
    height: auto;
    margin-top: 66px;
    background: #f2f2f2;
    padding: 5%;
}
.more-details h5 {
    font-size: 24px;
    line-height: 48px;
    font-family: Barlow-Bold;
}
.more-form {
    width: 80%;
}
.more-details .floating-form-group {
    margin-bottom: 20px;
}
.floating-form-group {
    position: relative;
    margin-bottom: 10px;
}
.floating-form-group .form-cust {
    border: 1px #000 solid;
    height: 50px;
    transition: all .5s ease;
    margin: 0;
    font-size: 18px;
    width: 100%;
    background: #fff;
    padding: 0px 10px;
    border-radius: 5px;
}

.floating-form-group .floating-label {
    position: absolute;
    top: 42%;
}
.floating-form-group .floating-label {
    position: absolute;
    top: 46%;
    left: 0;
    background: 0 0;
    padding: 0px 10px;
    color: #000;
    pointer-events: none;
    margin-bottom: 0;
    transform: translate(0,-50%);
    font-size: 18px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: none;
}


.slp {
    display: block;
    font-size: 21px;
    line-height: 48px;
    font-family: Barlow-Bold;
}
.more-details h5 {
    font-size: 24px;
    line-height: 35px;
    font-family: Barlow-Bold;
}
.more-details .floating-form-group {
    margin-bottom: 20px;
}
.form-check {
     padding-left: 0px;
    padding-bottom: 10px;
    display: inline-block;
    width: auto;
    padding-right: 20px;
}



.container1 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 19px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
   background-color: #fff;
   outline: 1px #020202 solid;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container1:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.container1 input:checked ~ .checkmark {
    background-color: #fff;
    outline: 1px #020202 solid;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container1 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container1 .checkmark:after {
    top: 6px;
    left: 6px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #000;
}
.btn16 {
    background: #000;
    width: 100%;
    padding: 18px;
    font-family: Barlow-Bold;
    border: 0px;
    font-size: 18px;
    letter-spacing: 1px;
    border-radius: 0.25rem;
    cursor: pointer;
}
.floating-form-group.focused .floating-label {
    top: 12px;
    transform: translate(0,-50%);
    font-size: 13px;
}

@media (min-width: 1300px){
.container{
	
	max-width: 1290px;
}
}

@media screen and (min-width: 1441px) and (max-width: 1599px){

	.container{
	
	max-width: 95%;
}
.digi-bnr h3, .cert-box h5 {
    font-size: 1.5rem;
}
}
@media (min-width: 1600px){
	
	.container{
	
	max-width: 1570px;
}

.ft-banner {
    height: 650px;
}
.ten {
    height: 100%;
}

}
@media (max-width: 1024px){

}
@media (max-width: 1300px){


}

@media screen and (min-width: 993px) and (max-width: 1024px){


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

 }



@media (max-width: 767px){

.test_cont {
    width: 100% !important;
}
.testimonials {
    padding: 5% 5% 25% 5% !important;
}
	.cert-box>p {
    min-height: auto !Important;
 
}
	
.ft-banner{
	height:auto;
}
.ten {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    padding: 0%;
    margin-left: 0%;
}
.dec {
    position: relative;
    right: 0%;
  
}
.get-fixed h3 {
    font-size: 1.5rem !important;
}

/*19-11-2021-nm*/
p.border1::after{
	width: 306px !important;
	left: -12% !important;
}
.lt-div h3 {
    font-family: Barlow-Bold;
    font-size: 2rem;
}
.lt-div h5 {
    font-size: 1.6rem;
}
.mob_w-28 {
    width: 100% !important;
}
.w-28,.form-group{
	width: 100% !important;
}
p.line::before{
	width: 44% !important;
}
.mb_20{
	margin-bottom: 20px;
}
.ml_cont {
    margin-left: 8px !important;
}
.yof3 img {
    right: 47% !important;
    width: 35px !important;
    top: 35% !important;
}
.yof3 {
    height: 125px;
    margin-bottom: 0;
}
.testimonials_slick .slick-prev:before{
	top: 199px !important;
}
.testimonials_slick .slick-next:before{
	top: 198px !important;
    right: 40px !important;
}
.text_center{
	text-align: center;
}
.UX_wi {
    width: auto !important;
}
.digi-bnr {
    height: 400px;
    background-size: cover;
    background-position: 50% 40%;
}

}
.form_style{
	color: #fff;
    background-color: #5F6167;
}
.form_style:focus{
	color: #fff;
    background-color: #5F6167;
    border-color: #ced4da;
    box-shadow: none;
}
::placeholder{
	color: #ccc !important;
}
.reg_in {
    background: #000;
    text-align: center;
    background: #000;
    border: 1px rgba(187, 191, 199, 1) solid;
    border-radius: 3px;
    padding: 5px 50px;
    display: inline-block;
    font-family: Barlow-Bold;
    text-align: center;
    color: #fff;
    width: 100%;
}
p.border1::after {
       width: 377px;
    content: "";
    background: #eeee;
    height: 1px;
    display: block;
    bottom: -10px;
    left: -9%;
    position: absolute;
    border: 1px #e0e0e0 dashed;
}
.cert-box>p {
    min-height: 110px;
    position: relative;
}
p.line::before {
    content: "";
    width: 35%;
    background: #000;
    position: relative;
    height: 2px;
    display: block;
    top: 14px;
}
.f-16{
	font-size: 1.6rem;
}
.yof3 img {
    position: absolute;
    right: 50%;
    width: 60px;
    top: 45%;
}
/* .vd-im { */
    /* position: relative; */
/* } */
.vidbox.active {
    width: 100%;
    height: 100%;
    border: 5px;
    z-index: 10000;
}
.vidbox {
    top: 0;
    overflow: hidden;
	    position: fixed;
}
.vidbox {
    background: #000;
    border: 0 solid #F68121;
    width: 0%;
    height: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.closevid1 {
    display: none;
    color: #ED2124;
    font-size: 1rem;
    padding: 10px;
    position: absolute;
    top: 55px;
    right: 0px;
    z-index: 9999;
    background: transparent;
    border-radius: 5px;
    cursor: pointer;
}
.vidbox iframe {
    width: 100%;
    height: 100%;
    position: relative;
}
.closevid1::after {
    content: "X";
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: -45px;
    right: 20px;
}
.testimonials{
	background: #F2FFFF;
	width: 100%;
	float: left;
	padding: 5%;
}
.testimonials h4 {
    font-size: 2.3rem;
    font-family: Barlow-Bold;
    color: #000;
}
.name_sec p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0;
}
.test_cont{
    width: 75%;
    margin: 0 auto;
    font-size: 18px;
}
.testimonials_slick .slick-prev:before {
    content: "";
    background: url(../images/right-arrow.svg)no-repeat;
    width: 57px;
    height: 57px;
    position: absolute;
    bottom: 11px;
    left: 50px;
}
 .testimonials_slick .slick-next:before {
    content: "";
    background: url(../images/left-arrow.svg)no-repeat;
    width: 57px;
    height: 57px;
    position: absolute;
	top: -67px;
	right: 50px;
}
.testimonials_slick .slick-prev, .testimonials_slick .slick-next {
    z-index: 1;
	width: 0px;
    height: 0px;
}
.testimonials_slick .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "/";
    width: 27px;
    height: 5px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #ccc;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: transparent;
    border: 2px #ccc ridge;
}
.testimonials_slick .slick-dots li.slick-active button:before {
    color: #ccc;
    opacity: 0.75;
    background: #ccc;
}
.w-28{
	width: 280px;
}
a.wt-btn:hover, a.reg_in:hover {
    color: #fff;
}
a.reg_in {
    background: #000;
    border: 1px rgba(187, 191, 199, 1) solid;
    border-radius: 3px;
    padding: 5px 50px;
    display: inline-block;
    font-family: Barlow-Bold;
    text-align: center;
    color: #fff;
    width: 100%;
}
.thank_cont{
	font-size: 1.8rem;
	margin: 0 auto;
}
.ml_cont{
	margin-left: 52px;
}
.UX_wi{
	    width: 100%;
}
select {
    color: #ccc !important;
}
label.errors {
    display: block;
    width: 100%;
    position: relative;
    text-align: left;
    font-size: 13px;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
.ten {
    right: -3%;

}
.lt-div h3{
	font-size: 2rem;
}
.lt-div h5 {
    font-size: 1.5rem;
}
.mob_w-28 {
    width: 315px !important;
}
.w-28{
	width: 315px;
}
.mb_20 {
    margin-bottom: 20px;
}
p.line::before{
	width: 20%;
	left: 120px;
}
p.border1::after{
	    width: 653px;
		left: -5%;
}
.UX_wi {
    width: auto;
}
.cert-box{
	text-align: center;
}
.yof3 img {
    right: 47%;
    top: 25%;
}
.yof3{
	height: 280px;
	margin-bottom: 0;
}
.testimonials_slick .slick-prev:before{
	left: 25px;
}
.testimonials_slick .slick-next:before{
	right: 25px;
}
.text_center{
	text-align: center;
}

}
@media screen and (min-width: 993px) and (max-width: 1199px) {
.mob_w-28 {
    width: 435px !important;
}
.w-28 {
    width: 435px;
}
.ux2{
	width: 87%;
}
p.border1::after{
	width: 262px;
    left: -15%;
}
.yof3 img{
	right: 45%;
    top: 35%;
}
.yof3{
	height: 370px;
	margin-bottom: 0px;
}
}

@media only screen and (min-width: 1920px) {
.mob_w-28 {
    width: 277px !important;
}
p.border1::after{
    width: 482px;	
    left: -6%;
}
p.line::before {
    width: 25%;
}
.ml_cont {
    margin-left: 160px;
}
}