.blue_bg.Who-we-are{
  background-color: #1d5875; 
}
.white_bg.Who-we-are{
  background-color: #fff; 
}
.Who-we-are{
  position:relative;
  padding: 171px 0;
  overflow: hidden;
}

.Who-we-are ul {
    list-style: disc !important;
    margin: 0;
    padding: 0;
}
.Who-we-are .container{
  position:relative;
}
.Who-we-are h2{
  color:#fff;
}
.Who-we-are .content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom:15px;
}
.Who-we-are .content .left-content {
  color: #fff;
  width: 60%;
  padding-right: 120px;
}
.Who-we-are .content .right-circle {
  width: 40%;
  text-align:right;
}
.Who-we-are .content img {
  max-width: 500px;
}
.Who-we-are .top-shape{
  position:absolute;
  top:-30px;
  left:0;
  right:0;
  display: flex;
}
.Who-we-are .bottom-shape{
  position:absolute;
  bottom:-30px;
  left:0;
  right:0;
  display: flex;
}
.Who-we-are .container .background-shape {
  position: absolute;
  right: -350px;
  top: -140px;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
}
.Who-we-are .top-shape img, .Who-we-are .bottom-shape img{
  width:100%;
}
.Who-we-are .content.left-image-right-content {
  flex-direction: row-reverse;
}
.Who-we-are .content.left-image-right-content .left-content {
  padding: 0 0 0 120px;
}
.Who-we-are .content p {
  margin: 0px 0px 20px;
}

.Who-we-are.blue_bg .content .right-circle .inner-right-circle {
  background: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 5px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 20px rgb(0 0 0 / 30%);
  height: 450px;
  
  position: relative;
  width: 450px;
}
.Who-we-are.white_bg .content .right-circle .inner-right-circle {
  margin-left:auto;
  background: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 5px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 20px rgb(0 0 0 / 30%);
  height: 450px;

  position: relative;
  width: 450px;
}


/* Responsive start */
@media screen and (max-width: 1200px) {

  .Who-we-are{
    padding:124px 0;
  }
  .Who-we-are.blue_bg .content .right-circle .inner-right-circle, .Who-we-are.white_bg .content .right-circle .inner-right-circle{
    height: 380px;
    width: 380px;
  }
}



@media screen and (max-width: 991px) {
  .Who-we-are .content.left-image-right-content .left-content {
    padding: 0 0 0 50px;
  }
  .Who-we-are .content .left-content {
    padding-right: 50px;
  }
  .Who-we-are .top-shape{
    top:-10px;
  }
  .Who-we-are .bottom-shape{
    bottom:-10px;
  }
  .Who-we-are {
    padding: 13% 0;
  }
 .Who-we-are.blue_bg .content .right-circle .inner-right-circle, .Who-we-are.white_bg .content .right-circle .inner-right-circle {
    height: 300px;
    width: 300px;
}

@media screen and (max-width: 767px) {
  .Who-we-are .content {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .Who-we-are .content .left-content {
    width: 100%;
    margin: 10px 0px 50px;
  }
  .Who-we-are .content.left-image-right-content {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .Who-we-are .content.left-image-right-content .left-content {
    padding: 0 0 0 0px;
  }
  .Who-we-are .content .left-content {
    padding-right: 0px;
    text-align: left;
  }
  .Who-we-are .content .right-circle {
    width: 100%;
    max-width: 250px;
    margin: 40px 0px 5px;
  }
  .Who-we-are .top-shape, .Who-we-are .bottom-shape , .Who-we-are .container .background-shape  {
    display: none;
  }
  .Services {
    padding: 4rem 0;
  }
}












