/* faq right scetion css start*/
.faq-img-left-area {
  width: 605px;
  text-align: center;
}

.faq-img-left-area img {
  border-radius: 20px;
}

.faq-section .faq-pg-content {
  position: relative;
  width: calc(100% - 605px);
  padding-left: 75px;
}

ul.faq-list-items {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  column-gap: 80px;
  row-gap: 23px;
}

ul.faq-list-items li {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  width: 247px;
}

ul.faq-list-items li:before {
  position: absolute;
  content: "";
  background: url(../images/list-check.svg) no-repeat left top;
  left: 0;
  top: 8px;
  width: 16px;
  height: 13px;
}

/* faq right scetion css end */
.areas-section.sec-padding {
  padding-bottom: 0;
}

/* CENTER COMMON SECTION CSS */
.center-common-area {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

.center-common-area-content-left {
  width: 605px;
  text-align: center;
}

.center-common-area-content-left .center-common-area-img {
  position: relative;
  border-radius: 20px;
}

.right-block-waves {
  position: absolute;
  left: -49px;
  bottom: 10%;
}

.center-common-area-content-right {
  width: calc(100% - 605px);
  padding-right: 95px;
}

.center-common-area-content-right .heading_40 {
  line-height: 45px;
  margin-bottom: 30px;
}

.center-common-area-content-right p {
  font-size: 16px;
  line-height: 26px;
  color: #363636;
}

.center-common-area-wrapper {
  justify-content: center;
}

/* CENTER COMMON SECTION CSS END*/

/* areas scetion css */
.service-detail1 .areas-section {
  padding: 80px 0 0 0;
}

.areas-section-content ul.areas-sec-list {
  column-count: 3;
  margin-bottom: 10px;
}

.areas-section-content {
  width: calc(100% - 605px);
  padding-right: 95px;
}

.areas-section-head {
  font-size: 30px;
  line-height: 42px;
  font-weight: 600;
  margin-bottom: 35px;
}

.areas-section-content ul.areas-sec-list li {
  font-size: 16px;
  color: #363636;
  font-weight: normal;
  position: relative;
  margin-bottom: 22px;
  padding-left: 20px;
}

.areas-section-content ul.areas-sec-list li a {
  color: #132728;
  text-decoration: none;
}

.areas-section-content ul.areas-sec-list li.active,
.areas-section-content ul.areas-sec-list li:hover>a {
  color: var(--green);
}

.areas-section-content ul.areas-sec-list li:before {
  position: absolute;
  content: "";
  background: url(../images/areas-location-img.svg) left top no-repeat;
  width: 10px;
  height: 14px;
  left: 0;
  top: 3px;
}

.area-item.areas-sec-img {
  width: 605px;
}

.areas-sec-map {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  height: 550px;
}

/* responsive arrea */
@media (max-width: 1400px) {
  /* center common section */

  .center-common-area-content-right {
    padding-right: 40px;
  }

  /* area we serve section */
  .areas-section-content {
    padding-right: 40px;
  }

  /* faq right section css */
  .faq-section .faq-pg-content {
    padding-left: 40px;
  }

  .service-detail1 .areas-section {
    padding-top: 60px;
  }
}

@media (max-width: 1199px) {

  /* center common section */
  .center-common-area-content-right {
    width: calc(100% - 500px);
  }

  .center-common-area-content-left {
    width: 500px;
  }

  /* area we serve section */
  .area-item.areas-sec-img {
    width: 550px;
  }

  .areas-section-content {
    width: calc(100% - 550px);
  }

  /* faq right section css */
  .faq-img-left-area {
    width: 500px;
  }

  .faq-section .faq-pg-content {
    width: calc(100% - 500px);
  }

  .service-detail1 .areas-section {
    padding-top: 50px;
  }
}

@media (max-width: 991px) {

  /* center common section */
  .center-common-area-content-right {
    width: 100%;
    padding-right: 0;
  }

  .center-common-area-content-left {
    width: 100%;
  }

  .right-block-waves {
    display: none;
  }

  /* area we serve section */
  .area-item.areas-sec-img {
    width: 100%;
  }

  .areas-section-content {
    width: 100%;
    padding-right: 0;
    padding-bottom: 40px;
  }

  .areas-section-content p:last-of-type {
    margin-bottom: 20px;
  }

  .areas-section-head {
    font-size: 22px;
    line-height: 32px;
  }

  /* faq right section css */
  .faq-img-left-area {
    width: 100%;
  }

  .faq-section .faq-pg-content {
    width: 100%;
    padding-left: 0;
    padding-top: 40px;
  }

  /* client */
  .service-detail1 .ourclient_sec {
    padding-top: 40px;
  }

  .service-detail1 .divider {
    padding: 0;
  }

  .service-detail1 .areas-section {
    padding-top: 40px;
  }
}

@media (max-width: 768px) {
  ul.faq-list-items {
    row-gap: 15px;
  }
}

@media (max-width: 576px) {

  /* area we serve section */
  .areas-section-content ul.areas-sec-list {
    column-count: 2;
  }

  .areas-section-content ul.areas-sec-list li {
    font-size: 14px;
  }
}