/* header */
.header1{
    background-image: linear-gradient(to right, #1B23A4 , #08C7EA);
}
header{
    background-color: #333333;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 9999;
}
header .navbar .container .navbar-brand{
    font-weight: 700;
    font-size: 25px;
}
header .navbar .container .collapse .navbar-nav .nav-item .nav-link{
    color: #F2F2E6;
    padding: 15px 15px;
}
/* section one */
.container .row .col-md-6 .head{
    margin-top: 150px;
}
.container .row .col-md-6 .head span{
    font-size: 50px;
    font-weight: 800;
}
.container .row .col-md-6 .head p{
    font-size: 20px;
    color: gray;
}
.container .row .col-md-6 .img{
    margin-top: 50px;
}
/* section two */
.container .row .col-md-6 .head1{
    margin-top: 70px;
}
.container .row .col-md-6 .head1 p{
    font-size: 20px;
    color: gray;
}
/* backgroud */
.pic {
    position: relative;
    text-align: center;
    color: white;
}
.pic img{
    height: 300px;
}
.centered {
    font-size: 40px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /* contact us one */
  .container .row .col-md-3 .b .icon i{
    background-image: linear-gradient(to right, #1B23A4 , #08C7EA);
    color: white;
    padding: 22px 25px;
    border-radius: 50px;
  }
  .container .row .col-md-3 .b .head3{
      margin-top: 30px;
  }
  .container .row .col-md-3 .b .head3 h2{
      font-size: 25px;
      font-weight: 700;
      color:black;
  }
  .container .row .col-md-3 .b .head3 h6{
      font-size: 17px;
      color: #666;
  }
  /* employee */
 
/* footer */
footer{
    background-color: #333333;
}


/* Responsive mobile */
@media screen and (max-width: 600px) {
    .header1{
        display: none;
    }
    .container .row .col-md-6 .head {
        margin-top: 20px;
    }
    .container .row .col-md-6 .head span {
        font-size: 30px;
        font-weight: 800;
    }
    .container .row .col-md-6 .head p {
        font-size: 17px;
    }
    .container .row .col-md-6 .head1 p {
        font-size: 17px;
    }
    .container .row .col-md-6 .head1 {
        margin-top: 0;
    }
    .container .row .col-md-3 .b{
        padding-bottom: 40px;
    }
    .cc{
        margin-top: 10px !important;
    }
    h1 .font-weight-bold{
            font-size: 25px;
    }
    .container .row .col-md-4 .card{
        margin-bottom: 20px;
    }
    .container .row .col-md-4 .bb{
        margin-top: -45px !important;
    }
    .centered {
        font-size: 35px;
    }
}