/* 4 shape card */

.cr-insp-serv-section.cr-certi-card-light-green {
  max-width: 1400px;
}
.cr-certi-card-light-green .cr-insp-serv-items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: unset;
  gap: 20px;
}
.cr-certi-card-light-green .cr-insp-serv-items .cr-insp-serv-item {
  background-image: url(/wp-content/uploads/2024/12/light-green-sq.png);
  width: 250px;
  aspect-ratio: 1 / 1;

  flex: 1px;
  height: 210px;
}
.cr-certi-card-light-green
  .cr-insp-serv-items
  .cr-insp-serv-item:hover
  .cr-insp-serv-item-para {
  color: white;
}
.cr-certi-card-light-green h5 {
  color: #636569;
  font-family: Arimo;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.44px;
  margin: 0px 0px 00px 0px;
}
.two-cols-card-section .swiper-slide {
  display: flex;
}
@media screen and (max-width: 760px) {
  .cr-accre-section--sustainability {
    margin: 114px 0 20px;
  }

  .cr-accre-section--sustainability p {
    font-size: clamp(14px, 3vw, 20px);
    max-width: 80%;
    margin: 0 auto;
  }

  .cr-insp-serv-section--sustainability {
    margin: 0 0 20px;
  }
  .cr-insp-serv-section--sustainability > * {
    box-sizing: border-box;
  }
  .cr-insp-serv-section--sustainability .cr-insp-serv-items {
    padding: 0 20px;
    align-items: stretch;
    gap: 11px;
  }
  .cr-insp-serv-section--sustainability .cr-insp-serv-items .cr-insp-serv-item {
    width: calc((100% - 60px) / 2);
    flex: 1;
    padding: 19px 12px;
    height: 120px;
  }
  .cr-insp-serv-section--sustainability
    .cr-insp-serv-items
    .cr-insp-serv-item
    p {
    font-size: clamp(10px, 2.6vw, 14px);
  }
}

/* .home light green skin */
.home-blue-card-section.light-green-skin {
  background: #e2efdf;
  margin-bottom: 150px;
  min-height: 420px;
  position: relative;
}
.home-blue-card-section.light-green-skin .bg-shape {
  display: none;
}
.home-blue-card-section.light-green-skin .home-blue-card-grid {
  min-height: 420px;
}
.home-blue-card-section.light-green-skin .service-blue-text-wrapper {
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home-blue-card-section.light-green-skin .service-blue-text-wrapper .title,
.home-blue-card-section.light-green-skin .service-blue-text-wrapper .desc {
  color: #00358e;
}
.home-blue-card-section.light-green-skin
  .service-blue-text-wrapper
  .link-btn-wrapper {
  margin-top: 30px;
}
.home-blue-card-section.light-green-skin
  .service-blue-text-wrapper
  .link-btn-wrapper
  a {
  font-family: "Arimo", sans-serif;
  font-size: 24px;
  color: #00358e;
  border-bottom: 1px solid #00358e;
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  .home-blue-card-section--sustainability {
    min-height: auto !important;
  }

  .home-blue-card-section--sustainability .uk-container {
    /* background: #a0cb9959; */
    background: none;
  }

  .home-blue-card-section--sustainability .home-blue-card-grid {
    min-height: auto !important;
  }

  .home-blue-card-section--sustainability
    .home-blue-card-grid
    .left-content
    .service-blue-text-wrapper {
    padding: 54px 13% !important;
    align-items: flex-start;
  }

  .home-blue-card-section--sustainability
    .home-blue-card-grid
    .left-content
    .service-blue-text-wrapper
    .title {
    font-size: clamp(22px, 5.8vw, 34px) !important;
    line-height: 1.4 !important;
  }
  .home-blue-card-section--sustainability
    .home-blue-card-grid
    .left-content
    .service-blue-text-wrapper
    .desc {
    font-size: clamp(14px, 3.6vw, 20px) !important;
    line-height: 1.4 !important;
  }

  .home-blue-card-section--sustainability
    .home-blue-card-grid
    .left-content
    .service-blue-text-wrapper
    .desc
    p {
    margin: 0;
  }

  .home-blue-card-section--sustainability
    .home-blue-card-grid
    .left-content
    .service-blue-text-wrapper
    .link-btn-wrapper {
    margin-top: 24px;
    float: right;
    margin-left: auto;
  }

  .home-blue-card-section--sustainability
    .home-blue-card-grid
    .left-content
    .service-blue-text-wrapper
    .link-btn-wrapper
    a {
    font-size: clamp(12px, 2vw, 20px) !important;
  }

  /* .home-blue-card-section--sustainability .image-wrapper div:nth-child(1) {
      display: none;
    } */

  .home-blue-card-section--sustainability .home-blue-card-grid .left-content {
    position: relative;
  }
}

/* *** left right card *** */
section.two-cols-card-section {
  margin: 120px auto;
}
.two-cols-card-section .main-title {
  font-size: 43px;
  font-weight: 700;
  line-height: 49px;
  color: #003594;

  text-align: center;
  margin-bottom: 47px;
}
.two-cols-card {
  position: relative;
  background-color: #a0cb9959;
  padding: 40px;
  column-gap: 45px;
  height: 348px;
}
.two-cols-card:not(:last-of-type) {
  margin-bottom: 20px;
}
.two-cols-card:nth-child(even) {
  /* flex-direction: row-reverse; */
  flex-direction: row;
}
.two-cols-card:nth-child(odd) {
  flex-direction: row-reverse;
}

.two-cols-card .text,
.two-cols-card img {
  z-index: 1;
}
.two-cols-card img {
  object-fit: cover;
  object-position: center;
}
.two-cols-card .text .title {
  font-size: 30px;
  font-weight: 700;
  line-height: 34px;
  color: #003594;
  margin-bottom: 24px;
}
.two-cols-card .text .desc {
  font-size: 24px;
  font-weight: 500;
  line-height: 27px;
  color: #003594;
}

.two-cols-card-section--sustainability .two-cols-card .text .bg-shape {
  display: none;
  left: 0;
  top: 0;
}

@media screen and (max-width: 1200px) {
  .two-cols-card-section--sustainability .two-cols-card {
    overflow: hidden;
    height: auto;
  }

  .two-cols-card-section--sustainability .two-cols-card .text .title {
    font-size: clamp(24px, 2.5vw, 30px);
    line-height: 1.4;
    position: relative;
    z-index: 1;
  }
  .two-cols-card-section--sustainability .two-cols-card .text .desc {
    font-size: clamp(16px, 2vw, 24px);
    line-height: 1.2;
    position: relative;
    z-index: 1;
  }
  .home-blue-card-section.light-green-skin .bg-shape {
    display: block;
    position: absolute;
    height: 100%;
    left: 0;
  }
}

@media screen and (max-width: 760px) {
  .two-cols-card-section--sustainability .main-title {
    font-size: 22px;
    line-height: 1.4;
    max-width: 80%;
    margin: 0 auto 20px;
  }
  .two-cols-card-section--sustainability .two-cols-cards {
    margin: 0 calc(50% - 50vw);
  }

  .two-cols-card-section--sustainability
    .two-cols-cards
    .tow-cols-cards-container {
    align-items: stretch !important;
    padding-bottom: 35px;
  }

  .two-cols-card-section--sustainability .two-cols-card {
    /* height: 100%; */
    flex-direction: column-reverse;
    /* justify-content: space-between; */
    padding: 0;
    align-self: stretch !important;
    margin: 0;
  }
  .two-cols-card-section--sustainability .two-cols-card .text {
    width: 100%;
    padding: 54px 10% 0 16%;
    position: relative;
    min-height: 400px;
  }
  .two-cols-card-section--sustainability .two-cols-card .text .title {
    font-size: clamp(24px, 5vw, 30px);
    line-height: 1.4;
  }

  .two-cols-card-section--sustainability .two-cols-card .text .desc {
    font-size: clamp(14px, 3vw, 24px);
    line-height: 1.2;
    margin-bottom: 20px;
    flex: 1;
    font-weight: 400;
  }

  .two-cols-card-section--sustainability .two-cols-card .thumbnail-img {
    width: 100%;
    height: 230px;
    object-fit: cover !important;
  }
  .two-cols-card-section--sustainability .two-cols-card .text .bg-shape {
    display: block;
    position: absolute;
    height: 100%;
  }
}

/* *** swiper reset in desktop *** */
@media (min-width: 760px) {
  .two-cols-card-section .swiper-wrapper {
    display: block;
  }
  .two-cols-card-section .swiper-slide {
    width: auto !important;
  }
  .two-cols-card-section .swiper-pagination {
    display: none;
  }
}