@charset "UTF-8";
/* CSS Document */

html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

nav > div a.nav-item.nav-link2{
	
	color: #fff;
	margin-left: 20px;
}

nav > div a.nav-item.nav-link2:hover{
	
	color: #FEBE10 !important;
	
	text-decoration: none;
}

.navbar {
	
	padding:10px 40px 10px 45px;
	backgroun-color: #000 !important;
}

.navbar-dark {
    color: #FFFFFF;
    background-color: #000;
}



@font-face {
    font-family: 'arciform_sansregular';
    src: url('arciform-webfont.woff2') format('woff2'),
         url('arciform-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.icon-border-round{
border: 2px solid #fff;
padding: 5px;
text-align: center;
width: 40px;
height: 40px;
border-radius: 50%; /* the magic */
 -moz-border-radius: 50%;
-webkit-border-radius: 50%;
	
}





.carousel{
    background: #999;
    margin-top: 0px;
	
}
.carousel-item{
    text-align: center;
    height: auto;
	
	
}

.carousel-indicators .active {
    
    background-color: #FEBE10;
}




.d-md-block h1{
	
	
	
    display: inline-block;
    padding:.25em .25em .25em .25em;
    margin-bottom: 10px;
	color: #FFF;
	font-size: 90px;
	letter-spacing: 10px;
	font-family: 'arciform_sansregular';
	
	
}





.d-md-block h5{
	
	
	
    display: inline-block;
   
    color: #DDB426;
	font-size: 40px;
	letter-spacing: 10px;
	font-family: 'arciform_sansregular';
	
	
}


.d-md-block h2{
	
	
	
    display: inline-block;
    padding:.25em .25em .25em .25em;
    margin-bottom: 10px;
	color: #DDB426;
	font-size: 50px;
	letter-spacing: 10px;
	font-family: 'arciform_sansregular';
	
}


.carousel-caption p {
	
	
    display: inline-block;
    padding:.25em .25em .25em .25em;
    margin-bottom: 70px;
}



.fa-chevron-down{
	
	font-size: 50px;
	animation: mouse 2s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
	color: #FEBE10;
}


@keyframes mouse { 
  0% { transform: translateY(0); }
  30% { transform: translateY(-30px); }
  50% { transform: translateY(0); }
  100% { transform: translateY(0); }
}



.heading {
	
	text-align: center;
	padding-top:50px;
	
	
	
}



hr.new1 {
  border-top: 3px solid #DDB426; width: 90px;
}

.heading h2{
	
	
	font-family: 'arciform_sansregular';
	letter-spacing: 4px;
	color: #000;
	
}




.icon{
	
	height: 80px;
	width: 80px;
	margin: auto;
	margin-bottom: 20px;
}

.icon2{
	
	height:200px;
	width: 200px;
	margin: auto;
	margin-bottom: 20px;
}


.align{
	
	text-align: center;
		
	
}


.about-copy{
	
	width: 80%;
	margin: auto;
	margin-bottom: 80px;
}

#summary p.collapse:not(.show) {
    height: 120px !important;
    overflow: hidden;
	margin-bottom: 30px;
  
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

#summary p.collapsing {
    min-height: 42px !important;
}

#summary a.collapsed:after  {
    content: '+ Read More';
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	color: #000;
	text-decoration: none;
	

	
}

#summary a.collapsed:hover  {
    
	text-decoration: none;
	background-color: #fff;
	

	
}





#summary a:not(.collapsed):after {
    content: '- Read Less';
	background-color: #000;
	padding: 10px;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	
}


.lebo {
	
	position:relative;
	top: -60px;
	text-align: center;
	
	
	
}


#founder{
	
	
	
	
	background-color: #DDB426;
	background-image: url("../Images/TH-graphic.png");
	background-position: left;
	
	
	
	
}


#founder h2{
	
	color:#fff;
	text-align: center;
	
}

#founder p {
	
	width: 70%;
	margin: auto;
	color: #fff;
	text-align: center;
}



#join{
	
	background-color: #000;
	
}


#join h2{
	
	text-align: center;
	color:#fff;
}


#join p {
	
	
	
	color: #fff;
}






#partner{
	
	background-color: #999;
	background-image:url("../Images/computer.png");
	
	background-repeat: no-repeat;
	
		
	
}

#partner p{
	
	text-align: left;
	color: #fff;
	
	
}




#tab{
	
	background-color:#DDB426;
	text-align: center;
	background-image: url("../Images/patten.png");
	background-size: cover;
	background-position: cente;
	
	
	
}

.align-tab{
	
	
	text-align: center;
	width: 70%;
	margin: auto;
	
	
}


.tabButton {

        font-size: 15px; font-weight: bold; padding: 15px 20px; 

    }

    .tab {

        padding: 20px; text-align: left;

    }

 

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

        main {

            width: 700px;

        }

    }





#verification{
	
	
	
	background-color: #fff;
	
}


#verification h2{
	
	
	
	color: #000;
}


#verification p{
	
	
	color: #000;
	text-align: center;
}


.body-copy{
	
	
	width: 80%;
	margin:auto;
	color: #000;
}


#services{
	
	
	background-color: #DDB426;
	
}




#services h2{
	
	
	color:#fff;
	
}


#clients{
	
	
	
	
	
	background-color: #E8E8E8;
padding-bottom: 60px;
}



#clients h2{
	
	color: #000;
}


.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }






















#contact{
	
	
	width: 100%;
	background-color: #000;
	
	background-size: cover;
	padding: 70px 0px 70px 0px;
	border-top:12px solid #FEBE10;
	
}

.details{
	
	text-align: center;
	color: #fff;
	margin-top: 20px;
	font-weight: 400;
}

.details strong {
	
	
	color: #FEBE10;
}


.map {
	
	text-align: center;
}

.contact-form{
    background: #fff;
    margin-top: 5%;
    margin-bottom: 5%;
    width: 80%;
}
.contact-form .form-control{
    border-radius:1rem;
}
.contact-image{
    text-align: center;
}
.contact-image img{
    border-radius: 6rem;
    width: 11%;
    margin-top: -3%;
    transform: rotate(29deg);
}
.contact-form form{
    padding: 14%;
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #0062cc;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #FEBE10;
    font-weight: 600;
    color: #000;
    cursor: pointer;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #000;
    background-color: #FEBE10;
    border: none;
    cursor: pointer;
}


.centerform{
	
	margin: auto;
}


.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
	
}



#covid p{
	
	
	background-color: #000;
	color: #fff;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}


.modal-body{
	
	text-align: center;
	color: #DDB426;
}

.modal fade{
	
	background-color: #4D4D4D
	
	
}

.logo2{
	
 height: 350px;
	width: 350px;
	margin: auto;
	margin-bottom: -100px;
	
}



  .client-img {
    width: 220px;
    height: 220px;
    overflow: hidden;
    
    margin: 0px auto 20px;
    
}
.carousel-content {
    padding: 50px 0px;
}
.carousel-content h3 span {
    font-size: 17px;
    font-weight: normal;
	font-family: 'arciform_sansregular';
    color: #e8e8e8;
    text-transform: uppercase;
	
}



.carousel-content ol li{
	
	text-align:center;
	
}

.client-img img {
    width: 100%;
}
#testimonial {
    text-align: center;
    padding: 40px 0px;
    color: #fff;
}
#testimonial .carousel-control-prev,
#testimonial .carousel-control-next {
    font-size: 36px;
}
#testimonial h2 {
    font-size: 40px;
    font-family: 'arciform_sansregular';
    border-bottom: 1px solid #7fbdff;
    padding-bottom: 20px;
    display: inline-block;
}


.points li{
	
	color: #fff;
	margin-left: 20px;
	padding-left: 5px;
}