.experience_border {
  border-top: 2px solid #b58663;
  width: 100%;
  margin:  auto;
}

.grid-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.grid-itemstudio {
  flex: 1 1 20%;
  max-width: 22%;
  /* margin: 1%; */
  text-align: center;
 border-bottom: 1px solid red;
}
.grid-itemstudio img {
    width: 100px;
    height: 100px;
    margin: 2em 0em;
    border: 0px solid red;
}

.studio_left {
  font-size: 24px;
  color: #b58663;
  margin-right: 10px;
}

.studio_right {
  text-align: left;
}

.offer-item {
  width: 30%;
  /* margin: 10px auto; */
    text-align: center;
    margin-bottom: 2rem;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px 20px;
  }

  .offer-item img {
    width: 50px;
    height: auto;
    margin-bottom: 1rem;
  }

  .offer-item h3 {
    font-size: 1.25rem;
    font-weight: bold;
  }

  .offer-item p {
    font-size: 1rem;
  }



.about_section {
  margin-top: 6em;
  overflow: hidden;
}

.about_section p{
    text-align: justify;
    font-family: Montserrat;
}
.about_section_img{
    height: 100%;
    overflow: hidden;
    background-image: url("../image/project/project1/AAD1.jpeg");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.aman_images_part{
  position: relative;
  overflow: hidden;
  border: 0px solid black;
  padding: 0px;
}
.aman_img{
    height: 100%;
    overflow: hidden;
    background-image: url("../image/project/person/amanimages.jpeg");
    background-size: cover;
    /* filter: grayscale(100); */
    background-position: top center;
    background-repeat: no-repeat;
    transition: transform 0.2s ease-in-out;
}

/* ----media query is start for aman image ---  */

@media screen and (max-width: 3640px) and (min-width: 3240px) {
  .portfolio_left{
    padding-right: 70em !important;
    border: 0px solid red;
  }
  .aman_img{
    position: absolute;
    top: -310px;
    height: 250%;
    width: 100%;
  }
}


@media screen and (max-width: 3240px) and (min-width: 2840px) { 
  .portfolio_left{
    padding-right: 56em !important;
    border: 0px solid red;
  }
  .aman_img{
    position: absolute;
    top: -250px;
    height: 200%;
    width: 100%;
  }
}


@media screen and (max-width: 2840px) and (min-width: 2240px) { 
  .portfolio_left{
    padding-right: 40em !important;
    border: 0px solid red;
  }
  .aman_img{
    position: absolute;
    top: -170px;
    height: 150%;
    width: 100%;
  }
}

@media screen and (max-width: 2440px) and (min-width: 2220px) {  /* 67% */ 
  .portfolio_left{
    padding-right: 32em !important;
    border: 0px solid red;
  }
  .aman_img{
    position: absolute;
    top: -120px;
    height: 130%;
    width: 100%;
  }
}

@media screen and (max-width: 2220px) and (min-width: 1920px) { /* 75% */
  .portfolio_left{
    padding-right: 24em !important;
    border: 0px solid black;
  }
  .aman_img{
    position: absolute;
    top: -120px;
    height: 130%;
    width: 100%;
  }
}

@media screen and (max-width: 1728px) and (min-width: 1536px) { 
  .portfolio_left{
    padding-right: 16em !important;
    border: 0px solid red;
  }
}

@media screen and (max-width: 1920px) and (min-width: 1728px) {
  .portfolio_left{
    padding-right: 16em !important;
    border: 0px solid blue;
  }
}

/* -----media query for aman images ---  */



.img-fluid {
  max-width: 100%;
  height: 80% !important;
}
.experience_section h3{
    font-size: 35px;
    color: #902E2E;
}
.experience_section{
  margin: 10px 0px;
}




.process-step {
    margin: 1rem 0;
    border-bottom: 1px solid #902E2E;
    border-right: 1px solid #902E2E;
  }

  .process-step:last-child {
    margin: 1rem 0;
    border-bottom: 1px solid #902E2E;
    border-right: none;
  }

  .process-step img {
    width: 100px;
    height: auto;
  }

  .process-step .step-number span {
    font-size: 1rem;
    color: #902E2E;
    margin-right: 10px;
    border: 1px solid #902E2E;
    padding: 10px;
    border-radius: 50%;
  }

  .process-step .step-content h3 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #902E2E;
  }
  .process-step p{
    padding-bottom: 20px;
  }
  .portfolio_left {
    padding-right: 4em;
  }
  .process-step p{
    font-family: Montserrat;
  }
  .offer-item h3{
    color: #902E2E;
  }




@media screen and (max-width: 768px) and (min-width: 0px) {
    .offer-item {
        width: 100%;
        /* margin-right: 50px; */
        text-align: center;
        margin-bottom: 2rem;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        padding: 20px 20px;
      }
      .process-step{
        border: none;
        border-bottom: none;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

      }
      .process-step h3{
        text-align: center;
      }
      .process-step .step-number{
        display: none !important;
      }
      .process-step:last-child{
        border: none;
      }
      .about_section_img {
        height: 400px !important;
        border-radius: 10px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        margin-bottom: 30px;
      }
      .about_section h1{
        margin-bottom: 15px;
      }
      .portfolio_left{
        padding-right: 0px !important;
      }
      .aman_img{
        height: 400px;
        border-radius: 10px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        margin-bottom: 1.4rem;
        margin-left: 10px;
        width: 97%;
      }
}

@media (min-width: 765px) and (max-width: 1150px) {
  .process-step .step-content h3{
    font-size: 1rem;
  }
  .process-step p{
    font-size: 10px;
  }
  .process-step .step-number span{
    font-size: 0.7rem;
    padding: 5px;
  }
  .experience_section h3{
    font-size: 30px;
  }
 
}