.image_box_main {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.image_box_main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
/*-----style---two------*/


.gng_serv_about {
  position: relative;
  padding-right: 5rem;
}

.gng_serv_about .item_ig {
  position: relative;
}

.gng_serv_about .item_ig .nq_about {
  position: absolute;
  background-color: var(--primary-color-one);
  padding: 2.5rem 2rem;
  right: -5rem;
  top: 6rem;
  z-index: 2;
}

.gng_serv_about .item_ig .nq_about h3 {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
}

.gng_serv_about .item_ig .nq_about .mg_locate {
  color: #ffffff;
  padding-top: 1rem;
}

.gng_serv_about .item_ig .nq_about .mg_locate span {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--onevilla-family-two);
  display: block;
}

.gng_serv_about .item_ig .nq_about .mg_locate h4 {
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  color: #fff;
}

.gng_serv_about .item_ig img {
  height: 600px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius:8px;
}

.gng_serv_about.left {
  padding-right: unset;
  padding-left: 5rem;
}

.gng_serv_about.left .item_ig .nq_about {
  left: -5rem;
  right: unset !important;
  top: 6rem;
}
/*-----style---three------*/


.gs_parallex {
  position: relative;
  overflow: hidden;
}

.gs_parallex .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-background: -webkit-gradient(linear, left bottom, left top, from(var(--primary-color-two)), color-stop(20%, rgba(15, 14, 14, 0)), color-stop(80%, rgba(15, 14, 14, 0)), to(var(--primary-color-two))) !important;
  -webkit-background: linear-gradient(to top, var(--primary-color-two) 0%, rgba(15, 14, 14, 0) 20%, rgba(15, 14, 14, 0) 80%, var(--primary-color-two) 100%) !important;
  -moz-background: linear-gradient(to top, var(--primary-color-two) 0%, rgba(15, 14, 14, 0) 20%, rgba(15, 14, 14, 0) 80%, var(--primary-color-two) 100%) !important;
  -o-background: linear-gradient(to top, var(--primary-color-two) 0%, rgba(15, 14, 14, 0) 20%, rgba(15, 14, 14, 0) 80%, var(--primary-color-two) 100%) !important;
  -ms-background: linear-gradient(to top, var(--primary-color-two) 0%, rgba(15, 14, 14, 0) 20%, rgba(15, 14, 14, 0) 80%, var(--primary-color-two) 100%) !important;
  background: -webkit-gradient(linear, left bottom, left top, from(var(--primary-color-two)), color-stop(20%, rgba(15, 14, 14, 0)), color-stop(80%, rgba(15, 14, 14, 0)), to(var(--primary-color-two))) !important;
  background: linear-gradient(to top, var(--primary-color-two) 0%, rgba(15, 14, 14, 0) 20%, rgba(15, 14, 14, 0) 80%, var(--primary-color-two) 100%) !important;
}

.gs_parallex img {
  width: 100%;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  
}

.gs_parallex .video_btns {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 999;
}

iframe{
  width:100%;
  height:500px;
}


.image_box_four  {
  position:relative;
  display:flex;
  background-color: #fff;
}

.image_box_four .pllx_img{
   border-radius: 0px;
    min-width: 60%;
    overflow: hidden;
    margin: -5px;
     height:100%;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.image_box_four .pllx_img img{
      overflow: hidden;
 height:100%;
  width:100%;
  object-fit:contain;
  object-position:center;
     border-radius: 0px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.image_box_four .pllx_img.two{
  margin-top:100px;
}

@media (max-width:767px) {
.mg_img.rounded-8 img {
  width: 100%;
  height: auto !important;
}