.recent_project_section .desktop-only {
  display: block;
}
.recent_project_section .mobile-only {
  display: none;
}
div#recent .card_conta{
  cursor:pointer;
}
.recent_project_section .tab_header {
  display: flex;
  gap: 121px;
  justify-content: space-between;
  margin-bottom: 62px;
  position: relative;
  flex-wrap: wrap;
}
.recent_project_section .tab_btn {
  cursor: pointer;
  padding-bottom: 20px;
  position: relative;
  text-align: center;
  transition: color 0.3s ease, border-color 0.3s ease;
  border-bottom: 2px solid transparent;
  width: calc(50% - 60.5px);
}
.recent_project_section .tab_btn.active {
  border-bottom-color: var(--secondary-color);
}
.recent_project_section .tab_btn h3 {
  color: var(--body-color);
}

/* ===== TAB CONTENT ===== */
.recent_project_section .tab_content {
  opacity: 0;
  pointer-events: none;
  height: 0;
  overflow: hidden;
  transition: opacity 0.4s ease, height 0.4s ease;
}
.recent_project_section .tab_content.is-visible {
  opacity: 1;
  pointer-events: auto;
  height: auto;
  overflow: visible;
}

/* ===== CARD STYLES ===== */
.recent_project_section .wrap_card_conta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30.75px;
  margin-bottom: 63.66px;
}
.recent_project_section .card_conta {
  background: #f2f2f2;
  border-radius: 4px;
  overflow: hidden;
  width: calc(33.333% - 20.5px);
  position: relative;
  transition: 0.4s ease;
}
.recent_project_section .image_container {
  position: relative;
  aspect-ratio: 323 / 304;
  border-radius: 4px;
  overflow: hidden;
}
.recent_project_section .image_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.4s ease-in-out;
}
/* BEFORE + AFTER image layers */
.recent_project_section .image_container .before_img,
.recent_project_section .image_container .after_img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  will-change: opacity, transform;
}
.recent_project_section .image_container .before_img {
  opacity: 1;
  z-index: 1;
}
.recent_project_section .image_container .after_img {
  opacity: 0;
  z-index: 2;
}
/* Hover State */
.recent_project_section .card_conta:hover .before_img {
  opacity: 0;
  transform: scale(1.03);
}

.recent_project_section .card_conta:hover .after_img {
  opacity: 1;
  transform: scale(1);
}
/* --- LABEL TRANSITION --- */
.recent_project_section .state_label {
  display: inline-block;
  transition: opacity 0.4s ease-in-out;
}
/* Base state: show BEFORE */
.recent_project_section .before.state_label {
  display: inline-block;
  opacity: 1;
}
.recent_project_section .after.state_label {
  display: none;
  opacity: 0;
}
/* Hover state: swap */
.recent_project_section .card_conta:hover .before.state_label {
  display: none;
  opacity: 0;
}
.recent_project_section .card_conta:hover .after.state_label {
  display: inline-block;
  opacity: 1;
}
.recent_project_section .description_conta {
  padding: 24.5px 20px;
  text-align: center;
}
.recent_project_section .description_conta p {
  font-size: 18px;
  letter-spacing: 0.72px;
}
.recent_project_section .cta_conta.desktop-only.primary {
  text-align: center;
}

.recent_project_section div#recent .card_conta,
.recent_project_section .recent_slider_conta .card_conta {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.recent_project_section div#recent .card_conta .description_conta p,
.recent_project_section .recent_slider_conta .card_conta .description_conta p {
  transition: font-weight 0.3s ease, color 0.3s ease;
}
.recent_project_section div#recent .card_conta::after,
.recent_project_section .recent_slider_conta .card_conta::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  inset: 0;
  transition: background 0.4s ease;
}
.recent_project_section div#recent .card_conta:hover .description_conta p,
.recent_project_section .recent_slider_conta .card_conta:hover .description_conta p {
  font-weight: bold;
}
.recent_project_section div#recent .card_conta:hover::after,
.recent_project_section .recent_slider_conta .card_conta:hover::after {
  background: rgb(from var(--body-color) r g b / 0.27);
}

/* ===== SLICK BUTTONS ===== */
.recent_project_section .slick-prev:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none"><path d="M5.66667 1L1 6.33333L5.66667 11.6667" stroke="%23013744"/></svg>');
}
.recent_project_section .slick-next:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none"><path d="M1.33333 1L6 6.33333L1.33333 11.6667" stroke="%23013744"/></svg>');
}
.recent_project_section .slick-prev:before,
.recent_project_section .slick-next:before {
  content: "";
  display: inline-block;
  height: 14px;
  width: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}
.recent_project_section .slick-prev,
.recent_project_section .slick-next {
  top: unset;
  bottom: -32px;
  right: auto;
  height: 11px;
  border: none;
}
.recent_project_section .slick-prev {
  left: calc(50% - 22px);
}
.recent_project_section .slick-next {
  right: calc(50% - 22px);
  left: auto;
}

/* ===== TABLET ===== */
@media (min-width: 768px) and (max-width: 1024px) {
  .recent_project_section .wrap_card_conta {
    gap: 20px;
    margin-bottom: 40px;
  }
  .recent_project_section .tab_header {
    gap: 80px;
    margin-bottom: 50px;
  }
}

/* ===== MOBILE SLIDERS ===== */
@media (max-width: 767px) {
  .recent_project_section .desktop-only {
    display: none;
  }
  .recent_project_section .mobile-only {
    display: block;
  }
  .recent_project_section .mobile_section {
    padding: 0 35px;
  }
  .recent_project_section .mobile_section.recent_slider_conta {
    padding-bottom: 73.43px;
  }
  .recent_project_section .mobile_section.savings_slider_conta {
    background: #EAEAEA;
    padding-top: 38px;
    padding-bottom: 68.73px;
  }
  .recent_project_section .mobile_section.savings_slider_conta .card_conta {
    background: #ffffff;
  }
  .recent_project_section .mobile_heading {
    text-align: center;
    font-style: italic;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 8px;
    position: relative;
    color: var(--body-color);
  }
  .recent_project_section .recent_slider_conta .heading_conta {
    margin-bottom: 33.87px;
  }
  .recent_project_section .savings_slider_conta .heading_conta {
    margin-bottom: 26.87px;
  }
  .recent_project_section .mobile_heading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    min-width: 207px;
    height: 2px;
    background: var(--secondary-color);
  }
}

/* ===== SLIDER CARD WIDTH ===== */
.recent_project_section .recent_slider .card_conta,
.recent_project_section .savings_slider .card_conta {
  width: 90%;
  margin: 0 auto;
}
.recent_project_section .recent_popup_wrap {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  overflow-y: auto;
  padding: 40px 20px;
}

.recent_project_section .recent_popup_wrap.active {
  display: flex;
}

.recent_project_section .recent_popup_wrap .popup_inner {
  background: #fff;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1347px;
  /** overflow: hidden; **/
  position: relative;
  width: 100%;
  padding: 71.5px 81px 35px 67px;
  max-height: 90vh;
  overflow-y: auto;
}

.recent_project_section .close_recent_popup {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 35px;
  position: absolute;
  right: 18px;
  top: 18px;
  font-weight: 300;
  padding: 0;
  color: var(--body-color);

}

.recent_project_section .top_container {
  display: flex;
  flex-wrap: wrap;
  gap: 58px;
  width: 100%;
}

.recent_project_section .popup_left {
  width: calc(40.62% - 29px);
}

.recent_project_section h5.popup_title {
  color: #3E3E3F;
  font-size: 22px;
  font-weight: 500;
  line-height:42px;
  letter-spacing:-0.20px;
  margin-bottom: 11px;
}

.recent_project_section .popup_left p {
  font-family: "Roboto";
  color: #3E3E3F;
  font-size: 18px;
  font-weight: 400;
  line-height:32px;
  letter-spacing:0;
  margin-bottom: 0;
}
.recent_project_section .popup_left .popup_desc p {
  line-height: 28px;
  font-style: italic;
}
.recent_project_section .popup_left .client_review p {
  line-height: 28px;
}
.recent_project_section .popup_desc {
  margin-bottom:18.4px;
}
.recent_project_section .project_specifications {
  margin-bottom:34.6px;
}
.recent_project_section .popup_left .client_review{
  margin-bottom:14.9px;
}
.recent_project_section .popup_buttons {
  margin-bottom: 49.3px;
}

.recent_project_section .popup_buttons  a.cta_button {
  letter-spacing:-0.25px;
  text-transform: capitalize;
}

.recent_project_section .popup_buttons a.cta_button.yellow {
  padding: 17px 55.75px;
  margin-bottom: 21px;
}

.recent_project_section .popup_buttons a.cta_button.green {
  padding: 17px 50.8px;
}

.recent_project_section .quote {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: normal;
  line-height: 32px;
  font-style: normal;
  text-align: left;
  color: #3e3e3f;
}

.recent_project_section .popup_right {
  width: calc(59.38% - 29px);
  overflow-y: auto;
}


@media (max-width: 1024px) {
  .recent_project_section .top_container {
    flex-direction: column-reverse;
  }
  .recent_project_section .recent_popup_wrap .popup_inner {
    height: 80vh;
    padding: 50px;
  }
  .recent_project_section .popup_buttons {
    margin-bottom: 30px;
  }
  .recent_project_section .popup_desc {
    margin-bottom: 20px;
  }
  .recent_project_section .top_container {
    gap: 30px;
  }
  .recent_project_section .popup_left .client_review {
    margin-bottom: 27px;
  }
  .recent_project_section .project_specifications {
    margin-bottom: 20px;
  }
  .recent_project_section .popup_left,
  .recent_project_section .popup_right {
    width: 100%;
  }
  .recent_project_section .close_recent_popup {
    right: 12px;
    top: 12px;
  }
}
@media (max-width: 767px) {
  .recent_project_section .popup_buttons a.cta_button.yellow {
    padding: 17px 25.75px;
  }

  .recent_project_section .popup_buttons a.cta_button.green {
    padding: 17px 20.8px;
  }
  .recent_project_section .popup_left p, .recent_project_section .quote {
    font-size: 14px;
    line-height: 22px;
  }
  .recent_project_section h5.popup_title {
    font-size: 18px;
    letter-spacing: -.36px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .recent_project_section .close_recent_popup {
    right: 7px;
    top: 0px;
    font-size: 28px
  }
  .recent_project_section .recent_popup_wrap .popup_inner {
    height: 75vh;
    padding: 30px;
  }
  .recent_project_section .popup_buttons {
    margin-bottom: 30px;
  }
  .recent_project_section .popup_desc {
    margin-bottom: 20px;
  }
  .recent_project_section .top_container {
    gap: 20px;
  }
  .recent_project_section .popup_left .client_review {
    margin-bottom: 17px;
  }
  .recent_project_section .project_specifications {
    margin-bottom: 13px;
  }
  .recent_project_section .popup_left,
  .recent_project_section .popup_right {
    width: 100%;
  }
}
.recent_project_section .gallery_img_with_active {
  position: relative;
}
.recent_project_section .gallery_active_img {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 1;
  overflow: hidden;
}
.recent_project_section .gallery_active_img .image {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.4s ease;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
}
.recent_project_section .gallery_active_img .image.active {
  opacity: 1;
  position: relative;
}
.recent_project_section .wrap_gallery_img {
  padding-top: 29.4px;
}
.recent_project_section .gallery_img {
  display: flex;
  column-gap: 13px;
  justify-content: space-between;
}
.recent_project_section .gallery_img .image_ {
  aspect-ratio: 156 / 92;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease;
  width: 100%;
  position:relative;
}
.recent_project_section .gallery_img .image_:before {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  position: absolute;
  inset: 0;
}
.recent_project_section .gallery_img .image_.active:before {
  background-color: rgba(0, 0, 0, 0);
}
.recent_project_section .wrap_gallery_active_img {
  position: relative;
}
/* Arrows */
.recent_project_section .slider-arrow {
  position: absolute;
  background: none;
  top: 50%;
  color: #fff;
  border: none;
  padding: 12px;
  cursor: pointer;
  z-index: 10;
  font-size: 20px;
  width: 23px;
  height: 42px;
  transform: translateY(-50%);
}
.recent_project_section .slider-arrow.next { right: 10px; }
.recent_project_section .slider-arrow.prev { left: 10px; }
.recent_project_section .slider-arrow.next {
  position: absolute;
  right: 10px;
}
.recent_project_section .slider-arrow.next:after {
  background: var(--white-color);
  content: "";
  height: 1px;
  position: absolute;
  right: -1px;
  top: 17px;
  transform: translate(-50%, -50%) rotate(41deg);
  transform-origin: center;
  width: 14px;
}
.recent_project_section .slider-arrow.next:before {
  content: "";
  bottom: 14px;
  width: 14px;
  position: absolute;
  height: 1px;
  background: var(--white-color);
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(134deg);
}
.recent_project_section .slider-arrow.prev {
  position: absolute;
  left: 10px;
}
.recent_project_section .slider-arrow.prev:after {
  content: "";
  top: 18px;
  left: 12px;
  width: 14px;
  position: absolute;
  height: 1px;
  background: var(--white-color);
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.recent_project_section .slider-arrow.prev:before {
  content: "";
  bottom: 14px;
  width: 14px;
  position: absolute;
  height: 1px;
  background: var(--white-color);
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(45deg);
}
/* Responsive same as reference */
@media (max-width: 767px) {
  .recent_project_section .slider-arrow.prev:after {
    top: 18px;
    width: 7px;
  }
  .recent_project_section .popup_buttons a.cta_button {
    letter-spacing: -.25px;
    text-transform: capitalize;
    min-width: fit-content;
  }
  .recent_project_section .slider-arrow {
    background:none;
    height: 42px;
    padding: 12px;
    width: 15px;
    z-index: 10;
  }
  .recent_project_section .slider-arrow.next:before {
    bottom: 18px;
  }
  .recent_project_section .slider-arrow.next:after {
    right: 5px;
    top: 18px;
  }
  .recent_project_section .slider-arrow.next:after, .recent_project_section .slider-arrow.next:before {
    width: 7px;
  }
  .recent_project_section .slider-arrow.prev {
    left: -8px;
  }
  .recent_project_section .slider-arrow.next {
    right: -8px;
  }
  .recent_project_section .slider-arrow.prev:before {
    width: 7px;
    bottom: 18px;
  }
  .recent_project_section .slider-arrow.prev {
    left: 5px;
  }
  .recent_project_section .slider-arrow.next {;
    right: 5px;
  }
  .recent_project_section .gallery_img .image_ {
    aspect-ratio: 45 / 28;
  }
  .recent_project_section .gallery_active_img {
    aspect-ratio: 25/18;
  }
  .recent_project_section .wrap_gallery_img {
    overflow-x: hidden;
  }
  .recent_project_section .gallery_img {
    flex-wrap: nowrap;
    column-gap: 10px;
  }
  .recent_project_section .wrap_gallery_img {
    padding-top: 14px;
  }
}


{# updated css #}
.recent_project_section .real_saving .card_conta {
  width: 100%;
  /*   max-width: 1026px; */
  background: unset;
}
.recent_project_section .real_saving .image_container .after_img {
  opacity: 1;
}
.recent_project_section .real_saving .wrap_before_after_img_with_desc {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: space-between;
}
.recent_project_section .real_saving .before_img_with_desc {
  display: block;
}
.recent_project_section .real_saving .after_img_with_desc {
  display: flex;
  flex-direction: column-reverse;
  background: unset;
  padding: 2px;
  border-radius: 10px 10px 4px 4px;
  overflow: hidden;
}
.recent_project_section .real_saving .before_img_with_desc {
  display: flex;
  flex-direction: column-reverse;
  border-radius: 5px;
  overflow: hidden;
}
.recent_project_section .real_saving .card_conta:hover .before_img {
  opacity: unset;
  transform: unset;
}
.recent_project_section .real_saving .card_conta:hover .before.state_label {
  display: unset;
  opacity: unset;
}
.recent_project_section .real_saving .after.state_label {
  display: block;
  opacity: 1;
  display: inline-block;
}
.recent_project_section .real_saving .before_img_with_desc .description_conta {
  background-color: #f49c20;
}
.recent_project_section .real_saving .after_img_with_desc .description_conta {
  background-color: #71A62C;
}
.recent_project_section .real_saving  .description_conta p {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
}
.recent_project_section .real_saving .description_conta {
  background-color: #f49c20;
}

@media (min-width: 768px) {
  .recent_project_section .slick-prev:before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='54'><path d='M0 0 C0.99 0 1.98 0 3 0 C4.7265625 2.16796875 4.7265625 2.16796875 6.625 5.1875 C7.31722656 6.27417969 8.00945313 7.36085938 8.72265625 8.48046875 C9.08891113 9.05587402 9.45516602 9.6312793 9.83251953 10.22412109 C11.02593425 12.03944913 12.27734804 13.79650485 13.55859375 15.55078125 C14.18483643 16.4157019 14.18483643 16.4157019 14.82373047 17.2980957 C16.01320811 18.93227952 17.21149843 20.5600378 18.41015625 22.1875 C20 25 20 25 19.7902832 26.87304688 C18.82214333 29.47868004 17.50045005 31.53845582 15.9453125 33.84375 C15.33042969 34.76027344 14.71554687 35.67679688 14.08203125 36.62109375 C13.43621094 37.57113281 12.79039063 38.52117188 12.125 39.5 C11.48691406 40.45003906 10.84882813 41.40007813 10.19140625 42.37890625 C7.53828602 46.31704504 4.87745179 50.22137422 2 54 C1.01 53.67 0.02 53.34 -1 53 C-0.37415482 49.76222766 0.76481525 47.56320028 2.6171875 44.84765625 C3.14183594 44.07099609 3.66648437 43.29433594 4.20703125 42.49414062 C4.75746094 41.69169922 5.30789062 40.88925781 5.875 40.0625 C6.95673297 38.47073379 8.03749009 36.87830389 9.1171875 35.28515625 C9.62088867 34.54281738 10.12458984 33.80047852 10.64355469 33.03564453 C12.1761707 30.73561712 13.61731983 28.3931003 15 26 C14.26394531 25.01 13.52789062 24.02 12.76953125 23 C1.78325577 8.16890357 1.78325577 8.16890357 -1 3 C-0.67 2.01 -0.34 1.02 0 0 Z' fill='%23EBEBEB' transform='translate(1,0)'/></svg>");
    transform: rotate(180deg);
    height: 58px;
    width: 25px;
    opacity: 1;
  }
  .recent_project_section .slick-next:before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='54'><path d='M0 0 C0.99 0 1.98 0 3 0 C4.7265625 2.16796875 4.7265625 2.16796875 6.625 5.1875 C7.31722656 6.27417969 8.00945313 7.36085938 8.72265625 8.48046875 C9.08891113 9.05587402 9.45516602 9.6312793 9.83251953 10.22412109 C11.02593425 12.03944913 12.27734804 13.79650485 13.55859375 15.55078125 C14.18483643 16.4157019 14.18483643 16.4157019 14.82373047 17.2980957 C16.01320811 18.93227952 17.21149843 20.5600378 18.41015625 22.1875 C20 25 20 25 19.7902832 26.87304688 C18.82214333 29.47868004 17.50045005 31.53845582 15.9453125 33.84375 C15.33042969 34.76027344 14.71554687 35.67679688 14.08203125 36.62109375 C13.43621094 37.57113281 12.79039063 38.52117188 12.125 39.5 C11.48691406 40.45003906 10.84882813 41.40007813 10.19140625 42.37890625 C7.53828602 46.31704504 4.87745179 50.22137422 2 54 C1.01 53.67 0.02 53.34 -1 53 C-0.37415482 49.76222766 0.76481525 47.56320028 2.6171875 44.84765625 C3.14183594 44.07099609 3.66648437 43.29433594 4.20703125 42.49414062 C4.75746094 41.69169922 5.30789062 40.88925781 5.875 40.0625 C6.95673297 38.47073379 8.03749009 36.87830389 9.1171875 35.28515625 C9.62088867 34.54281738 10.12458984 33.80047852 10.64355469 33.03564453 C12.1761707 30.73561712 13.61731983 28.3931003 15 26 C14.26394531 25.01 13.52789062 24.02 12.76953125 23 C1.78325577 8.16890357 1.78325577 8.16890357 -1 3 C-0.67 2.01 -0.34 1.02 0 0 Z' fill='%23EBEBEB' transform='translate(1,0)'/></svg>");
    height: 58px;
    width: 25px;
    opacity: 1;
  }
  .recent_project_section .slick-prev {
    left: 0;
    top: 50%;
    right: auto;
    transform: translate(-71px, -12px);
  }
  .recent_project_section .slick-next {
    right: 0;
    top: 50%;
    left: auto;
    transform: translate(71px, -12px);
  }
  .recent_project_section .real_saving .card_conta .overlay_content {
    position: absolute;
    inset: 0;
    z-index: 2;
    background-color: rgb(0 0 0 / 80%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .4s ease-in-out;
    padding: 15px;
    overflow-y: auto;
    border-radius: 0px 0px 4px 4px;
  }
  .recent_project_section .real_saving .after_img_with_desc:hover .overlay_content {
    opacity: 1;
    transition: all .4s ease-in-out;
  }
  .recent_project_section .real_saving .before_img_with_desc:hover .overlay_content {
    opacity: 1;
    transition: all .2s ease-in-out;
  }
  .recent_project_section .real_saving .after_img_with_desc:hover .overlay_content_on_img {
    /*     border: 2px solid transparent; */
    /*     border-top: unset; */
  }
  .recent_project_section .real_saving .before_img_with_desc:hover .overlay_content_on_img {
    /*     border: 2px solid transparent; */
    /*     border-top: unset; */
  }
  .recent_project_section .real_saving .card_conta .overlay_content ul {
    margin-bottom: 0px;
  }
  .recent_project_section .real_saving .card_conta .overlay_content li {
    color: #fff;
    font-size: 26px;
    margin-bottom: 38px;
    position: relative;
    list-style: none;
  }
  .recent_project_section .real_saving .card_conta .overlay_content li:last-child {
    margin-bottom: 0px;
  }
  .recent_project_section .real_saving .card_conta .before_img_with_desc .overlay_content li:before {
    position: absolute;
    content: "";
    background-image: url(https://50147959.fs1.hubspotusercontent-na1.net/hubfs/50147959/Assetss-2025/Cross%20Icon.png);
    width: 32px;
    height: 32px;
    left: -42px;
    top: -6px;
  }
  .recent_project_section .real_saving .card_conta .after_img_with_desc .overlay_content li:before {
    position: absolute;
    content: "";
    background-image: url(https://50147959.fs1.hubspotusercontent-na1.net/hubfs/50147959/Assetss-2025/Check%20Mark%20Icon.png);
    width: 32px;
    height: 32px;
    left: -42px;
    top: -6px;
  }
  .recent_project_section .real_saving .card_conta .overlay_content_on_img {
    position: relative;
    /*     background-color: #000c; */
    padding-left: 1px;
    padding-right: 1px;
    border: 2px solid #00000052;
    border-top: unset;
    border-radius: 0px 0px 4px 4px;
  }
  .recent_project_section .real_saving .image_container {
    /*   border-radius: 0px 0px 4px 4px; */
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .recent_project_section .real_saving .wrap_before_after_img_with_desc {
    gap: 25px;
  }
  .recent_project_section .real_saving .card_conta .overlay_content li {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .recent_project_section .real_saving .description_conta p {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1230px) {
  .recent_project_section .slick-next:before {
    height: 40px;
    width: 16px;
  }
  .recent_project_section .slick-next {
    transform: translate(23px, -12px);
  }
  .recent_project_section .slick-prev:before {
    height: 40px;
    width: 16px;
  }
  .recent_project_section .slick-prev {
    transform: translate(-23px, -12px);
  }
}
@media (max-width: 767px) {
  .recent_project_section .mobile_real_saving.card_conta:hover .before_img {
    opacity: 1;
    transform: unset;
  }
  .recent_project_section .mobile_real_saving.card_conta:hover .before.state_label {
    display: inline-block;
    opacity: 1;
  }
  .recent_project_section .mobile_real_saving .image_container .after_img {
    opacity: unset;
  }
  .recent_project_section .mobile_real_saving.card_conta:hover .after_img {
    transform: unset;
  }
  .recent_project_section .mobile_real_saving .after.state_label {
    display: unset;
    opacity: unset;
  }
  .recent_project_section .mobile_real_saving .wrap_before_after_img_with_desc {
    display: flex;
    gap: 30px;
    flex-direction: column;
  }
  .recent_project_section .mobile_real_saving .wrap_before_after_img_with_desc .before_img_with_desc,
  .recent_project_section .mobile_real_saving .wrap_before_after_img_with_desc .after_img_with_desc {
    background: #d7d7d7;
    border-radius: 4px;
  }
  .recent_project_section .mobile_real_saving .wrap_before_after_img_with_desc {
    background: #EAEAEA;
  }
  .recent_project_section .mobile_real_saving .wrap_before_after_img_with_desc .before_img_with_desc,
  .recent_project_section .mobile_real_saving .wrap_before_after_img_with_desc .after_img_with_desc {
    display: flex;
    flex-direction: column-reverse;
  }
  .recent_project_section .mobile_real_saving .before_img_with_desc .description_conta {
    background-color: #f49c20;
  }
  .recent_project_section .mobile_real_saving .after_img_with_desc .description_conta {
    background-color: #71A62C;
  }
  .recent_project_section .mobile_real_saving  .description_conta p {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
  }
  .recent_project_section .mobile_real_saving .item_content ul {
    margin-bottom: 0px;
    padding-left: 35px;
  }
  .recent_project_section .mobile_real_saving .item_content ul li {
    font-size: 18px;
    position: relative;
    list-style: none;
    margin-bottom: 12px;
  }
  .recent_project_section .mobile_real_saving .item_content ul li:last-child {
    margin-bottom: 0px;
  }
  .recent_project_section .mobile_real_saving .item_content {
    padding: 24px 20px;
  }
  .recent_project_section .mobile_real_saving .after_img_with_desc .item_content ul li:before {
    position: absolute;
    content: "";
    background-image: url(https://50147959.fs1.hubspotusercontent-na1.net/hubfs/50147959/Assetss-2025/Check%20Mark%20Icon.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    left: -34px;
    top: -2px;
  }
  .recent_project_section .mobile_real_saving .before_img_with_desc .item_content ul li:before {
    position: absolute;
    content: "";
    background-image: url(https://50147959.fs1.hubspotusercontent-na1.net/hubfs/50147959/Assetss-2025/Cross%20Icon.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    left: -34px;
    top: -2px;
  }
}