.serv-btn{
  background-color: #B6892C;
  color: #fff;
  padding: 10px 17px;
  font-size: 0.94rem;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 4px;
  transition: ease all 0.2s;
  width: 200px;
  float: left;
}
.serv-btn:hover{
  background-color: #dfb560;
  color: #fff;
}
.service-main{
  background-color: #303131;
  padding: 60px;
  margin-bottom: 30px;
  border-radius: 5px;
}
.service-main h1 {
  font-size: 135px;
}
.service-main .sec-head {
  margin-top: -112px;
  margin-left: 109px;
}
.service-main .sec-head {
  margin-top: -115px;
  margin-left: 133px;
}
.service-main h3 {
  font-size: 36px;
  line-height: 30px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}


.image-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 89vh; /* or set your preferred height */
overflow:visible;
position: absolute;
z-index: 999;
width: 75%;
right: 0;
}

.hover-image {
filter: blur(1px);
opacity: 0.2;
transform: scale(0.9);
transition: all 0.5s ease;
display: block;
margin: 0 auto;

}

.hover-image:hover {
filter: blur(0);
opacity: 1;
transform: scale(1.5);
z-index: 99;
position: relative;
margin: 0 auto;

}

.servban-txt{
position: absolute;
top: 0;
left: 0;
}

.serv-ban-1{
right: 12%;
  top: 15%;
  position: absolute;
  width: 20%;
}
.serv-ban-1 img{
width: 100%;
}
.serv-ban-1>.hover-image:hover{
transform: scale(2.6);
}
.serv-ban-2{
right: 5%;
  top: 35%;
  position: absolute;
  width: 18%;
}
.serv-ban-2 img{
width: 100%;
}
.serv-ban-2>.hover-image:hover{
transform: scale(2.8);
}
.serv-ban-3{
right: 14%;
top: 57%;
position: absolute;
width: 26%;
}
.serv-ban-3 img{
width: 100%;
/* transition: all .5s cubic-bezier(.645,.045,.355,1); */
}
.serv-ban-3>.hover-image:hover{
transform: scale(2);
}
.serv-ban-4{
right: 25%;
  top: 27%;
  position: absolute;
  width: 50%;
  z-index: 9;
}
.serv-ban-4 img{
width: 100%;
transform: scale(1.1);
filter: blur(0px);
opacity: 1;
}
.serv-ban-4>.hover-image:hover{
transform: scale(1.7);
}
.serv-ban-5{
right: 74%;
top: 33%;
position: absolute;
width: 22%;
}
.serv-ban-5 img{
width: 100%;
}
.serv-ban-5>.hover-image:hover{
transform: scale(2.7);
}
.serv-ban-6{
right: 68%;
  top: 50%;
  position: absolute;
  width: 35%;
}
.serv-ban-6 img{
width: 100%;
}
.serv-ban-6>.hover-image:hover{
transform: scale(1.8);
}



.animating-images_component {
text-align: center;
justify-content: center;
align-items: center;
height: 60vh;
/* min-height: 450px; */
display: flex;
position: relative;
}
.animating-images_image {
opacity: .3;
filter: blur(2px);
cursor: pointer;
max-width: none;
transition: all .5s cubic-bezier(.645, .045, .355, 1);
position: absolute;
}
.animating-images_image.first {
width: 15.2%;
top: 80%;
left: 4%;
z-index: 1;
}
.animating-images_image.second {
width: 18%;
  top: 12%;
  left: 3%;
  z-index: 1;
}
.animating-images_image.third {
width: 15.25%;
  top: 7%;
  left: 43%;
  z-index: 1;
}
.animating-images_image.fourth {
width: 25%;
  top: 45%;
  left: -4%;
  z-index: 1;
}
.animating-images_image.fifth {
z-index: 1;
opacity: 1;
filter: blur();
width: 60%;
top: 22%;
left: 15%;
box-shadow: 0 0 34px 1px #00000026;
}
.animating-images_image.sixth {
width: 18%;
top: 15%;
left: 75%;
}
.animating-images_image.seventh {
width: 22%;
  top: 78%;
  left: 63%;
}
.animating-images_image.eighth {
width: 18%;
top: 48%;
left: 72%;
}
.services__item {
  will-change: transform, opacity;
}
.service-ban p{
  font-family: "Roboto", serif;
  font-size: 18px;
  font-weight: 300;
}


.market-div{
  width: 100%;
  border: 1px solid #B6892C;
  display: inline-block;
  padding: 30px 35px;
  min-height: 210px;
  margin-bottom: 20px;
  display: grid;
  align-self: center !important;
}
.market-div:hover{
  border: 1px solid #B6892C;
  background-color: #B6892C;
}
.market-div h3{
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0px !important;
}
.market-div p{
  font-size: 16px;
  font-weight: 300;
  text-transform: capitalize;
  color: #fff;
  line-height: 22px;
}
.serv-grey-bg{
  background-color: #3F404099;
}

.serv-grey-bg h2{
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  line-height: 22px;
  font-family: "Montserrat", sans-serif;
}
.serv-grey-bg h3{
  font-size: 20px;
  font-weight: 400;
  color: #AA8A39;
  margin-bottom: 2px;
  font-family: "Montserrat", sans-serif;
}
.serv-grey-bg p{
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  line-height: 23px;
  margin-bottom: 20px;
}