body{
    margin: 0px;
}
html {
  scroll-behavior: smooth;
}
.ContactList {
    background: #d0c4c4;
    display: none;
    float: left;
    width: 100%;
    text-align: center;
}
.logoheader{
    float: left;
    margin-top: 11px;
    margin-left: 38px;
}
.ContactList ul li{
  display: inline-block;
  text-align: center;
}
.menu_bar> ul> li>ul>li {
background-color: #d4c9c9;
}
.menu_bar ul {
link-style-type:none;
}

.floatHandling {
    float: left;
    width: 100%;
   

}
.courses {
  position: relative;
    float: left;
    width: 100%;
      padding-bottom: 100px;
background-color: #f1f4fa;
}

.services p {
    text-align:justify;
}

.services,.clients {
    position: relative;
    float: left;
    width: 100%;
    background-color: #ffffff;
}

.footer li {
    text-align: justify;
}
.footer {
    background-image: linear-gradient(to right, #6976dd, #3240b8,#303eb4, #2938b6, #2334b6, #152284, #0b1779,#010e76);
}
.footer-logo {
    padding:15px;
    background-color:#7c88e6;
    border-radius:30px;
    box-shadow:0px 0px 5px 5px #303eb4;
}

.courseCard{
    border: 1px solid #010e76;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card{
  border: 1px solid #010e76;
  border-radius: 4px;
  padding:16px !important;
  overflow: hidden;
  box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
}
a {
    color: black;
    text-decoration: none;
}

a:hover 
{
     color:black; 
     text-decoration:none; 
     cursor:pointer;  
}
.overFlow{
  overflow:hidden;
}

.courseCard:hover{
    box-shadow: 0 4px 8px 0 rgba(27, 47, 207, 0.2), 0 6px 20px 0 rgba(27, 47, 207, 0.19);
}

.card:hover{
    box-shadow: 0 4px 8px 0 rgba(27, 47, 207, 0.2), 0 6px 20px 0 rgba(27, 47, 207, 0.19);
}
.comingSoonWrapper{
    background-image: linear-gradient(to right, #6976dd, #3240b8,#303eb4, #2938b6, #2334b6, #152284, #0b1779,#010e76);
    width: 100%;
    min-height: 100vh;
}
.comingSoon {
    font-weight: 500;
    max-width: 400px;
    width: 100%;
    /* float: left; */
    /* margin: 0 auto; */
    /* text-align: center; */
    padding-top: 50px;
    color: wheat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.comingSoon h2, .comingSoon p {
    font-size: 65px;

    color:white;
}
.comingSoon p {
    font-size: 26px;
}

.clientLogo p {
    position: absolute;
    text-align:center;
    
    bottom: 0px;
}
.footer a{
  color: white;
}
.footer a:hover,.menu_bar a:hover{
    color:#c7c7c7;
}
.content {
    float: left;
    width: 100%;
}
.upcomingWorkShop {
    position: relative;
    float:left;
    margin-left: auto;
    margin-right: auto;
    width:100%;
    background-color: #f1f4fa;
    padding-bottom:100px;
}
.services h2,.courses h2,.upcomingWorkShop h2 ,.clients h2{
    margin: 100px 0px;
    text-align: center;
}
.logo img {
    float: left;
    padding: 5px;
    margin-top: 3px;
    /* margin-left: 100px; */
    max-width: 143px;
    width: 100%;
}
.header{
    position: fixed;
    /* height: 50px; */
    width: 100%;
    float: left;
    z-index: 10;
    background-color: transparent;
}

.menu_bar {
    float: right;
}
ul{
  /*list-style-type: none;*/
  margin: 0;
  padding: 0;
}
.btn.btn-rounded.btn-small {
    padding: 5px 29px;
}
.btn.btn-rounded {
    border-radius: 50px;
}

.btn.btn-transparent-dark-gray {
    background: transparent;
    border-color: rgb(1, 14, 118);
    color: rgb(1, 14, 118) !important;
}
.btn.btn-small {
    font-size: 15px;
    padding: 4px 24px;
}
.btn-border {
  border: 2px solid rgb(1, 14, 118) ;
  font-weight: 600;
}
.btn:hover{
  color: white !important;
      background-color: rgb(1, 14, 118);
}
.viewMore {
    text-align: center;
}
.followUs li:not(:first-child) {
    display: inline-block;
    margin-bottom: 10px;
}

.menu_bar> ul> li,.socialNetwork ul li {
  float: left;	
  list-style: none;
}

.menu_bar ul{
  list-style-type: none;
}

 .clients img{
  width: 100%;
 }   
.menu_bar ul li a{
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 21px;
  text-decoration: none;
}
.menu_bar ul li:hover a {
    color: #c1c1c1;
    font-size: 16.5px;
}
.ContactStyle {
   color: #ffffff;
}
.floatLeft{
  float: left
}
.slider img {
    float: left;
    max-width: 9999px;
    width: 100%;
    top: 0;

}


.webDevelopment img {
    float: center;
    margin-left:auto;
    margin-right:auto;
    max-width: 9999px;
    width: 70%;
    top: 0;
    
}


.courses ul li {
  position: relative;
  /* border: 1px solid black; */
  display: inline-block;

  margin: 20px;
  vertical-align: top;
  /* width: 383px; */
}
.courses> ul> li >.info {
  width: 270px;
  background: #f3efef;
  padding: 10px;
  /* border-radius: 3px;
  border: 1px solid #e6e6e6; */
  box-sizing: border-box;
}

.services ul li {
  position: relative;
  /* border: 1px solid black; */
  display: inline-block;

  margin: 20px;
  vertical-align: top;
  /* width: 383px; */
}
.services> ul> li >.info {
  width: 372px;
  background: white;
  padding: 10px;
  /* border-radius: 3px;
  border: 1px solid #e6e6e6; */
  box-sizing: border-box;
}
.coursePadding{
  padding: 15px;
}
.info img {
  max-width: 550px;
  width: 100%;
}
.heading_02 {
    margin: 0px 0px 0px 0px;
    font-family: sans-serif;
    font-size: 25px;
    color: #010e76;
    text-align: center;
}

h1.heading_01 {
  margin: 15px 0px 10px 0px;
  font-family: sans-serif;
  font-size: 20px;
  color:  #010e76;
  text-align: center;
  padding: 0;
}
p.courseTextAlign {
    text-align: justify;
}
.info p {
    color: #373737;
  /* text-align-last: center; */
  
  padding: 0px;
  line-height: 24px;
}
.courses> ul> li >.info:hover {
  
  box-shadow: 0 5px 18px 9px rgba(0, 0, 0, 0.1);
}

.footer_container {
  padding: 5px 24px;
}
.copyRightNotice {
    margin-top:20px;
    margin-bottom:4px;
}

.footer li {
      font-weight: 550;
    margin-bottom: 10px;
}
.footer ul {
      list-style-type: none;
}

footer {
  float: left;
  padding-top:50px;
  padding-bottom:0px;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  background-color: #e6dede;
  color: white;
}

.footer_container {
  max-width: 1140px;
  padding: 5px 24px;
  margin: auto;
}

.test{
  width:300px;
  margin: auto;
  border: 1px solid red;
}

.socialNetwork {
  float: left;
  width: 25%;
}
.socialMedia {
  position: relative;
  float: right;
  right: 26px;
  top: 26px;
  border-radius: 50%;
  background-color: white;
  margin:2px
}
.trainingList {
    font-weight: 550;
    font-size: 20px;
    background: #d6c6c6;
    padding: 0px 34px;
    margin: auto auto;
    color: #756767;
}
.left_panel {
  float: left;
  width: 25%;
}


.services h2:before ,.courses h2:before,.upcomingWorkShop h2:before,.clients h2:before {
    display: block;
    position: absolute;
    top: 87px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 55px;
    height: 4px;
    content: '';
    background: linear-gradient(135deg, #6394ff 0%, #07047B 100%);
}





.socialNetwork b{
    font-size: 18px;
}

i.fa.fa-facebook-square ,i.fa.fa-instagram,i.fa.fa-twitter{
  font-size: 30px;  
  margin:0px 10px;
  padding: 3px;
}
i.fa.fa-facebook-square{
  color:	#3b5998;
}
i.fa.fa-instagram{
  color: #E1306C;
}
i.fa.fa-twitter{
  color: #38A1F3
}


@media screen and (max-width: 400px) {
  .menu  {
    float: none;
    width: 100%;
  }
}
.navbar-brand>img {
  /* display: block; */
  max-width: 101px;
  width: 100%;
}


.menu-icon i{
  display: none;
}

.imageContainer{
  overflow: hidden;
      text-align: center;
}
.offerDetail  {
    font-size: 16px;
    /* line-height: 20px; */
    color: #5a5a5a;
}
.img-circle{
  border-radius: 50%;
  width:267px;
  height: 236px;
}
b {
    font-size: 20px;
}
.main_header {
    font-weight: 600;
    font-size: 40px;
    background: #a29a9a;
    color: #fff;
}
.middle_header{
  font-weight: 300;
  font-size:29px;
}
.header_info{
  font-weight: 100;
}
.paraColor{
  background: #d6cfcf;
  color: #807171;
}
.tagLine{
  margin-top: 10px;
    font-size: 11px;
}

.borderBox{
  padding: 10px;
    box-shadow: 3px 3px 3px 3px #ece6e6;
    /* margin: 10px; */
    border: 1px solid #d4c6c6;
    text-align: justify;
}
@media only screen and (max-width: 830px) and (min-width: 0px){

.menu-icon i{
  display: block;
}

.menu-icon.active3 {
    /*background: url('../images/menucroos.png') center center no-repeat;*/
      width: 100%;
    position: relative;
    z-index: 99999;
    right: 0;
    float: right;
    max-width: 87px;
}}
@media only screen and (max-width: 830px) and (min-width: 0px){
.menu-icon {
    width: 100%;
    float: none;
    /* text-align: center; */
    /* height: 34px; */
    margin: 0;
    display: inline;
    cursor: pointer;
    /* text-align: center; */
    float: right;
    max-width: 87px;
    margin-top: 10px;
}
}
@media only screen and (max-width: 830px) and (min-width: 0px){
.menu_bar.home_menu {
    margin-top: 0;
}
.borderBox{
      overflow: hidden;
}
}
@media only screen and (max-width: 830px) and (min-width: 0px){
.menu_bar {
    float: right;
    height: auto;
    width: 100%;
    display: none;
    /* float: left; */
    position: relative;
    z-index: 9999;
    top: 0px;
    background: none;
}
}
@media only screen and (max-width: 830px) and (min-width: 0px){
.menu_bar ul li {
    display: block;
    transition: background-color 0.5s ease;
    background: #131321 ;
    margin: 0;
    padding-top: 3px;
    width: 100%;
    float: left;
}
}

.courseCard p {
    overflow:hidden;
}

@media only screen and (max-width: 576px) and (min-width: 0px){
  .clientLogo {
      min-height: 230px ;
  }
  .clientLogo img {
      height: 150px;
      width: 150px;
  }
  
  .card p {
      height:auto;
  }
  
  .courseCard p {
      height:280px;
  }
  
}

@media only screen and (max-width: 768px) and (min-width: 577px){
  .clientLogo {
      min-height: 280px;
  }
  .clientLogo img {
      height: 200px;
      width: 200px;
  }
  .card p {
      height:auto;
  }
  
  .courseCard p {
      height:280px;
  }
}

@media only screen and (max-width: 992px) and (min-width: 769px){
  .clientLogo {
      min-height: 330px;
  }
  .clientLogo img {
      height: 250px;
      width: 250px;
  }
  .card p {
      height:auto;
  }
  
  .courseCard p {
      height:320px;
  }
}

@media only screen and (min-width: 992px){
  .clientLogo {
      min-height: 350px;
  }
  .clientLogo img {
      height: 270px;
      width: 270px;
  }
  .card p {
      height:auto;
  }
  
  .courseCard p {
      height:320px;
  }
}




@media (max-width: 1199px){
  h1 {
    font-size: 65px;
    line-height: 29px;
  }  

}

@media (max-width: 992px){
 .xs-margin-30px-bottom {
    margin-bottom: 30px !important;
  }
  .heading_02{
    margin: 15px 0px 10px 0px;
  }
}

/*@media only screen and (min-width: 1366px)*/
/*{*/
/*  .mainWrapper{*/
/*    display :  none;*/
/*  }*/
/*  */
/*}*/
/*@media only screen and (max-width: 1365px )*/
/*{*/
/*  .main_wrapper{*/
/*    display :  none;*/
/*  }*/
/*  */
/*}*/


.register {
    position: fixed;
    top: 50%;
    right: -169px;
    font-size:20px;
    background: #01067c;
    color: white;
    width: 364px;
    /* font-size: 19px; */
    border: 0;
    border-radius: 3px;
    /* left: 89%; */
    z-index: 1;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(-90deg);
}