@import url(https://fonts.googleapis.com/css?family=Cinzel+Decorative:400,900);

html{scroll-behavior:smooth;}
/*Home */
.col-md-offset-2{
	max-width:75% !important;
}
.contact-parent{
	background:#FAF1F1;
	min-width:100%;
}
.contact-parent .ContactForm{
	background:#ffffff;
	padding:10px;
	border-radius:10px;
	margin-bottom:10px;
	margin-top:10px;
}
.give-bordr-line{
	border-right:1px solid pink;
}
.contact-parent .cont-sub-heading{
	color:orange;
	padding-top:20px;
	padding-bottom:20px;
	font-size:14pt;
}
.contact-parent .color-black{
	color:black;
}
.contact-parent .cnt-make-imp-div{
	color:red;
	font-weight:100;
}
.contact-parent .cnt-apply{
	background:green;
	font-size:14pt;
	text-align:center;
	padding:10px;
	padding-right:30px;
	padding-left:30px;
	border-radius:8px;
	border:none;
	color:white;
}
.make-shadow-bg{
	min-width:100%;
	max-width:100%;
	background: linear-gradient(to right, white 90%,silver);	
}

@media screen and (max-width:620px){
	.make-shadow-bg .col-sm-12{
		min-width:100%;
		padding-top:1%;
		padding-bottom:1%;
	}
	.make-shadow-bg .main-title-caption{
		font-size:10pt;	
		text-align:center;
	}
	.make-shadow-bg .top-social-icons{
		display:none;
	}
	.Heading{
		font-size:18pt !important;
	}
	.service-name{
		font-size:11pt !important;
	}
}
.container{
	padding-top:1%;
}
.menu-bg{
	max-height:100px;
	background: #091f42 !important;
}
.main-logo{
	height:55px;
	width:150px;
}
@media (max-width: 500px) {
	.main-logo{
		min-width:100% !important;
		min-height:60px !important;
	}
}
.top-social-icons{
	margin-top:0.2%;
	bottom:0%;
}
.main-title-caption{
	font-size:20pt;
	text-align:center;
	font-style:italic;
	padding-top:1.5%;
	color: #008000;
}
.top-social-icons i{
	background:black;
	font-size:12pt;
	color:white;
	border-radius:100%;
	padding:6px;
	height:30px;
	width:30px;
	text-align:center;
}
.mt-in-m{
	margin-top:-0.2%;
}
.just-some-clients{
	min-height:70px;
	background:black;
}
.just-some-clients .first-one{
	color:white;
	line-height:50px;
}
.home-some-clients-list{
	max-height:50px;
	min-height:50px;
	max-width:70px;
	min-width:70px;
	padding-top:2px;
	margin-right:50px;
}

/*Services in Home */
.services-in-home{
	padding-bottom:5%;
}
.services-in-home .first-second,.services-in-home .second-second, .services-in-home .third-second{
	-webkit-box-shadow: 0 15px 20px -10px #000000;
    -moz-box-shadow: 0 15px 20px -10px #000000;
    box-shadow: 4 2px 2px 4px #000000;
	border:4px 2px 2px 4px solid silver;	
}
.services-in-home .img-services-in-home{
	max-width:100%;
	min-width:100%;
	min-height:200px;
	max-height:200px;
}
.img-services-in-home-1{
	background-color: white;    
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
	background:url(../images/services/thumbnail/Service1.jpg);
}
.img-services-in-home-1:hover{
	background:url(../images/services/thumbnail/Service-1.jpg);
	background-color: white;    
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}
.services-in-home .first{
	
}
.services-in-home .service-name{
	background: linear-gradient(to bottom, white 4%,silver);	
	font-size:16pt;
	text-align:center;
	color:black;
	font-weight:500;
	padding-top:5px;
	padding-bottom:5px;
}
.services-in-home .ser-desc{
	text-align:justify;
	font-size:10pt;
	padding:10px;
	height:160px;
}
@media screen and (max-width:500px){
	.services-in-home .ser-desc{
		height:250px;
	}
	.services-in-home .make-fw-ss{min-height:510px;}
}
.read-more-btn{
	background:#d44a17;
	font-size:13pt;
	border-radius:6px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
.read-more-btn>a{
	text-decoration:none;
	color:white;
	font-weight:bold;
	line-height:20px;
	padding-bottom:10px;
 }
 .read-more-btn>a:hover{
	 color:blue;
 }
 
 /*What we Have*/
 .what-we-have{
	background:#1a0202;
	padding-bottom:5%;
 }
 @media screen and (min-width:501px){
	 .what-we-have .fl-right{
		float:right; 
	 }
 }
 @media screen and (max-width:500px){
	 .what-we-have .fl-right{
		text-align:center;
	 }
	  .what-we-have .fl-left{
		text-align:center;
	 }
 }
.what-we-have .center{
	 text-align:center;
	 font-size:18pt;
	 color:white;
	 font-weight:bold;
	 padding-top:20px;
 }
 .what-we-have .center-1{
	 font-size:14pt;
	 text-align:center;
	 color:white;
	 padding-top:2%;
	 padding-bottom:2%;
 }
 .what-we-have .first-why{
	 color:orange;
 }
 .what-we-have .some-text .first{
	 font-weight:bold;
 }
 .what-we-have .fas{
	 color:orange;
	 border-radius:100%;
	 height:50px;
	 width:50px;
	 padding:10px;
	 text-align:center;
	 line-height:25px;
	 border:2px solid white;
	 border-bottom-color:white;
	 border-top-color:white;
	 border-left-color:white;
	 border-right-color:white;
}
.what-we-have .first{
	color:white;
}
.what-we-have p{
	color:white;
}
.what-we-have .button{
	padding-top:10px;
	padding-bottom:10px;
	font-size:14pt;
	max-width:300px;
	text-align:center;
	background:orange;
}
.what-we-have .button a{
	color:white;
	padding:5px;
}
@media only screen and (max-width: 767px) {
	.what-we-have .container .col-lg-4{
		min-width:300px !important;
		text-align:center;					
	}
	.what-we-have .fl-right p{
		margin-left:-5%;		
	}
	.footer .bold{
		font-size:12pt !important;
	}
}
 /*What we Have*/
 
 .have-question{
	 min-height:100px;
	 padding-top:20px;
	 padding-bottom:20px;
 }
 .have-question .fas{
	 font-size:44pt;
	 line-height:62px;
 }
 .have-question .bold{
	 color:black;
	 font-weight:bold;
 }
 .have-question .no-bold{	 
	 color:black;
 }
 
 
 /*Footer*/
 .footer{
	 background:#091f42;
	 padding-top:30px;
	 padding-bottom:30px;
 }
 .footer h3.bold{
	 color:white;
	 font-size:13pt;
	 margin-bottom:10px;
 }
 .footer p, .footer a{
	 padding-top:0px;
	 padding-bottom:0px;
 }
 .footer li{
	 list-style-type: none;	 
 }
 .footer li>a{
	color:silver;	
 }
 @media screen and (min-width:777px){
	.footer li{
		margin-left:-19%;
	}
 }
 
 @media screen and (min-width:100px) and (max-width:776px){
	.footer li{
		margin-left:-6%;
	}
 }
 
.footer .footer-social-icons .fab{
	color:white;
	background:orange;
	font-size:12pt;
	color:white;
	border-radius:100%;
	padding:6px;
	height:30px;
	width:30px;
	text-align:center;
}
.footer-copyright{
	background:orange;
}
.footer-copyright p{
	color:black;
}
.footer-copyright .copy-right-content a{
	color:white;
}
 /*Footer*/
 
 
 
 /*Overview*/
 .overview-top-banner{
	 background:url(../images/banner/overview.jpg) center;
	 min-height:300px;	 
 }
 .overview-top-banner .make-layer{
	 background:rgb(0,0,0,0.4) !important;
	 min-width:100%;
 }
.overview-body-first{
	 min-height:80px;
	 min-width:100%;
	 background:silver;
 }
.overview-body-first p{
	 font-size:13pt;
	 line-height:70px;
	 color:black;
	 text-align:center;
 }
 .overview-body-first a{
	 color:blue;
	 text-decoration:underline;
 }
 .overview-body{
	 max-width:85%;
 }
 .overview-body .heading{
	 font-size:15pt;
	 color:blue;
	 text-align:center;
	 padding-top:20px;
	 padding-bottom:20px;
 }
 .overview-body .desc{
	 text-align:justify;
	 font-size:12pt;
	 color:#333333;
 }
 
.overview-body span {
  display: inline-block;
  position: relative;
}
.overview-body span:before,
.overview-body span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid blue;
  border-top: 1px solid blue;
  top: 0;
  width: 100px;
}
.overview-body span:before {
  right: 100%;
  margin-right: 15px;
}
.overview-body span:after {
  left: 100%;
  margin-left: 15px;
}
@media screen and (max-width:600px){
	.overview-body{
		margin-left:4%;		
	}
	.overview-body .heading{
		font-size:11pt;
	}
	.overview-body .desc{
		font-size:9pt;
	}	
	.overview-body span:before,
	.overview-body span:after {
	  width: 30px;
	}
}

/*Company Overview*/
 /*Overview*/
 .company-overview-top-banner{
	 background:url(../images/banner/CompanyOverview.jpg) center;
	 min-height:300px;	 
 }
 .company-overview-top-banner .make-layer{
	 background:rgb(0,0,0,0.4) !important;
	 min-width:100%;
 }
.company-overview-body-first{
	 min-height:80px;
	 min-width:100%;
	 background:silver;
 }
.company-overview-body-first p{
	 font-size:13pt;
	 line-height:70px;
	 color:black;
	 text-align:center;
 }
 .company-overview-body-first a{
	 color:blue;
	 text-decoration:underline;
 }
 .company-overview-body{
	 max-width:85%;
 }
 .company-overview-body .heading{
	 font-size:15pt;
	 color:blue;
	 text-align:center;
	 padding-top:20px;
	 padding-bottom:20px;
 }
 .company-overview-body .desc{
	 text-align:justify;
	 font-size:12pt;
	 color:#333333;
 }
 
.company-overview-body span {
  display: inline-block;
  position: relative;
}
.company-overview-body span:before,
.company-overview-body span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid blue;
  border-top: 1px solid blue;
  top: 0;
  width: 100px;
}
.company-overview-body span:before {
  right: 100%;
  margin-right: 15px;
}
.company-overview-body span:after {
  left: 100%;
  margin-left: 15px;
}
@media screen and (max-width:600px){
	.company-overview-body{
		margin-left:4%;		
	}
	.company-overview-body .heading{
		font-size:11pt;
	}
	.company-overview-body .desc{
		font-size:9pt;
	}	
	.company-overview-body span:before,
	.company-overview-body span:after {
	  width: 30px;
	}
}
.overview-body .right-arrow{
	font-size:15pt;
	color:red;
}


/*Tabs*/
/* Style the tab */
.tab {
  overflow: hidden;
  min-height:50px;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: #0099ff;
  float: left;
  color:white;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 5px;
  transition: 0.3s;
  font-size: 17px;
  border-top:2px solid white;
  border-bottom:2px solid white;
  border-left:2px solid white;
  border-right:2px solid white;
}
.main-parent-or-tabs{
	margin-bottom:20px;
	border-top:1px solid black;
	border-bottom:1px solid black;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}
/*Tabs*/

.services-overview-body .container{
	max-width:85%;
}
.services-overview-body .container .col-lg-4{
	background:url(../images/banner/CompanyOverview.jpg) center;
	max-height:200px;
	min-height:200px;	
	border-right:1px solid white;
	margin-bottom:1px;	
	padding:20px;
}
.services-overview-body .make-bg-layer{
	max-height:100%;
	min-height:100%;
	background:rgb(0,0,0,0.4);
}
.services-overview-body .container h4{
	font-size:16pt;
	color:#0099ff;
	padding-top:10px;
	text-align:center;
}
.services-overview-body .container p{
	color:white;
	padding:10px;
}
.services-overview-body a{
	color:white;
	text-decoration:underline;
	font-size:12pt;
	padding-left:20px;	
}
.make-margin-top{
	margin-top:10px;
}
.make-margin-top .firt{
	padding-top:4%;
}
.col-md-offset-1{
	max-width:85%;
}
.services-mid-img{
	min-width:80%;
	max-width:80%;
	padding-top:10px;
	padding-bottom:10px;
}
.sup-services-mid-img{
	max-width:80%;
	min-width:80%;
	max-height:100%;
	min-height:100%;
}
.overview-body .matter{
	font-size:10pt;
	padding-top:2px !important;
}
.software-testing .matter{
	font-size:11pt;
}
@media screen and (max-width:600px){
	.software-testing{
		padding-left:10px;
	}
	.col-md-offset-1{
		max-width:95% !important;
	}
}
.side-heading{
	font-size:15pt;
	color:#0099ff;
}
.sub-side-heading{
	font-size:14pt;
	color:orange;
	border-bottom:2px solid orange;
}
.apply-button{
	background:#0099ff;
	border-radius:8px;
	font-size:12pt;
	text-align:center;
	color:white;
	padding:10px;
}



.no-icons li{
	list-style:none;
}
.for-add-color p{
	color:silver;
}
.pt-50{padding-top:50px;}
.pt-20{padding-top:20px;}
.bold{font-weight:bold;}
.scrolltop img{height:40px;width:50px;position:fixed;right:10px;bottom:10%;z-index:9999;}