.main-head{
        background-image: linear-gradient(#0007,#0009),url(./imgs/hero-bg.jpg);
        background-size: cover;
        background-position: center center;
        min-height: 100vh;
        background-attachment: fixed;
      }
      .main-head h1{ color: aliceblue;}
   .shad{ 
    padding: 3rem 1.25rem;
    position: relative;
    background-color: #fff;
    margin-bottom: 3rem;
    z-index: 2;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.sec-pic-about img {width: 100%; }
.sec-pic-about { width: 100%;
height: auto;
margin-bottom: 2rem;}
*, ::after, ::before {
  box-sizing: border-box;
}

.shad {
  padding: 3rem 1.25rem;
  position: relative;
  background-color: #fff;
  margin-bottom: 3rem;
  z-index: 2;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.title-left {
  font-size: 2rem;
  position: relative;
}

.box {
  background-color: #fff;
  padding: 2.5rem 1.3rem;
  border-radius: 1rem;
  margin-bottom: 3rem;
  text-align: center;
}
.serv-card:hover .outerb{
  background-color: #87a9cc;
}
.outerb{
  background-color: #0076ef;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  transition: .8s all;
  padding-bottom: 25px;

}
.innerb{ 
  background-color: white;
  border-radius: 50%;
  text-align: center;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 80px;
  height: 80px;
 transition: 0.8s all;

}
.serv-card:hover .innerb{
  background-color: #0078ff;
  color: white;
}
.section-awards img{ background-attachment: fixed;}
.section-awards img{height: 100px;
  width: 100px;}
  .counter-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#1867C3;
    color: #000;
    border-color: #fff;
}
#counter{ background-image: linear-gradient(rgba(6,90,185,0.7),rgba(6,90,185,0.7)),url(./imgs/counters-bg.jpg);
background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 0px;
line-height: 3rem;
}
#counter .circle{ width: 50px; height: 50px;
  border: 5px solid rgb(255, 249, 249);
  margin: auto;
display: block;
font-size: 20px;
justify-content: center;
align-items: center;
display: flex;
border-radius: 50%;

}
.title-a {
  text-decoration: none;
  font-size: 3rem;
  font-weight: bold;
  text-transform: uppercase;
}
.subtitle-a {
  text-decoration: none;
  color: #4e4e4e;
}
.fwc{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 60px;
  font-weight: 600;
}
.maxw{
  max-width: 100px;
}
.headers{
  
    width: 45px;
    height: 7px;
    background-color: #0076ef;
    border-radius: 0;
    text-align: center;
    margin: auto;
}
#portfolio{ background-color: white;}
.port-card:hover img{transform: scale(1.1);}

.port-card .port-img{overflow: hidden;}

 .port-img img{transition: 0.3s;}
 .port-card .circle{border:5px solid #0076ef; height :40px; width :40px; border-radius: 50%;display: flex;justify-content: center;align-items: center;}
 .achivb{
  background-image:url(./imgs/counters-bg.jpg);
min-height: 70vh;
  position: relative;
overflow: hidden;
  background-attachment: fixed;

}
.achivlayer{
  background-color: rgba(0, 119, 255,0.6);
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
 
  padding: 0;
}
.Contact{
  min-height: fit-content;
}
.imscale img{
  width: 100%;

  transition: 0.8s all;
  height: 100%;
  overflow: hidden;

}

.card2:hover .imscale img{

  scale: 1.2;

}
.courselb{
  background-image:  url(./imgs/overlay-bg.jpg);
  position: relative;
  min-height: 85vh;
  background-attachment: fixed;
  background-size: cover;
}
.iconb {
  width: 50px;
  height: 50px;
  background-color: #0078ff;
  border-radius: 50%;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
 
  transition: .7s;
  color: black;
}

.iconb:hover {
  background-color: #0077ffad;
}
.ou-iconb {
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
  text-align: center;
  /* margin: auto; */
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transition: 0.6s all;
  color: black;

}

.ou-iconb:hover {
  background-color: #0078ff;
  color: white;
}