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

	
	@media (min-width:768px) {
		
		.solution-tabs .card-header{
			display: none;
		}
		
		.platforms .agilebox{
			min-height: 350px;
		}
		.navbar-expand-md .navbar-collapse {
			margin-right:30px;
			justify-content: center;
		}
			.blog-content p{
				font-size:20px;
				}
				.blog-content .h3heading{
					font-size:40px;
					font-weight:700;
					}
	
 .mt30{
				 margin-top: 30px;
			 }
		
		
/*--- ScrollFade Specific ---*/

.scrollFade {
	opacity: 1;
	pointer-events: all;
	
}

.scrollFade--hidden {
	opacity: 0;
	pointer-events: none;
}

.scrollFade--visible {
	opacity: 1;
	pointer-events: all;
}

.scrollFade--animate {
	transition: opacity 0.4s ease-in-out;
}

		.industries-grid{
 border: 1px solid rgba(255,255,255,0.19);
	padding: 10px;
}

.leftbox{
	position: relative;
    border: 1px solid rgba(255,255,255,0.19);
    border-left: 0;
    left: -11px;
    background: #160708;
   margin: 10px 0;
    margin-left: 0;
 
}


.rightbox{
	position: relative;
    border: 1px solid rgba(255,255,255,0.19);
    border-right: 0;
    right: -11px;
    background: #05000f;
   margin: 10px 0;
    margin-right: 0;
 
}
		.about .leftbox{
			background: #030C2A;
		}
		.about .rightbox{
			background: #031332;
		}
		
		
.centerbox{
	margin-top: 10px;
}

		.desktop-hidden{
			display: none;
		}
		.footercontent{
/*			margin: 0 -15px;*/
		}
		.copyright{
		/*	margin-left: -15px;
			margin-right: -15px;*/
}
		
		.tech {
    margin-left: 0;
}
		.row{
			margin: 0;
		}
/*------*/

		.cs-text2 .bigtext2, .cs-text .bigtext2{
	margin-left: -15px;
			padding-right: 15px;
}
				.cs-text ol, .cs-text ul{
	margin: 0px;
					padding: 0;
					
					
}
		.cs-text .h3heading, .cs-text2 .h3heading{
			margin-right: 15px;
		}
		.capability-text{
			font-size: 33px;}
}







 @media (max-width:767px) {

	.line-distance{
		margin-top: 50px;
		
	}
	.m-sm-3{
		margin: 0 15px;
	}
	.excellence-box{
		margin: 15px 0 !important;
	}
	
.line-distance{
	margin-top: 50px;
	
}

	/*.slick-list {
		 
		margin-top: 50px;
	}*/

	.megamenu .dropdown-item{
		display: none;
	}
	.megameu-surecafe-logo{
		display: none;
	}
	.megamenu .mb-3{
		margin-bottom: 0 !important;
	}
	 .col-md-7 .footer-text{
		margin-top: 0;
	 }
	 .cs-text {
    margin-bottom: 50px;
}
	 
	 	.solution-tabs .card-header a{
			width: 100% !important;
			border: 1px solid #666666;
			display: block;
    border-radius: 50px;
    margin-bottom: 5px;
    padding: 10px 20px;
    color: #EBEBEB;
    background: url(../images/sidearrow.png) no-repeat 95% center;
		}
	 

	.solution-tabs .card-header a:focus{
/*		font-weight: 500;
    border: none;
    background: linear-gradient(to right, rgba(52, 5, 74, 1) 0%, rgba(17, 22, 153, 1) 100%);*/
}
	 
	 
	 
	 
	   .platforms .agilebox h4{
		font-size: 18px;
		}
	 
	 .digital-bg{
		 padding: 0;
	 }
	 
	 .hiring h3{
font-size: 19px;
		 margin-top: 10px;
	
}
	 
	 .keytosuccess2 .card-header{
		 font-size: 20px;
		 padding: 10px 0;
		}
	 
	 
	 .hidein-mobile{
		 display: none;
	 }
	 
	 .leftbox, .rightbox{
		 display: none;
	 }
	 	  .centerlogo {
    margin-top: 1%;
}
	 .surecafe-logo-bg{
		 padding: 20px 0;
	 }
	 .text-center-sm{
		 text-align: center;
	 }
	 
	 .search-container {
		 right: 55px;
		 top:10px;
	 }
	 .search:focus {
	width: 200px; /* Bar width+1px */

}
	 .navbar-expand-md .navbar-nav .nav-link{
		 margin:10px auto;
	 }
.download-hd a {
	font-size: 20px;}
	 
	 .bg-dark {
    background: rgba(0, 0, 0, 1) !important;
}
	 .hero-text{
		 margin-left: 0;
		 
	 }
	 .flexbox1{
		 display:block;
	 }
	 
	 .hero-text h1 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 18px;
}
	 .section1{
		 padding-top:100px;
	 }
	 .card-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 40px;
    margin-top: -60px;
}
	 .svg-anim {
    top:0;
}
	 .rotateIn {
    position: absolute;
    left: 134px;
    top: 28px;
    width: 102px;
	 }
	 .section1{
		background-size: cover;
	 }
	 .card{
		 margin-bottom: 20px;
		
	 }
	 
	 .surecafe-accordion .card{
	 margin-bottom: 0;
}
	 
	 .user {
  background-size: cover;
}
	 .blog1box{

background-size: cover;
	
}
	 .promobtn{
		 margin-left: 0;
	 }
	 
	 	  .flex {
    display: flex;
    width: 100%;
    flex-direction: column;
}
	 .ino-box{
    padding: 20px;
    width: 100%;
   
}
	 
	.userbox {
    /*padding: 0;*/
    width: 100%;
   
}
	 
	 .innovation {
    background-size: cover;
}
	 .sectionpadd {
    padding: 40px 0;
}
	 .user-grid {
  
    margin: auto;
    height: auto;
}
	.talent-grid {
		height: auto;
grid-template-columns: repeat(1, 1fr);
		padding-top: 40px;
}.talent-wrapper {
    padding-bottom: 40px;
	
}
	 	  .ecommerce-grid{
	
	grid-template-columns: repeat(1, 1fr); 

}
	 .section-hd {
    font-size: 32px;
    font-weight: 600;
		 margin-bottom: 10px;
}
	 .ind-box {
    height: 180px;
    padding: 10px 5px;
    text-align: center;
    font-size: 16px;
    
}
	 .heading2 {
    font-size: 28px !important;
margin-bottom: 10px;
margin-left: 0 !important;
}
	 
	 .solutions-wrapper h2, .section-title h2, .ino-box2 h2 {
    font-size: 28px;
}
	 .industries-grid{
	width: 100%;
	grid-template-columns: repeat(2, 1fr); 
	column-gap: 2px;
	row-gap: 2px;
}
	 .circle-text{
		 margin-bottom: 10px;
	 }
	 .years{
		 text-align: center;
	 }
	 .section4{
		 background-size:cover;
	 }
	 .footer-hd{
	font-size: 16px;
		 margin-top: 20px;
}
	 
	 		   .surecafe-banner, .talent-acquisition {
			   height:auto;
				   background-size: cover;

}
	 .surecafe-banner .hero-text h1 {
    font-size: 1.6rem;
    padding-right:0;
    margin-top: 70px;
		
}
	     .surecafe-logo {
        padding:20px 0;
    
        margin-left: 0;
       
     
    }
	 
	 .bigtext {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 300;
}
	 
	 
	 .h3heading {
    font-size: 20px;
    margin-bottom: 20px;
  
}
	 
	 .tiuwhitelogo {
		 width: 150px;
    margin-right: 20px;
}
	 .card-header button {
 
		  font-size: 18px;
		 text-wrap: wrap;
	  }
	 .card-header .btn {
    background: none;
	 }.card-header button {
		 padding: 5px 0;
	 }
	 	.card-header button i {
			 margin-top: 5px;
			 display: inline-block;
	 }
	 .card-body {
		 margin: 0 5px;
	 padding: 0;
	 }
	 .surecafe-banner h3 {
		 font-size: 22px;}
	 
	 .form-wrapper {
		width: 100%;}
		 
	 .accordionbox .card {
		 margin-bottom: 0;
		
}
	 	  	   .yourneed-tabs .tab-pane{
	font-size: 16px;
			   padding-left: 0

}

.yourneed-tabs .nav-pills .nav-link{
	font-size: 18px;
	padding: 10px 20px;

}
	 .need-card {
    width: 75%;
    margin: auto;
		         margin-bottom: 60px;
   
}
	 .need-card h5{
		 font-size: 16px;
	 }
	 
	 .accordionbox .card-header .btn {
    background:none;
}
	 .cms-logobox{
	display: block;
	  }
	 .casestudy-text{
		 font-size: 18px;
	 margin-bottom: 20px;}
	 
	 .casestudy-section2{
		 background-size: cover;
	 }
	 
	 .project-goals {
    padding: 0 40px 40px;
    color: #ffffff;
}
	 .project-goals-wrapper{
	padding-bottom: 40px;
	
}
	 .project-results {
		 padding: 0 30px;}
	 
	 .project-results h3 span {
 margin: 0 auto 30px;
   
}
	 .project-results p{
		 margin-top: 20px;
	 }
	 
	 			   .case-studies{
	margin-top: 0;
}
	 .project-goals h3 {
    margin-left: -40px;
		 padding-left: 40px;}
	 
	 .talent {
		 background: none;
	 }
	 
	 .marque {
		 font-size: 16px;}
	 
	  .blog1-banner {
    padding-top: 100px;
    padding-bottom: 30px;
}
	 		   	  .mb8{
	margin-bottom: 40px;
}  
	 .blog-content {
    padding-right: 0;
}
	 .talent-grid .bluebg:hover{
	height: 320px;
	width: 100%;
}
	 .blog-card-wrapper {
		 width: 100%;}
	 .ino-box1:hover{
	width: 100%;
		 height: 300px;
}
	 .ino-box4 {
		 position: relative;}
	 
	 .ino-box4:hover {
    bottom: 0;
    height: 300px;
}
	 .ino-box8:hover{
	width: 100%;
		     height: 300px;
}
	 .userbox .talent-card {
 height: 250px;
		 position: relative;
		 z-index: 101;
}
	 .userbox .talent-card:hover {
    height: 350px;
}
.userbox5 .talent-card:hover {
		 position: relative;
		 height: 460px;
}
	 .userbox5:hover {
    width: 100%;
}
	 	  .hero-text {
  margin-top: 10px;
   
}
	 	 	  .hero-text h1 {
font-size: 30px;
}

.blog-card-text{
	width:100% !important;
	}
	
	
	.text {
    top: -51px;
    left: -13px;}
	
	.svg-anim {
 
    height: 250px;
}

.industry-card {
 background: #2A0836;
}
	 
	 .industry-text-overlay {
		 padding:20px;
		 top:0;
		 height: 100%;
	 }
		 .keytosuccess .card-header h4{
				 margin: 0 10px;
				 padding: 15px 0;
			 }
	 
	 	.agilebox h3 {
		font-size: 18px;}
	  
	  .agilebox h3 span {
    font-size: 31px;}
	 
	 .digital-tab-content ul{
		 padding: 0 0 0 20px;
	 }
	 .digital-tab-content ul li{
	
	font-size: 16px;
		
	
}
	 .bigtext2 {
    font-size: 14px;
}
	 .slide .bigtext2 {
  font-size: 18px;
}
	 .ourprocess .card-body{
		 margin: auto 0;
	 }
	 .ourprocess .card-body p{
		margin: auto 20px;
	}
	.navbar-nav .megamenu  {
  overflow-y: auto;
    height: 400px;
}
.ino-box1{
	position: relative;;
}
.section-title img{
	margin-right: -15px;
}


.case-studies .slick-next {
	right: 30px;
}	
.case-studies .slick-prev {
	left: 75% !important;
}	

.blog1box {
  
    padding: 14px;
 }

 .faq-drawer__title {
    font-size: 1.1em;
}
.cs-wrapper .bighd h3 {
    font-size: 18px;}

	.line {
		font-size: 24px;}

.breadcrumb-box {
   
    font-size: 12px;
}
.ind-wrapper {
	width: 100% !important;
}
.indcard-img {
display: none;
}
.casestudy-hidden-text{
	display: none;
}
.tech-wrapper h4 {
    font-size: 16px;
}
.case-studies .slick-prev, .case-studies .slick-next {
 top: 110%;
}
.ind-wrapper .circle-arrow {
	
	bottom: 10px;
	right: 10px;
	transition: all .5s ease-in-out;
	width: 20px;
}

.sap-txt {
    display: block !important; 
	opacity: 1;
}
.innerpagebg {
	margin-bottom: -1px;
}

}



 @media (max-width:460px) {
	.tech-wrapper h4 {
		font-size: 20px;
	}
	.casestudy-hidden-text{
		display: block;
	}
 .line-distance{
	margin-top: 24px !important;
	font-size: 16px !important;
}
.capability-img {
	width: 50px;
}
.emailbox {
	border-left: none !important;
}
.text-center-mobile{
	text-align: center;
}

.aboutus-banner .blog1box h3 {

   margin-right: 80px;}

   .case-studies .slick-prev {
	left: 60% !important;
}	
.case-studies .slick-prev, .case-studies .slick-next {
	top: 108%;
   }
 }

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

	.ind-wrapper {
		width: 100% !important;
	}
	.indcard-img {
	display: none;
	}
	
	.tech-wrapper-overlay h4 {
		font-size: 16px;
	}
	  .agilebox{
		  min-height: 354px;
	  }
	  .cs-wrapper .bighd h3 {
		font-size: 18px;}
	  
	  .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
		  font-weight: 300;
	  }
	  
	  .platforms .agilebox{
			min-height: 300px;
		}
	  
	  .platforms .agilebox h4{
		font-size: 18px;
		}
	  
	   .digital-tab-content ul{
		 padding: 0 0 0 20px;
	 }
	  .digital-trans .accordion__label {
		  font-size: 14px;}
	  .digital-trans .accordion__content__text {
 margin-left: 0;
}
.digital-tab-content ul li{
	
	font-size: 18px;
	
}
	  
	.agilebox h3 {
		font-size: 18px;}
	  
	  .agilebox h3 span {
    font-size: 31px;}
	  
	  

	    .keytosuccess2 .card-header{
		    padding:15px;
	  }
	   .industry-text-overlay {
		 padding: 40px;
	 }
	
	  
	  	 .bigtext {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 300;
}
	  .card-header h3 {
    font-size: 18px;
    margin: 10px 8px;}
	
	.card-header h4 {
    font-size: 16px;
    margin: 30px 8px;
}
	
	  .card-header p {
    margin: 0px 8px 10px 8px;
	font-size:14px;
	font-weight:300;
}
	   .blog-content {
    padding-right: 0;
}
	  .blogcard .card-desc {
    opacity: 0;
        padding: 0 8px 10px !important;
    line-height: 18px !important;
    line-height: 12px !important;
}

	  .mb8{
	margin-bottom: 60px;
}
.mb5{
	margin-bottom: 30px;
}
	  
	  .blog1-banner {
    padding-top: 150px;
    padding-bottom: 50px;
}
	  
	  	 		   .topics-title{
	padding:15px 10px 5px;
	background: #000000;
}
.topic-bg{
	padding: 10px 10px;

}
	  .topic-links{
	padding: 0 10px;
	
}
	  	  .topic-links p{
	 font-size: 14px;
}
	  .topic-bg ul{
		  padding: 0;
		  margin: 0;
	  }
	    .topic-bg ul li{
		  padding: 0;
		  margin: 10px 20px;
			font-size: 14px;
	  }
	  
	  
	   .talent {
		 background: none;
	 }
	  	 .marque {
		 font-size: 20px;}
	  
	  .casestudy-section2{
	background-size: cover
	
}
	  .case-studies .slide{
	padding:0;
}
	  .project-results {
		  padding: 0 40px 40px 40px;
	  }
	  
	  	 .project-results h3 span {
 margin: 0 auto 40px;
   
}
.project-goals {
	padding: 0 40px 60px;}
	  
	  .project-goals h3{
	margin-left: -40px;
		  padding-left: 40px;}
	  
	   .casestudy-text{
		 font-size: 16px;}
	  
	  
	  p{
		  font-size: 14px;
	  }
	  	.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
			font-size: 12px;
}
	  /*.hero-text{
		  margin-left: 10%;
	  }*/
	  .blog1box {
  background-size: 100% 100%;
		  padding: 20px;
	  min-height: 275px;
	  
	  }
	  .card-wrapper{
		      column-gap: 0.5em;
		  margin-left: -10px;
		   margin-right: -10px;
		  min-height: 350px
	  }
	  .blog1box p {
    font-size: 20px;
    margin-bottom: 15px;
}
	  .blog1box h4 {
    font-size: 16px;
    font-weight: 300;
		  margin-bottom: 20px;}
	  .talent-grid {
		  width: 98%;
    padding-top: 100px;
     grid-template-columns: 33.3% 33.3%  33.3%;
	      column-gap: 10px;
	  }
	 .infobox .talent-card, .userbox .talent-card{
		  padding: 10px;
	  }
	  .talent-text {
    font-size: 15px;
}
	  .talent-grid{
		  height: 320px;
	  } 
	  .readmorelink{
		  font-size: 12px;
	  }
	  .ino-box {

    bottom: 0;
}
	  .blog-card-wrapper {
    width: 100%;
}
	  .ino-box2{
		  width: 70%;
	  }
	  .ino-box3, .ino-box6, .ino-box7{
		  padding: 0;
	  }
	  .user-grid {
    width: 100%;
    margin: auto;
  
}
	  .section-title{
		  margin-bottom: 10px;
	  }
	  .nav-pills .nav-link {
		  font-size: 11px;
		      padding: 10px 10px;
	  }
	  .ecomtext ul {
		  font-size: 12px;
	  }
	  
	  .ecom-overlay {
		   font-size: 14px; 
		  
	  }
	  .infobox .t-card-hd, .userbox .t-card-hd  {
    font-size: 16px;
    padding-bottom: 4px;
 margin-bottom: 10px;
    line-height: 15px;

}
	  
	  .userbox .talent-card {
    height: 157px;
}
	  .ino-box4{
		  height: 168px;
	  }
	  .ecommerce-grid{
	
	grid-template-columns: repeat(2, 1fr); 

}
	  
	  .heading2 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 20px;
}
	  
	 .industries-grid{
	width: 100%;
	  }
	  
	  .circle-text{
	width: 150px;
	height: 150px;
	
}
	  .circle-text p{
		  margin-top: -15px;
	  }

.number{
	font-size: 50px;
	margin-top: 20px;
}

.growth{
	font-size: 14px;
margin-top: 20px;
}

	  .sectionpadd {
    padding: 50px 0;
}
.footer-hd{
	font-size: 16px;
}
	  
	   .surecafe-banner{
background-size: cover;
		   height: auto;
}
.surecafe-banner .hero-text h1{
	font-size: 2.5rem;
	padding-right: 40px;
	margin-top: 60px;
}
.surecafe-logo{
	padding: 0 10px;

}
	  .surecafe-banner h3 {
		  font-size: 26px;}
	  
	  .talent-acquisition {
			   background-size: cover;
		   }
	  .tiuwhitelogo {
		   width: 150px;
    margin-right: 50px;
}
	  .card-header button {
 
		  font-size: 20px;
	  }
	  	   .yourneed-tabs .tab-pane{
	font-size: 16px;
			   padding-left: 0

}

.yourneed-tabs .nav-pills .nav-link{
	font-size: 18px;
	padding: 10px 20px;

}
	   .need-card {
    width: 75%;
    margin: auto;
		         margin-bottom: 60px;
   
}
	 .need-card h5{
		 font-size: 16px;
	 }
	  		   .blogbox2{
	margin: 10px 0;
}
			   .case-studies{
	margin-top: 50px;
}
	  .navbar-brand {
    width: 90px;
    height: auto;
}
	  
	  .hero-text {
  margin-top: 10px;
    height: 177px;
}
	  .card:hover{
		  background-size: cover;
	  }
	  .talent-card:hover{
	height: 320px;

}
	  .talent-grid .bluebg:hover{
height: 320px;
    width: 100%;
}
	  
	  .userbox .talent-card:hover {
    height: 250px;
}
	.blog-card-text{
	width:100% !important;
	}  
	  .centerlogo {
    margin-top: 1%;
}
	   .keytosuccess .nav-pills .nav-link {
			   font-size: 18px;
		   }
	.right-nav ul li {
    padding: 10px 5px 10px 13px;

}
	  .right-nav ul li.active{
	background: none;
}

.capability-text{
	font-size:24px;}
	.capability-img {
		width: 60px;
	}
	.case-studies .slick-prev, .case-studies .slick-next {
		top: 113%;
	   }
	.case-studies .slick-next {
		right: 40px;
	}	
	.case-studies .slick-prev {
		left: 80% !important;
	}	
	.blog1box p {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.aboutus-banner .blog1box h3 {
		font-size: 19px;}
		.blog1box p {
			font-size: 12px;
			margin-bottom: 15px;
		}
		.ind-text {
			color: #cccccc;
			margin: 20px;
			font-size: 12px;
		}
		.ind-wrapper h4{
			font-size: 16px;
		}
	
		
		
		.ind-wrapper .circle-arrow {
	
			bottom: 10px;
			right: 10px;
			transition: all .5s ease-in-out;
			width: 20px;
		}
		.ind-wrapper:hover .circle-arrow {
		right: 10px;
		}
		.innerpagebg {
			margin-bottom: -1px;
		}
}


	   @media (min-width:992px) and (max-width:1199px) {

		.innerpagebg {
			margin-bottom: -1px;
		}

		.ind-text {
	
			font-size: 14px;
		}
		.ind-wrapper h4{
			font-size: 18px;
		}

		.cs-wrapper .bighd h3 {
			font-size: 24px;}

		.blogcard-wrapper {
			
			min-height: 317PX;
		}

		.blog1box p {
			font-size: 14px;
			margin-bottom: 15px;
		}

		.case-studies .slick-next {
			right: 45px;
		}	
		.case-studies .slick-prev {
			left: 85% !important;
		}	

		
		
		.capability-text{
			font-size:30px;}
			.capability-img {
				width: 100px;
			}
		     .platforms .agilebox{
			min-height: 380px;
		}
	  
	  .platforms .agilebox h4{
		font-size: 18px;
		}
		   		
		   .agilebox h3 {
		font-size: 22px;}
		   
		   .industry-text-overlay h4 {
			   font-size: 22px;}
		   
		   .keytosuccess .nav-pills .nav-link {
			   font-size: 20px;
		   }
		   .need-card h5 {
			   font-size: 17px;}
		   .need-card-overlay p {
			   font-size: 14px;}
		   
		    .industry-text-overlay {
		 padding: 30px;
	 }
	
		   
		   .talent-card {
    padding: 20px;
		   }
		   .talent-text {
    font-size: 17px;
}
		   .ino-box4{
			   height: 204px;
		   }
		    .blog-content {
    padding-right: 20px;
}
		   
		   	  .mb8{
	margin-bottom: 70px;
}
.mb5{
	margin-bottom: 40px;
}
		   
		   	  .blog1-banner {
    padding-top: 150px;
    padding-bottom: 50px;
}
	.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
		   
		   .hero-text {
 margin-left: 7%;
}
		   .hero-text p {
    font-size: 18px;
}
		   .card-wrapper{
			   margin-top: -75px;
		   }
		   .rotateIn {
    position: absolute;
    left: 165px;
    top: 35px;
			   width: 125px;}
		   
		   .hero-text h1 {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 46px;
}
		.user-grid {
    width: 100%;   
		   
		   }
		   	  .ecommerce-grid{
	
	grid-template-columns: repeat(2, 1fr); 

}
		   .growth {
			   font-size: 18px;}
		   
		   .sectionpadd {
    padding: 80px 0;
}
		   .footer-hd{
	font-size: 18px;
}
		   .surecafe-banner{
			   height:auto;

}
		   .talent-acquisition {
			   background-size: cover;
		   }
.surecafe-banner .hero-text h1{
	font-size: 2rem;
	padding-right: 40px;
	margin-top: 100px;
}
.surecafe-logo{
	padding: 0 10px;

}
		   
		   .yourneed-tabs .tab-pane{
	font-size: 20px;

}

.yourneed-tabs .nav-pills .nav-link{
	font-size: 22px;

}
		   .blogbox2{
	margin: 10px;
}
		   .case-studies{
	margin-top: 80px;
}
		   
		   .topics-title{
	padding:15px 20px 5px;
	background: #000000;
}
.topic-bg{
	padding: 10px 20px;

}

.svg-anim {
    position: relative;
   top: 10px;
    height: 300px;
}
	.text {
   top: -64px;
    left: -16px;
		   
		   }
		   	 .bigtext {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;

}
		   
	   }
	   
		   
		 @media (max-width:380px) {
			 
			 .benefits-txt ul{
				 font-size: 14px;}
			 
		   .blogbox2{
	margin: 10px 10%;
}

 .card-header{
	  padding:0;
	  }
	  
	  .card-header h3 {
    font-size: 18px;
    margin: 25px 15px 40px !important;}
	
	.card-header h4 {
    font-size: 16px;
    margin: 30px 15px;
}
	
	  .card-header p {
    margin: 0px 15px 10px 15px;
	font-size:14px;
	font-weight:300;
}
	   .blog-content {
    padding-right: 0;
}
	  .blogcard .card-desc {
    opacity: 0;
    padding: 0 15px 10px !important;
    line-height: 18px !important;
    line-height: 12px;
}

			 .keytosuccess .card-header h4{
				 margin: 0 10px;
				 padding: 15px 0;
			 }
	
	
			 }
		 
		 
		 
		 @media (min-width:1200px) {
			 .mt30{
				 margin-top: 30px !important;
			 }
			 
			 }



		 .mb30{
	margin-bottom: 30px;
}
.mb50{
	margin-bottom: 50px;
}
.ml0{
	margin-left:0;
}
.no-border{
	border:none !important;
}
.no-bg{
	background: none;	
}


.card-wrapper2{
	margin-top: 50px;
}
.aboutus-banner{
	background-size: 100%;
	margin-top:56px;
}
.orange-color{
	color:#FD5F07!important;
}

.hero-text  .breadcrumb-box p{
	font-size: 14px !important;
	color: #cccccc;
}