.banner-section {
  width: 100%;
  /*height: 54vh;*/
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.banner-img{
    width: 46%;
}
.banner-container {
  width: 100%;
  /*height: 45vh;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  background:url("../index-img/amarabg1.webp")no-repeat;
  position: relative;
  padding: 0px 0px 0px 70px;
}
.banner-container .banner-heading {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /*background: url("../about-img/bannerbg.png") no-repeat;*/
  background-size: cover;
  background-position-x: right;
  /* background-position: bottom; */
}

.banner-container .banner-heading h1 {
 font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 9vh;
    line-height: 11vh;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #1d2b4f;
}

.banner-container .banner-img img {
  width: 100%;
  object-fit: contain;
}




.completedproject{
    width: 100%;
    height: 100%;
    padding:40px 70px;
}
.completed-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.completed-row{
    display: flex;
    justify-content: space-around;
    align-items: start;
    flex-wrap: wrap;
    margin: 40px 0px;
}
.completed-column{
    display: flex;
    flex-direction: column;
    width: 42.5%;
    align-items: start;
    justify-content: center;
}

.completed-column#image{
    align-items: end;
}
.completed-column#content{
    /*width: 36%;*/
    text-align: left;
}
.completed-column img{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    height: 50vh;
    border-radius: 20px;
    object-fit: cover;
}

.completed-column h1{
font-weight: 700;
font-size: 5vh;
line-height: 6vh;
letter-spacing: 0%;
vertical-align: middle;
text-transform: capitalize;
color: #1D2B4F;
margin-bottom: 28px;
font-family: "Playfair Display", serif;
}

.completed-column h4{
font-weight: 500;
font-size: 2.6vh;
line-height: 3.5vh;
letter-spacing: 0%;
  margin-bottom: 12px;
}

.completed-column p{
font-weight: 300;
    font-size: 2.5vh;
    line-height: 3.5vh;
    letter-spacing: 0%;
    margin-bottom: 12px;
}

.completed-column p span{
    font-weight: 700;
}

.gallery{
    width: 100%;
    height: 100%;
    padding: 4vh 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.gallery .gallery-heading{
    width: 85%;
}
.gallery .gallery-heading h1{
font-weight: 700;
font-size: 5vh;
color: #1b2849;
line-height: 8vh;
letter-spacing: 0%;
font-family: "Playfair Display", serif;
}
.gallery .gallery-heading h4{
     color: #957f58;
font-weight: 700;
font-size: 3.5vh;
line-height: 4.5vh;
letter-spacing: 0%; 
text-transform: capitalize;

}
.gallery .gallery-heading p{
font-weight: 400;
font-size: 2.5vh;
line-height: 3.5vh;
letter-spacing: 0%;
}
.gallery .gallery-heading h5{
    font-weight: 400;
font-size: 2.5vh;
line-height: 3.5vh;
letter-spacing: 0%;
font-style: italic;
}
.gallery-image{
    width: 85%;
    padding: 2vh 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    /* flex-direction: column; */
}
.gallery-image .gallery-row{
     width: 100%; 
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
}
.gallery-image .gallery-row .gallery-sub-row{
    width: 100%;
    display: flex;
    /* flex-direction: column; */
    gap: 10px;
    align-items: center;
    
}

.gallery-image img{
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
   
}

/*#img1{*/
/*height: 32vh;*/
/*    width: 50vh;*/
/*}*/
/*#img2{*/
/*    height: 32vh;*/
/*    width: 50vh;*/
/*}*/
/*#img3{*/
/*    width: 50vh;*/
/*    height: 32vh;*/
/*}*/

/*#img4{*/
/*    width: 50vh;*/
/*    height: 32vh;*/
/*     object-position: center ;*/
    
/*}*/

/*#img5{*/
/*    height: 32vh;*/
/*   width: 50vh;*/
/*     object-position: center top;*/
/*}*/

.gallery button{
    padding: 10px 20px;
    background-color: #957f58;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 2.5vh;
}
.project-need{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 40px 10px;
}
.needpro-container{
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 12px;
}

.needpro-box{
    width: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:1vh;
    padding: 2vh;
    border: 1px solid #E6E6E6;
}
.needpro-heading h1{
    font-family: "Playfair Display", serif;
    line-height: 8vh;
    color: #1b2849;
}
.needpro-box:hover{
    box-shadow: 24px 4px 96px 0px #77777740;
}

.needpro-box .icon img{
    width:3.5vh;
    height: 3.5vh;
}

.needpro-box .title h4{
font-weight: 700;
font-size: 2.5vh;
line-height: 3.5vh;
letter-spacing: 0%;
text-transform: capitalize;
color: #1D2B4F;

}
.milestone{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 2vh;
    background-color: #957f5875;
    color: white;
    padding: 6vh 0px;
}

.milestone img{
    width: 100%;
    height:100%;
}
.milestone .milestone-heading{
    text-align: center;
    width: 40%;
    margin-bottom: 1.2vh;
}

.milestone-heading h1{
font-weight: 700;
font-size: 5vh;
line-height: 6vh;
margin-bottom: 1.2vh;
letter-spacing: 0%;
color: #1b2849;
font-family: "Playfair Display", serif;
}
.milestone-heading p{
font-weight: 400;
font-size: 2vh;
line-height: 3vh;
letter-spacing: 0%;
color: #1D2B4F;
}


.testimonial{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2vh 0px;
    margin-bottom: 4vh;
}
.testimonial-heading h1{
    margin-bottom: 12vh;
      font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 5vh;
line-height: 6vh;
letter-spacing: 0%;
text-transform: capitalize;
font-family: "Playfair Display", serif;
}

.testimonial-container{
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.testimonial-card{
    box-shadow: 0px 0px 87px 0px #00000014;
    border: 1px solid #E6E6E6;
    padding: 2vh;
        width: 49vh;
    height: 49vh;
}

.testimonial-card .image{
    width: 100%;
    height: 22vh;
    display: flex;
    align-items: end;
    background-color: #1b2849;
    border-radius: 20px 100px 100px 20px;
}

.testimonial-card .image img{
    width: 50%;
    height: 31vh;
}

.testimonial .testimonial-desc{
    padding: 10px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;

}

.testimonial .testimonial-desc p{
font-weight: 400;
    font-size: 1.5vh;
    line-height: 2vh;
letter-spacing: 0%;
}
.testimonial .testimonial-desc h4{
font-weight: 700;
    font-size: 2.5vh;
    line-height: 3vh;
letter-spacing: 0%;
}

.ahead{
    width: 100%;
    height: 100%;
    background-color: #cec4b2;
    color: white;
    padding: 4vh 7vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ahead-container{
    width: 55%;
}

.ahead-container h1{
/*font-family: DM Sans;*/
font-weight: 700;
font-size: 5vh;
line-height: 7vh;
color: #1b2849;
letter-spacing: 0%;
text-align: center;
text-transform: capitalize;
font-family: "Playfair Display", serif;
}
.ahead-container p{
    font-family: DM Sans;
font-weight: 400;
font-size: 2.5vh;
color: #1b2849;
line-height: 3vh;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
}

.pyramid-solgan{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 4vh 7vh;
    text-align: center;
}

.pyramid-solgan img{
    width: 25vh;
}
.completed-img img{
    object-fit: cover;
    width: 100%;
    height: 700px;
}

@media only screen and (max-width: 950px){
    
    .banner-section {
        width: 100%;
        height: fit-content;
        color: white;
        display: flex;
        justify-content: space-between;
        align-items: end;
      }
      
      .banner-container {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
        align-items: end;
        background:url("../index-img/amarabg1.webp")no-repeat;
        position: relative;
        padding: 0px 20px;
      }
      .banner-container .banner-heading {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        flex-direction: column;
      }
      
      .banner-container .banner-heading h1 {
        font-weight: 700;
        font-size:28px;
        line-height: 96px;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #1d2b4f;
        font-family: 'Playfair Display';
      }
      
      .banner-container .banner-img img {
        width: 100%;
        object-fit: contain;
        
      }
      .banner-img {
          width: 100%;
      }
    
    .completed-img img{
    object-fit: cover;
    width: 100%;
    height: 200px;
    object-position: center;
}
    .completedproject{
    width: 100%;
    height: 100%;
    padding:0px 20px;
}
.completed-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.completed-row{
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
    gap: 40px;
    margin: 40px 0px;
}
.completed-row#rev{
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 40px;
    margin: 40px 0px;
}
.completed-column{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.completed-column#image{
    align-items: end;
    width: 100%;
}
.completed-column#content{
    width: 100%;
    text-align: left;
}
.completed-column img{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
}

.completed-column h1{
font-weight: 700;
font-size: 38px;
line-height: 53.98px;
letter-spacing: 0%;
vertical-align: middle;
text-transform: capitalize;
color: #1D2B4F;
margin-bottom: 12px;
font-family: "Playfair Display", serif;
}

.completed-column h4{
font-weight: 500;
font-size: 26px;
line-height: 35px;
letter-spacing: 0%;
  margin-bottom: 12px;
}

.completed-column p{
font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    margin-bottom: 12px;
}

.completed-column p span{
    font-weight: 700;
}

.gallery{
    width: 100%;
    height: 100%;
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.gallery .gallery-heading{
    width: 100%;
}
.gallery .gallery-heading h1{
font-weight: 700;
font-size: 38px;
line-height: 100%;
letter-spacing: 0%;
font-family: "Playfair Display", serif;
}
.gallery .gallery-heading h4{
font-weight: 700;
font-size: 28px;
line-height: 63.98px;
letter-spacing: 0%; 
text-transform: capitalize;

}
.gallery .gallery-heading p{
font-weight: 400;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
}
.gallery .gallery-heading h5{
    font-weight: 400;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
font-style: italic;
}
.gallery-image{
    width: 100%;
    padding: 20px 0px;
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
    align-items: center;
    gap: 10px;
    /* flex-direction: column; */
}
.gallery-image .gallery-row{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: start;
}
.gallery-image .gallery-row .gallery-sub-row{
    width: 100%;
    display: flex;
    /* flex-direction: column; */
    gap: 5px;
    align-items: start;
    
}

.gallery-image img{
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
   display: none;
}

#img1{
height: 100px;
width: 110px;
}
#img2{
    height: 60px;
    width: 110px;
}
#img3{
    width: 110px;
    height: 80px;
}

#img4{
    width: 170px;
    height: 80px;
}
#img5{
    height: 80px;
    width: 80px;
     object-position: center top;
}

.gallery button{
    padding: 10px 20px;
    color: white;
    border: none;
    border-radius: 5px;
}
.project-need{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0px;
    padding: 10px 20px;
}
.needpro-container{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}
.needpro-heading h1{
        font-family: "Playfair Display", serif;
    line-height: 4vh;
    text-align: center;
}

.needpro-box{
    width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
    padding: 10px;
    border: 1px solid #E6E6E6;
}

.needpro-box:hover{
    box-shadow: 24px 4px 96px 0px #77777740;
}

.needpro-box .icon img{
    width:25px;
    height: 25px;
}

.needpro-box .title h4{
font-weight: 700;
font-size: 16px;
line-height: 22px;
letter-spacing: 0%;
text-transform: capitalize;
}
.milestone{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background-color: #cec4b2;
    color: white;
    padding: 60px 0px;
}

.milestone img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.milestone .milestone-heading{
    text-align: center;
    width: 100%;
    margin-bottom: 12px;
}

.milestone-heading h1{
font-weight: 700;
font-size: 25px;
line-height: 100%;
margin-bottom: 12px;
letter-spacing: 0%;
font-family: "Playfair Display", serif;
}
.milestone-heading p{
font-weight: 400;
font-size: 10px;
line-height: 15px;
letter-spacing: 0%;
}


.testimonial{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 0px;
    margin-bottom: 40px;
}
.testimonial-heading h1{
margin-bottom: 50px;
font-family: "Playfair Display", serif;
font-weight: 700;
font-size: 28px;
line-height: 63.98px;
letter-spacing: 0%;
text-transform: capitalize;
}

.testimonial-container{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.testimonial-card{
         box-shadow: 0px 0px 87px 0px #00000014;
        border: 1px solid #E6E6E6;
        /* padding: 20px; */
        height: 51vh;
        width: 26vh;
}
.testimonial .testimonial-desc h4{
    font-size: 1.5vh;
}

.testimonial-card .image{
    width: 100%;
    height: 150px;
    display: flex;
    align-items: end;
    border-radius: 20px 100px 100px 20px;
}

.testimonial-card .image img{
  width: 100px;
  height: 164px;
}

.testimonial .testimonial-desc{
    padding: 10px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;

}

.testimonial .testimonial-desc p{
font-weight: 400;
font-size: 9px;
line-height: 16px;
letter-spacing: 0%;
}

.ahead{
    width: 100%;
    height: 100%;
    color: white;
    padding: 20px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ahead-container{
    width: 100%;
}

.ahead-container h1{
font-family: "Playfair Display", serif;
font-weight: 700;
font-size: 28px;
line-height: 33.98px;
letter-spacing: 0%;
text-align: center;
text-transform: capitalize;
}
.ahead-container p{
    font-family: DM Sans;
font-weight: 400;
font-size: 10px;
line-height: 15px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
}

.pyramid-solgan{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 20px 10px;
    text-align: center;
}

.pyramid-solgan img{
    width: 100px;
}
.pyramid-solgan h1{
    font-size: 20px;
}
}