.emg-sec-banner {
  padding: 100px 0 150px;
  position: relative;
}

.home-banner-title {
  font-size: 52px;
  line-height: 1;
}

.contact-form {
  background-color: rgba(245, 251, 255, 0.88);
  padding: 25px 30px 35px;
  border-radius: 30px;
  border: 1px solid #ddd;
}

.sec-bottom img {
  position: absolute;
  bottom: -1px;
  width: 100%;
}

/*=== End banner ===*/

/*=== start review ===*/
.customer-id img {
  border-radius: 50%;
}

.customer span {
  font-size: 12px;
}

.slick-slider {
  padding-bottom: 35px;
}

.slide-single-item {
  background-color: #fff;
  border-radius: 0px;
  padding: 30px 30px 25px;
  margin: 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}

.single-item-inner .btn {
  font-size: 14px;
  background-color: transparent;
  padding: 0;
}

.single-item-inner .btn:hover {
  box-shadow: none;
  background-color: transparent;
}

/*=== End review ===*/

/*service*/
.service-card {
  border-radius: 20px;
}

.service-thumb .has-image-bg {
  width: 100%;
  height: 255px;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.3s;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.8);
}

.second-hight {
  height: 287px;
}

.service-thumb .has-image-bg:hover {
  transform: scale(1.1);
}

.service-thumb h3 {
  left: 0;
  top: 50%;
  text-align: center;
  padding: 0;
  transform: translateY(-50%);
  transition: all 0.35s;
}

.service-card:hover .service-thumb h4 {
  background-color: rgb(var(--primary-color));
}

.service-card:hover .service-thumb .has-image-bg {
  transform: scale(1.1);
}

/*End service*/

/*=== Start service-contact  ===*/

.contact-btn {
  font-size: 17px;
  padding: 16px 35px;
  border-radius: 50px;
}

/*=== End service-contact ===*/

/*=== start service-area ===*/

.area-cities {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.area-cities ul {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  width: 50%;
}

.area-cities ul li {
  width: 100%;
  list-style: none;
}

.area-cities ul li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.area-cities ul li span {
  display: flex;
  align-items: center;
  padding: 10px 10px;
  padding-left: 38px;
  width: 100%;
  height: 50px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  text-align: left;
  color: rgb(var(--text-color));
  line-height: 1.3;
  background-image: url(../img/map-marker.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  transition: all 0.35s;
  border-radius: 0;
}

.first-span {
  color: rgb(var(--primary-color)) !important;
  height: 55px !important;
  padding: 10px 10px !important;
  padding-left: 15px !important;
  background-color: rgba(0, 0, 0, 0.02) !important;
  background-image: none !important;
}

.first-span:hover {
  color: rgb(var(--primary-color)) !important;
  background-color: rgba(0, 0, 0, 0.02) !important;
  background-image: none !important;
}

.area-cities ul li span:hover {
  color: #ffffff;
  background-color: rgb(var(--primary-color));
  background-image: url(../img/icon-marker.png);
  background-repeat: no-repeat;
  background-position: 15px center;
}

/*=== End service-area ===*/
/*=== content ===*/

.content-body {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

/*=== End content ===*/
/*=== start work ===*/
.emg-sec-work .ngg-galleryoverview .ngg-gallery-thumbnail img {
  border-radius: 20px;
}
.work-thumb img {
  border-radius: 20px;
}

.work-overlay {
  width: calc(60% - 20px);
  height: calc(60% - 20px);
  position: absolute;
  top: 50%;
  background-color: rgba(0, 97, 166, 0.7);
  transform: translate3d(-50%, -50%, 0);
  left: 50%;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  border-radius: 20px;
}

.work-overlay:before {
  content: "";
  width: 50px;
  height: 50px;
  background-image: url(../img/work/work-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(0.9) translate3d(-50%, -50%, 0);
  transition: all 0.8s;
}

.work-card:hover .work-overlay {
  opacity: 1;
  visibility: visible;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
}

.work-card:hover .work-overlay:before {
  transform: scale(1) translate3d(-50%, -50%, 0);
}

/*=== End work ===*/
/*=== start blog ===*/

.emg-single-post {
  position: relative;
}

.emg-single-post .btn {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.post-thumb {
  height: 222px;
  clear: both;
  border-radius: 20px;
}

.post-thumb img {
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: all 0.3s;
}

.emg-single-post .post-thumb img:hover {
  transform: scale(1.1);
}

.emg-single-post:hover .post-thumb img {
  transform: scale(1.1);
}

.post-btn {
  font-size: 17px;
}

/*=== End blog ===*/
/*=== start contact ===*/

.emg-sec-contact {
  padding: 152px 0 220px;
  position: relative;
}

.home-gform {
  background-color: rgba(245, 251, 255, 0.88);
  padding: 30px 50px;
  border-radius: 30px;
}

/*=== End contact ===*/

/*Footer */

.site-footer {
  background-color: var(--base-footer-bg);
}

.footer-top {
  /*padding: 60px 0;*/
}

.widget_media_image {
  margin-bottom: 25px;
}

.site-footer a:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6),
.site-footer p,
.site-footer {
  font-family: var(--base-footer-font-family);
  font-weight: var(--base-footer-font-weight);
  line-height: var(--base-footer-line-height);
  text-transform: var(--base-footer-text-transform);
}

.site-footer
  a:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(:hover),
.site-footer p,
.site-footer {
  color: var(--base-footer-text-color);
}

.site-footer .widget-title {
  font-family: var(--base-footer-title-family);
  font-weight: var(--base-footer-title-weight);
  line-height: var(--base-footer-title-line-height);
  text-transform: var(--base-footer-title-transform);
  color: var(--base-footer-title-color);
  margin-bottom: 25px;
}

.site-footer .widget ul {
  padding: 0;
  list-style: none;
}

.site-footer .widget ul li {
}

.site-footer .widget ul li:not(:last-child) {
  margin-bottom: 15px;
}

.site-footer .widget ul li a {
  color: var(--base-footer-link-color);
}

.site-footer a:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6),
.site-footer .widget ul li a:hover {
  color: var(--base-footer-link-color-hover);
}

.footer-nap-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.footer-nap-thumb {
  display: contents;
}

.footer-nap-thumb img {
  margin-right: 10px;
}

.footer-nap-social {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-nap-social a {
  margin: 0 5px;
}

.footer-nap-social p {
  margin-bottom: 0;
}

.footer-bottom {
  background-color: var(--base-footer-bottom-bg);
  color: var(--base-footer-bottom-text-color);
}

@media screen and (max-width: 1540px) {
  .emg-sec-contact {
    padding: 140px 0 200px;
  }
}

@media screen and (max-width: 1440px) {
  .emg-sec-contact {
    padding: 120px 0 180px;
  }
}

@media screen and (max-width: 1280px) {
  .emg-sec-banner {
    padding: 70px 0 130px;
  }

  .emg-sec-contact {
    padding: 90px 0 150px;
  }
}

@media screen and (max-width: 1199px) {
  .content-body {
    display: block;
    text-align: center;
  }

  .emg-sec-contact {
    padding: 70px 0 110px;
  }
}

@media screen and (max-width: 991px) {
  .home-banner-title {
    font-size: 45px;
  }

  .home-gform {
    padding: 30px 40px;
  }

  .emg-sec-contact {
    padding: 60px 0 90px;
  }

  .footer-nap-item {
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .emg-sec-banner {
    padding: 60px 0 110px;
  }

  .home-banner-title {
    font-size: 35px;
  }

  .contact-form {
    padding: 25px 25px 30px;
  }

  .home-gform {
    padding: 30px 30px;
  }

  .emg-sec-contact {
    padding: 40px 0 70px;
  }
}

@media only screen and (max-width: 600px) {
  .home-banner-title {
    font-size: 32px;
  }

  .home-gform {
    padding: 30px 25px;
  }

  .area-cities {
    flex-wrap: wrap;
  }

  .area-cities ul {
    width: 100%;
    border-radius: 20px !important;
    margin-bottom: 30px;
    overflow: hidden !important;
    height: auto !important;
  }
}

@media only screen and (max-width: 480px) {
  .home-banner-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 480px) {
}