html {
  scroll-behavior: smooth;
}
.content-mar{
margin-top: 3%;
}
.rowClass .row{
    margin-right: 0px !important ;
}
.rowClass1 .row{
    margin-right: -15px !important ;
}

nav .navbar-nav li a{
  color: black !important;

  font-family: Century Gothic !important;
  font-weight: normal ;
  font-size: 14px !important;

 
  }
     a.nav-link.link-col{
  color: white !important;

  font-family: Century Gothic !important;
  font-weight: normal ;
  font-size: 14px !important;

 
  }
  .scrolled a.nav-link.link-col{
  color: black !important;


}

nav .navbar-nav li a.active{
  color: #0985B4 !important;
  font-weight: bold;
}

  ul{
     margin-right: 20px;
  }

  
.contentClass{
	margin-top: 42%;
}


.btn-pad,.btn-pad:focus,.btn-pad:hover
{
 
 font-weight: bold;
 color: white;
 background-color: #0985B4;
 font-size: 18px;
 text-align: left;

outline: none !important;

border-radius:10px;

}
.btn-pad:focus{
    background-color:#012E7A !important;
    box-shadow:none !important;
}
.font-fan{
	font-family: Segoe UI;
	
}

.font-par{
	font-size: 13px;
	font-family: Century Gothic;
	margin-top: 2%;
}

.readMoreClass,.readMoreClass:hover {
  color: white !important;
  font-size: 13px;
  border: 1px solid #827c7c;
  background-color: #313131;
  padding: 2px 5px;
  padding-right: 1px;
 cursor: pointer;
text-decoration: none !important;

  
}

/*.readMoreRed{*/
/*	border-left: 5px solid #E1E1E1 ;*/
/*}*/

/*.readMoreBlue{*/
/*	border-left: 5px solid blue ;*/
/*}*/

/*.readMoreGreen{*/
/*	border-left: 5px solid green ;*/
/*}*/


.readMoreRed:hover {
 border-left: 5px solid #F85500 ;
}

.readMoreBlue:hover {
  border-left: 5px solid #1486F8 ;
}

.readMoreGreen:hover {
  border-left: 5px solid #14F83A ;
}
.readMoreRed {
	border-left: 5px solid #E1E1E1 ;
}

.readMoreBlue {
	border-left: 5px solid #E1E1E1 ;
}

.readMoreGreen{
	border-left: 5px solid #E1E1E1 ;
}

#myBtn{
  color: green;
   text-decoration: none;
   font-size:13px;
   font-weight:600;
   font-style:italic;
   padding:4px;
}

.font-paragraph
{
	
	font-size: 16px;
	font-family: Century Gothic;

	padding-top: 2%; 

}
.paddinglr0{
  padding-left:0px !important;
  padding-right:0px !important;
}

.cardClass {
  background: #F4FBFE !important;
  box-shadow: 1px 1px #d4d3d3;
  border-top: 0px;

  border-left: 0px;

  border-radius: 20px;
}

.cardClass > .card-body {
  min-height: 200px
}

.mar-b{
     margin-bottom: -3px;

}



.navbar{
  position: fixed;
  
  top: 0;
  left: 0;
  height: 5em;
  width: 100%;
  
  z-index: 50;
  background: transparent;

 
}
.scrolled{
  background-color: white;
  box-shadow: 0px 2px 10px #b1b1b1;

}



.ml-slide{

	margin-left: 8%;


}

.fa-icon-left{
	color: #0B0244;
	
}

.fa-icon-right{
	color: #0B0244;
	margin-right: 0px;
}

.carousel-inner{
width: 75%;

	margin-left: 12%;
}
.carousel-indicators li {
    width: 5px;
    height: 5px;
    border-radius: 100%;
}




.btn-style{
  background-color: #0985B4;
  border-radius: 44px;
  color: white;
  font-family: Century Gothic;
  font-weight: bold;
  
  font-size: 16px;
  width: 70%;
  height: 40px;
  margin-left: -30px;
  margin-top: 10px;
  border: none;

  outline: none !important;
}



.icon-align{
	margin-right: 15px;
	margin-top: 0px;
	height:32px;
}

.icon-align1{
	margin-right: 15px;
	margin-top: 5px;
}

.text-font{

	font-family: Century Gothic;
	font-size: 50px;
	color:#212121;
}
.mar-top{
    margin-top:37px;
}

.mt-b{
  margin-top: 10%;
}

.mt-b1{
  margin-top: 1%;
}

.service-p{
	font-size: 13px;
	font-family: Century Gothic;
	font-weight: normal;
	padding-top: 10px;
}
.btn-style1{
  background-color: #F4FBFE;
  border-radius: 44px;
  color: #0985B4;
  font-family: Century Gothic;
  font-weight: bold;
  padding-left: 20px;
  font-size: 16px;
  width: 85%;
  height: 40px;
  margin-top: 15px;
  text-align: left;
  box-shadow: 3px 5px 12px #00000029;
    outline :none !important;


}

.btn-style11{
  background-color: #F4FBFE;
  border-radius: 44px;
  color: #0985B4;
  font-family: Century Gothic;
  font-weight: bold;
  padding-left: 20px;
  font-size: 16px;
  width: 100%;
  height: 40px;
  margin-top: 15px;
  text-align: left;
  box-shadow: 3px 5px 12px #00000029;
    outline :none !important;


}

.btn-style22{
  background-color: #F4FBFE;
  border-radius: 44px;
  color: #0985B4;
  font-family: Century Gothic;
  font-weight: bold;
  padding-left: 20px;
  font-size: 16px;
  width: 85%;
  height: 40px;
  margin-top: 15px;
  text-align: left;
  box-shadow: 3px 5px 12px #00000029;
    outline :none !important;


}


.btnStyleActive {
  background: #0985B4;
  color: #FFFFFF;
    outline :none !important;
}

.faEACRIcon, .faEACDIcon, .faOCCRIcon, .faOCCDIcon  {
  font-size: 24px !important
}

.btn-style1 > .faEACRIcon, .btn-style1 > .faOCCDIcon  {
  display: none
}

.btn-style11 > .faEACRIcon, .btn-style11 > .faOCCDIcon  {
  display: none
}

.btn-style22 > .faEACRIcon, .btn-style22 > .faOCCDIcon  {
  display: none
}

.btn-style1 > .faEACDIcon, .btn-style1 > .faOCCRIcon {
  display: block
}

.btn-style11 > .faEACDIcon, .btn-style11 > .faOCCRIcon {
  display: block
}

.btn-style22 > .faEACDIcon, .btn-style22 > .faOCCRIcon {
  display: block
}

.btnStyleActive > .faEACRIcon, .btnStyleActive > .faOCCDIcon {
  display: block !important
}

.btnStyleActive > .faEACDIcon, .btnStyleActive > .faOCCRIcon {
  display: none !important
}
#more {display: none;}


.service-p1{
  font-size: 13px;
  font-family: Century Gothic;
  font-weight: normal;
 


}
.mt-p{
 margin-top: 20%;
}
.mr-p{
 margin-top: 10%;
}


.penelContent{
  margin-left: 5%;
  margin-top: 10%;
  font-family: Century Gothic;
  border: 3px solid black;
  border-radius: 25px;
  padding: 20px;
  text-decoration: none;
}

.mar-branch{
    margin-top:2.6rem !important;
}


.footerClass{
  background-color: #212121;
  color:white;
 

}
.footer-pad{
    padding-left:3rem;
}
.carousel-control-prev {
     left: -4px;
    z-index: 0;
}
.carousel-control-next {
    right:-1px;
    z-index: 0;
}
.fontSizeFifteen {
  font-size: 15px
}
.fontSizefourteen {
  font-size: 14px
}
.fontSizethirteen{
    font-size: 13px;
}
.footer-hr{
  border-right: 2px solid #707070;
    margin-top: 20px !important;

}

.mt-c{

  margin-top: 10%;
}

.form-bg-color{
  background-color: #E1E1E1;
  font-family: Century Gothic;
}

.text-al{
  margin-top: 10px;
}



.input-boarder{
  border-radius: 20px;
}

.send{
  font-family: Century Gothic;
  background-color: #0985B4;
  font-size: 20px;
}

.career-bg{
 
  background-image: url("../images/career.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment:fixed;

}

.apply-boarder{

  border-radius: 30px;
   font-family: Century Gothic;
  background-color: #0985B4;
  font-size: 20px;
  color: white;
  opacity: 0.79;
  width:75%;

  }

  .apply-now{
    color: white;
    font-weight: bold;
    font-family: Century Gothic;
    opacity: 1;
    font-size: 35px;
    margin-top: 75%

  }


.card-now{
  margin-top: 15%

}




.accordion .card-title:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 

    margin-right: 20px;

    margin-top: 2px;
   

}

.accordion .card-title.collapsed:after {
   
    content: "\f067"; 
    


}

.card-align{
  text-align: left;
  font-weight:500;
}

.card-border{
 border-radius: 8px;
 width: 70%;
 cursor: pointer;
}


.card-title{


  font-size: 15px;

}
.card-title.fontSizeSeventeen{
  font-size:17px;
  font-weight: bold;
}

.card-p-class{
  font-size: 12px;
}
.card-p1-class{
  font-size: 12px;

}

.bg-wa-color{
    
    background-color:#F8FDFF;
}


.myParagrap{
  font-family: Century Gothic;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 12px;

}

.locationClass {
    color: #777070;
}


.card-tl.collapsed{
    margin-top:1% !important;
}
.card-tl{
    margin-top:3% !important;
}



@media screen and (max-width: 600px) {
 ul {
    background-color: white;
    
    display: block;


  }
}

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

  .card-border{
 
 width: 100%;

}

}



 .btn i.faCIcon {
   
   display: block !important;

}
 .btn i.faRIcon {
   
   display: none !important;

}



  .btn.collapsed i.faRIcon{
   
 
    display: block !important;
    
}
 
  .btn.collapsed i.faCIcon{
   
 
    display: none !important;
    
}



.card-locate.collapsed span.jobkeyClass{
  display: inline !important;
}

.card-locate span.jobkeyClass{
  display: none !important;
}

.card-locate.collapsed span.locationClass{
  display: inline !important;
}

.card-locate span.locationClass{
  display: none !important;
}


::placeholder { 
  color: #EEF0F3;
 
}


/*<!--Mobile Responsive-->*/

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


.or1{order: 2;
}
.contentClass{
  margin-top: 1rem;
}

.or2{order:3;}
.or3{order: 1;
    margin-top: 4.5rem;}


.navbar{
  background:white;
}

ul.navbar-nav{
    width:30%;
    padding-right:2px;

}
 
 .footer-hr{
  border-right: none ;
 

}

 a.nav-link.link-col{
  color: black !important;

  font-family: Century Gothic !important;
  font-weight: normal ;
  font-size: 14px !important;

 
  }
}

/*form*/

.formapply{
  margin-left: 10px;
}

.upload-file{
font-family:   Century Gothic;
font-size: 20px;
font-weight: bold;
}
.hideme{
 display: none;
}
.browselab{
  
  padding: 0px;
  padding-right: 10px;
  padding-left: 10px;
  background-color:#0B0244; 
  color:white;
  font-family:   Century Gothic;
 font-size: 20px;
 font-weight: bold;
}


.applybtn{
  width: 30%;
  margin-left: auto;
  margin-right: auto;

}

.modal-content{
  background-color: #E1E1E1;
  
}
#trending_technologies > ul > li{
	border: none !important;
	padding: 5px 10px !important;
}
.btnWdh{
	width: 83% !important;
}
.btnWdhNew{
	width: 50% !important;
	border-radius: 44px !important;
}
.btn-SubTree, .btn-SubTree:focus, .btn-SubTree:hover{
	background-color: #defffb;
    color: #067098;
	font-size: 15px;
    text-align: left;
    outline: none !important;
    border-radius: 10px;
}
.alignJustify{
	text-align: justify;
	text-indent: 30px;
}
body{
	font-family: Century Gothic !important;
}
.alert-success{
	text-align:center !important;
}
.card1{ 
  background-image: url("../images/googleCloud/Cloud_Spanner.png");
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 20px #191a1a4a;
  cursor: pointer;
  background-position: center; 
}
.card:hover{
	cursor: pointer;
	box-shadow: 2px 2px 40px #191a1a4a;
}
.card2{ 
  background-image: url("../images/googleCloud/databasemigration.png");
  background-size: 130px;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 20px #191a1a4a;
  cursor: pointer;
  background-position: center; 
}
.card3{ 
  background-image: url("../images/googleCloud/applicationMigration.png");
  background-size: 130px;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 20px #191a1a4a;
  cursor: pointer;
  background-position: center; 
}
.card4{ 
  
  background-size: 130px;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 20px #191a1a4a;
  cursor: pointer;
  background-position: center; 
}
.card5{ 
  
  background-size: 130px;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 20px #191a1a4a;
  cursor: pointer;
  background-position: center; 
}
.healthcareCard{
	border: 1px solid rgb(20 96 165);
	border-radius: 0px !important;
	box-shadow: none !important;
}
.healthcareCardHeader {
    background-color: rgb(20 96 165);
    border-bottom: 1px solid rgb(20 96 165);
	border-radius: 0px !important;
	color: white;
}
.healthcareCardBodyContent{
	font-size:15px;
	font-weight:600;
}