.elementor-2661 .elementor-element.elementor-element-121a2d6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-300px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:350px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2661 .elementor-element.elementor-element-121a2d6:not(.elementor-motion-effects-element-type-background), .elementor-2661 .elementor-element.elementor-element-121a2d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(341deg, #000000 40%, var( --e-global-color-6ccc577 ) 100%);}.elementor-2661 .elementor-element.elementor-element-827ddc5{width:var( --container-widget-width, 90% );max-width:90%;animation-duration:1300ms;--container-widget-width:90%;--container-widget-flex-grow:0;animation-delay:600ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-2661 .elementor-element.elementor-element-827ddc5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .col-title a, .elementor-2661 .elementor-element.elementor-element-827ddc5 .col-title{color:var( --e-global-color-secondary );}.elementor-2661 .elementor-element.elementor-element-827ddc5 .col-title, .elementor-2661 .elementor-element.elementor-element-827ddc5 .col-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;text-transform:none;line-height:62px;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .col-title{margin-bottom:-9px;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .col-subtitle{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:60px;font-weight:700;line-height:60px;letter-spacing:0.26px;margin-bottom:26px;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .widget-content{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;line-height:30px;letter-spacing:-0.31px;margin-top:0px;margin-bottom:16px;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .aux-widget-text .aux-text-widget-content{padding:0px 0px 0px 0px;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .aux-widget-advanced-text{text-align:center !important;}.elementor-2661 .elementor-element.elementor-element-45126f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2661 .elementor-element.elementor-element-a9ff624{width:100%;max-width:100%;}@media(min-width:768px){.elementor-2661 .elementor-element.elementor-element-45126f8{--content-width:1236px;}}@media(max-width:1024px){.elementor-2661 .elementor-element.elementor-element-827ddc5{width:100%;max-width:100%;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .col-subtitle{font-size:50px;}}@media(max-width:880px){.elementor-2661 .elementor-element.elementor-element-827ddc5 .col-title, .elementor-2661 .elementor-element.elementor-element-827ddc5 .col-title a{font-size:16px;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .col-subtitle{font-size:40px;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .widget-content{font-size:18px;}}@media(max-width:767px){.elementor-2661 .elementor-element.elementor-element-827ddc5 .col-title, .elementor-2661 .elementor-element.elementor-element-827ddc5 .col-title a{font-size:14px;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .col-title{margin-bottom:0px;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .col-subtitle{font-size:30px;line-height:1.4em;margin-top:0px;margin-bottom:10px;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .widget-content{font-size:16px;margin-top:0px;margin-bottom:0px;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .aux-widget-text .aux-text-widget-content{padding:0px 0px 0px 0px;}.elementor-2661 .elementor-element.elementor-element-827ddc5 .aux-widget-advanced-text{padding:0px 0px 0px 0px;}}/* Start custom CSS for aux_text, class: .elementor-element-827ddc5 */.elementor-2661 .elementor-element.elementor-element-827ddc5 .aux-button{
    border-radius: 12px;
}
.elementor-2661 .elementor-element.elementor-element-827ddc5 .aux-icon {
 background: var( --e-global-color-1588be06 );
 border-radius: 50%;
 padding: 4px;
 transition: all 0.5s;
}
.elementor-2661 .elementor-element.elementor-element-827ddc5 .aux-button:hover .aux-icon {
 background: var( --e-global-color-3a24763 );
}


.elementor-2661 .elementor-element.elementor-element-827ddc5 p{
    margin-bottom: 5px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9ff624 *//* ===============================
   GRID
================================ */
.case-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  font-family: "Inter", Sans-serif !important;
}

/* ===============================
   CARD
================================ */
.case-card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(0,0,0,0.08);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.case-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 45px rgba(0,0,0,0.12);
}

/* ===============================
   IMAGE
================================ */
.case-image {
  height: 260px;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  transition: transform 0.6s ease;
}

/* IMAGE ZOOM */
.case-card:hover .case-image {
  transform: scale(1.08);
}

/* IMAGE OVERLAY */
.case-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.25) 0%,
    rgba(0,0,0,0.45) 60%,
    rgba(0,0,0,0.7) 100%
  );
  transition: background 0.4s ease;
  z-index: 1;
}

.case-card:hover .case-image::before {
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.35) 0%,
    rgba(0,0,0,0.55) 60%,
    rgba(0,0,0,0.8) 100%
  );
}

/* ===============================
   TAGS
================================ */
.tags {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 2;
}

.tags span {
  background: #AD7D2B;
  color: #fff;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  margin-right: 6px;
  font-weight: 500;
}

/* ===============================
   OVERLAY TEXT
================================ */
.overlay-text {
  position: absolute;
  bottom: 22px;
  left: 22px;
  z-index: 2;
  color: #fff;
}

.overlay-text h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.overlay-text p {
  margin: 4px 0 0;
  font-size: 14px;
  opacity: 0.9;
}

/* ===============================
   CONTENT
================================ */
.case-content {
  padding: 32px;
}

.case-content h3 {
  font-size: 22px;
  margin-bottom: 14px;
}

.case-content p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

/* ===============================
   UPDATED STATS GRID
================================ */
.stats-grid {
  margin: 26px 0;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.stats-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 18px;
}

.stats-row:last-child {
  margin-bottom: 0;
}

.stat-item strong {
  font-size: 26px;
  color: #AD7D2B;
  font-weight: 700;
}

.stat-item span {
  display: block;
  font-size: 13px;
  color: #777;
}

/* ===============================
   LINK
================================ */
.case-link {
  font-weight: 600;
  color: #000;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.case-link:hover {
  text-decoration: underline;
}

/* ===============================
   PAGINATION
================================ */
.case-pagination {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.case-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  margin: 0 6px;
  border-radius: 50%;
  border: 2px solid #AD7D2B;
  color: #AD7D2B;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.case-pagination .page-numbers:hover,
.case-pagination .page-numbers.current {
  background: #AD7D2B;
  color: #fff;
}

/* ===============================
   RESPONSIVE
================================ */
@media (max-width: 1024px) {
  .case-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .case-grid {
    grid-template-columns: 1fr;
  }

  .stats-row {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .stat-item strong {
    font-size: 24px;
  }

  .case-content {
    padding: 24px;
  }
}/* End custom CSS */