.elementor-2956 .elementor-element.elementor-element-d349724{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2956 .elementor-element.elementor-element-a6347bc{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2956 .elementor-element.elementor-element-5262444 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2956 .elementor-element.elementor-element-9c77c47{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2956 .elementor-element.elementor-element-9d77b23{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2956 .elementor-element.elementor-element-aafe8ae img{width:50%;max-width:50%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2956 .elementor-element.elementor-element-111d2fa{text-align:center;}.elementor-2956 .elementor-element.elementor-element-111d2fa .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#121212;}.elementor-2956 .elementor-element.elementor-element-7d29236{--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;}.elementor-2956 .elementor-element.elementor-element-e90e8e5 img{width:50%;max-width:50%;}.elementor-2956 .elementor-element.elementor-element-c28d0c3{text-align:center;}.elementor-2956 .elementor-element.elementor-element-c28d0c3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#121212;}.elementor-2956 .elementor-element.elementor-element-ef88ffd{--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;}.elementor-2956 .elementor-element.elementor-element-a7afe9d img{width:50%;max-width:50%;}.elementor-2956 .elementor-element.elementor-element-60586df{text-align:center;}.elementor-2956 .elementor-element.elementor-element-60586df .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#121212;}.elementor-2956 .elementor-element.elementor-element-4fe8e67{--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;}.elementor-2956 .elementor-element.elementor-element-7383b9f img{width:50%;max-width:50%;}.elementor-2956 .elementor-element.elementor-element-3be47cb{text-align:center;}.elementor-2956 .elementor-element.elementor-element-3be47cb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#121212;}.elementor-2956 .elementor-element.elementor-element-6a05ef9{--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;}.elementor-2956 .elementor-element.elementor-element-ee60404 img{width:50%;max-width:50%;}.elementor-2956 .elementor-element.elementor-element-2e3bd7d{text-align:center;}.elementor-2956 .elementor-element.elementor-element-2e3bd7d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#121212;}.elementor-2956 .elementor-element.elementor-element-f9497c8{--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;}.elementor-2956 .elementor-element.elementor-element-fee2532 img{width:50%;max-width:50%;}.elementor-2956 .elementor-element.elementor-element-4e0d9c9{text-align:center;}.elementor-2956 .elementor-element.elementor-element-4e0d9c9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#121212;}.elementor-2956 .elementor-element.elementor-element-ee2a0b2{--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;}.elementor-2956 .elementor-element.elementor-element-219afec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2956 .elementor-element.elementor-element-355a159{--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;}.elementor-2956 .elementor-element.elementor-element-c13883d{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-2956 .elementor-element.elementor-element-99bf426{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-2956 .elementor-element.elementor-element-99bf426 .elementor-divider-separator{width:100%;}.elementor-2956 .elementor-element.elementor-element-99bf426 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-2956 .elementor-element.elementor-element-58b0d49{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-2956 .elementor-element.elementor-element-58b0d49 .elementor-divider-separator{width:100%;}.elementor-2956 .elementor-element.elementor-element-58b0d49 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-2956 .elementor-element.elementor-element-f620e78{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-2956 .elementor-element.elementor-element-f620e78 .elementor-divider-separator{width:100%;}.elementor-2956 .elementor-element.elementor-element-f620e78 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-2956 .elementor-element.elementor-element-c40023f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-2956 .elementor-element.elementor-element-c40023f .elementor-divider-separator{width:100%;}.elementor-2956 .elementor-element.elementor-element-c40023f .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-2956 .elementor-element.elementor-element-8ce2411{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-2956 .elementor-element.elementor-element-8ce2411 .elementor-divider-separator{width:100%;}.elementor-2956 .elementor-element.elementor-element-8ce2411 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-2956 .elementor-element.elementor-element-52770a9{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-2956 .elementor-element.elementor-element-52770a9 .elementor-divider-separator{width:100%;}.elementor-2956 .elementor-element.elementor-element-52770a9 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-2956 .elementor-element.elementor-element-b6eac5f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-2956 .elementor-element.elementor-element-b6eac5f .elementor-divider-separator{width:100%;}.elementor-2956 .elementor-element.elementor-element-b6eac5f .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-2956 .elementor-element.elementor-element-72ac7ab{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2956 .elementor-element.elementor-element-5522908{--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;}@media(min-width:768px){.elementor-2956 .elementor-element.elementor-element-9d77b23{--width:25%;}.elementor-2956 .elementor-element.elementor-element-7d29236{--width:25%;}.elementor-2956 .elementor-element.elementor-element-ef88ffd{--width:25%;}.elementor-2956 .elementor-element.elementor-element-4fe8e67{--width:25%;}.elementor-2956 .elementor-element.elementor-element-6a05ef9{--width:25%;}.elementor-2956 .elementor-element.elementor-element-f9497c8{--width:25%;}.elementor-2956 .elementor-element.elementor-element-355a159{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-856aac7 */element.style {
    width: 171% !important;
    height: 166.67%;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    transform: scale(0.6);
    transform-origin: 0px 0px;
    display: block;
    max-width: 171% !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ba042e *//* ================= ROOT ================= */
.case-study {
  padding: 120px 20px;
  font-family: "Inter", sans-serif;
  position: relative;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
  overflow: hidden;
}

/* ===== BACKGROUND SHAPES ===== */
.case-study::before,
.case-study::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: 0;
  animation: float 12s ease-in-out infinite;
}

.case-study::before {
  width: 420px;
  height: 420px;
  top: -180px;
  left: -180px;
  background: rgba(106, 214, 230, 0.3); /* #6ad6e6 30% */
}

.case-study::after {
  width: 520px;
  height: 520px;
  bottom: -220px;
  right: -220px;
  background: rgba(37, 99, 235, 0.18);
  animation-delay: 3s;
}

/* Keep content above */
.case-study > * {
  position: relative;
  z-index: 2;
}

/* ================= HEADER ================= */
.case-header {
  max-width: 1200px;
  margin: auto auto 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.case-header h3 {
  font-size: 36px;
  font-weight: 800;
  color: #0f172a;
}

.case-header .brand {
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(37,99,235,.12);
  color: #2563eb;
  font-weight: 600;
}

/* ================= MAIN CARD ================= */
.case-box {
  max-width: 1200px;
  margin: auto;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(18px);
  border-radius: 28px;
  padding: 65px;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 70px;
  box-shadow: 0 50px 120px rgba(15,23,42,.18);
  animation: fadeUp 1s ease forwards;
}

/* ================= CONTENT ================= */
.case-content h4 {
  font-size: 30px;
  font-weight: 800;
  color: #0f172a;
}

.meta {
  display: inline-block;
  margin-top: 8px;
  font-size: 14px;
  color: #64748b;
}

.problem {
  margin-top: 26px;
  padding-left: 14px;
  border-left: 4px solid #2563eb;
  font-weight: 600;
  color: #1e293b;
}

.case-subtitle {
  margin-top: 36px;
  font-size: 19px;
  font-weight: 700;
  color: #1e3a8a;
}

.description {
  margin-top: 14px;
  font-size: 15.8px;
  line-height: 1.85;
  color: #475569;
}

/* ================= LIST ================= */
.case-list {
  margin-top: 20px;
  padding-left: 0;
}

.case-list li {
  position: relative;
  padding-left: 34px;
  margin-bottom: 14px;
  font-size: 15.6px;
  color: #334155;
}

.case-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #2563eb;
  font-weight: 800;
}

/* ================= REVIEW ================= */
.review-box {
  margin-top: 50px;
  background: linear-gradient(135deg, #eef2ff, #f8fafc);
  padding: 38px;
  border-radius: 20px;
  position: relative;
}

.review-box::before {
  content: "“";
  position: absolute;
  top: -26px;
  left: 22px;
  font-size: 80px;
  color: rgba(37,99,235,.25);
}

.review-box .stars {
  color: #facc15;
  font-size: 18px;
  margin-bottom: 16px;
}

.review-box p {
  font-size: 16px;
  font-style: italic;
  color: #1e293b;
}

.review-box .reviewer {
  display: block;
  margin-top: 16px;
  font-weight: 700;
  color: #2563eb;
}

/* ================= RIGHT IMAGES ================= */
.case-image {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.case-image img {
  width: 100%;
  

  transition: transform .6s ease;
  animation: float 8s ease-in-out infinite;
}

.case-image img:hover {
  transform: translateY(-12px) scale(1.02);
}

/* ================= ANIMATIONS ================= */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes float {
  0% { transform: translateY(0); }
  50% { transform: translateY(18px); }
  100% { transform: translateY(0); }
}

/* ================= RESPONSIVE ================= */
@media (max-width: 900px) {
  .case-box {
    grid-template-columns: 1fr;
    padding: 40px;
  }

  .case-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd8c6a7 */.case-header {

  margin: auto auto 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

img.image1.lazyloaded {
    width: 100% !important;
}

.case-header h3 {
  font-size: 30px;
  font-weight: 800;
  color: #0f172a;
}

.case-header .brand {
  font-weight: 600;
  color: #2563eb;
}

.case-box {
 
  margin: auto;
  background: #ffffff;
  border-radius: 22px;
  padding: 55px;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 50px;
  
}

.case-content h4 {
  font-size: 26px;
  font-weight: 700;
  color: #0f172a;
}

.meta {
  font-size: 14px;
  color: #64748b;
}

.problem {
  margin-top: 25px;
  font-weight: 600;
  color: #0f172a;
}

.case-subtitle {
  margin-top: 30px;
  font-size: 17px;
  font-weight: 700;
  color: #2563eb;
}

.description {
  margin-top: 12px;
  font-size: 15.5px;
  line-height: 1.75;
  color: #475569;
}

/* Bullet lists */
.case-list {
  margin-top: 15px;
  padding-left: 0;
}

.case-list li {
position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  font-size: 15px;
  color: #334155;
  line-height: 1.6;
}

.case-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #2563eb;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 9px;
}


/* Review */
.review-box {
  margin-top: 40px;
  background: #f8fafc;
  padding: 30px;
  border-radius: 16px;
  border-left: 4px solid #2563eb;
}

.review-box .stars {
  color: #facc15;
  font-size: 18px;
  margin-bottom: 12px;
}

.review-box p {
  font-size: 15.5px;
  font-style: italic;
  color: #334155;
}

.review-box .reviewer {
  display: block;
  margin-top: 12px;
  font-weight: 600;
  font-size: 14px;
}

/* Image */
/*.case-image img {*/
/*  width: 100%;*/
 
/*  object-fit: cover;*/
/*  border-radius: 16px;*/
/*  box-shadow: 0 25px 55px rgba(15, 23, 42, 0.18);*/
/*}*/

/* Responsive */
@media (max-width: 900px) {
  .case-box {
    grid-template-columns: 1fr;
    padding: 35px;
  }

  .case-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e27bdf5 */.case-study {
  
  font-family: "Inter";
}



img.image3.lazyloaded {
    max-width: 60%;
    margin-left: 100px;
}

.case-header {

  margin: auto auto 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.case-header h3 {
  font-size: 30px;
  font-weight: 800;
  color: #0f172a;
}

.case-header .brand {
  font-weight: 600;
  color: #2563eb;
}

.case-box {
  max-width: 1200px;
  margin: auto;
  background: #ffffff;
  border-radius: 22px;
  padding: 55px;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 50px;
  
}

.case-content h4 {
  font-size: 26px;
  font-weight: 700;
  color: #0f172a;
}

.meta {
  font-size: 14px;
  color: #64748b;
}

.problem {
  margin-top: 25px;
  font-weight: 600;
  color: #0f172a;
}

.case-subtitle {
  margin-top: 30px;
  font-size: 17px;
  font-weight: 700;
  color: #2563eb;
}

.description {
  margin-top: 12px;
  font-size: 15.5px;
  line-height: 1.75;
  color: #475569;
}

/* Bullet lists */
.case-list {
  margin-top: 15px;
  padding-left: 0;
}

.case-list li {
position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  font-size: 15px;
  color: #334155;
  line-height: 1.6;
}

.case-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #2563eb;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 9px;
}


/* Review */
.review-box {
  margin-top: 40px;
  background: #f8fafc;
  padding: 30px;
  border-radius: 16px;
  border-left: 4px solid #2563eb;
}

.review-box .stars {
  color: #facc15;
  font-size: 18px;
  margin-bottom: 12px;
}

.review-box p {
  font-size: 15.5px;
  font-style: italic;
  color: #334155;
}

.review-box .reviewer {
  display: block;
  margin-top: 12px;
  font-weight: 600;
  font-size: 14px;
}

/* Image */
/*.case-image img {*/
/*  width: 100%;*/
 
/*  object-fit: cover;*/
/*  border-radius: 16px;*/
/*  box-shadow: 0 25px 55px rgba(15, 23, 42, 0.18);*/
/*}*/

/* Responsive */
@media (max-width: 900px) {
  .case-box {
    grid-template-columns: 1fr;
    padding: 35px;
  }

  .case-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-060bc33 */.case-study {
  
  font-family: "Inter";
}

img.image9.lazyloaded {
    max-width: 70%;
    margin-left: 70px;
    border-radius: 10px;
}

.case-header {
  
  margin: auto auto 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.case-header h3 {
  font-size: 30px;
  font-weight: 800;
  color: #0f172a;
}

.case-header .brand {
  font-weight: 600;
  color: #2563eb;
}

.case-box {
  
  margin: auto;
  background: #ffffff;
  border-radius: 22px;
  padding: 55px;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 50px;
  
}

.case-content h4 {
  font-size: 26px;
  font-weight: 700;
  color: #0f172a;
}

.meta {
  font-size: 14px;
  color: #64748b;
}

.problem {
  margin-top: 25px;
  font-weight: 600;
  color: #0f172a;
}

.case-subtitle {
  margin-top: 30px;
  font-size: 17px;
  font-weight: 700;
  color: #2563eb;
}

.description {
  margin-top: 12px;
  font-size: 15.5px;
  line-height: 1.75;
  color: #475569;
}

/* Bullet lists */
.case-list {
  margin-top: 15px;
  padding-left: 0;
}

.case-list li {
position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  font-size: 15px;
  color: #334155;
  line-height: 1.6;
}

.case-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #2563eb;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 9px;
}


/* Review */
.review-box {
  margin-top: 40px;
  background: #f8fafc;
  padding: 30px;
  border-radius: 16px;
  border-left: 4px solid #2563eb;
}

.review-box .stars {
  color: #facc15;
  font-size: 18px;
  margin-bottom: 12px;
}

.review-box p {
  font-size: 15.5px;
  font-style: italic;
  color: #334155;
}

.review-box .reviewer {
  display: block;
  margin-top: 12px;
  font-weight: 600;
  font-size: 14px;
}

/* Image */
/*.case-image img {*/
/*  width: 100%;*/
 
/*  object-fit: cover;*/
/*  border-radius: 16px;*/
/*  box-shadow: 0 25px 55px rgba(15, 23, 42, 0.18);*/
/*}*/

/* Responsive */
@media (max-width: 900px) {
  .case-box {
    grid-template-columns: 1fr;
    padding: 35px;
  }

  .case-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89a0430 */.case-study {
  
  font-family: "Inter";
}

img.image2 {
    max-width: 70%;
    border-radius: 10px;
    margin-left: 50px;
}

.case-header {
  
  margin: auto auto 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.case-header h3 {
  font-size: 30px;
  font-weight: 800;
  color: #0f172a;
}

.case-header .brand {
  font-weight: 600;
  color: #2563eb;
}

.case-box {
  max-width: 1200px;
  margin: auto;
  background: #ffffff;
  border-radius: 22px;
  padding: 55px;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 50px;
  box-shadow: 0 30px 70px rgba(15, 23, 42, 0.1);
}

.case-content h4 {
  font-size: 26px;
  font-weight: 700;
  color: #0f172a;
}

.meta {
  font-size: 14px;
  color: #64748b;
}

.problem {
  margin-top: 25px;
  font-weight: 600;
  color: #0f172a;
}

.case-subtitle {
  margin-top: 30px;
  font-size: 17px;
  font-weight: 700;
  color: #2563eb;
}

.description {
  margin-top: 12px;
  font-size: 15.5px;
  line-height: 1.75;
  color: #475569;
}

/* Bullet lists */
.case-list {
  margin-top: 15px;
  padding-left: 0;
}

.case-list li {
position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  font-size: 15px;
  color: #334155;
  line-height: 1.6;
}

.case-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #2563eb;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 9px;
}


/* Review */
.review-box {
  margin-top: 40px;
  background: #f8fafc;
  padding: 30px;
  border-radius: 16px;
  border-left: 4px solid #2563eb;
}

.review-box .stars {
  color: #facc15;
  font-size: 18px;
  margin-bottom: 12px;
}

.review-box p {
  font-size: 15.5px;
  font-style: italic;
  color: #334155;
}

.review-box .reviewer {
  display: block;
  margin-top: 12px;
  font-weight: 600;
  font-size: 14px;
}

/* Image */
/*.case-image img {*/
/*  width: 100%;*/
 
/*  object-fit: cover;*/
/*  border-radius: 16px;*/
/*  box-shadow: 0 25px 55px rgba(15, 23, 42, 0.18);*/
/*}*/

/* Responsive */
@media (max-width: 900px) {
  .case-box {
    grid-template-columns: 1fr;
    padding: 35px;
  }

  .case-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d6322ec */.case-study {
  
  font-family: "Inter";
}

img.ls-is-cached.lazyloaded {
    width: 100%;
}

.case-header {
  
  margin: auto auto 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.case-header h3 {
  font-size: 30px;
  font-weight: 800;
  color: #0f172a;
}

.case-header .brand {
  font-weight: 600;
  color: #2563eb;
}

.case-box {
  max-width: 1200px;
  margin: auto;
  background: #ffffff;
  border-radius: 22px;
  padding: 55px;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 50px;
  box-shadow: 0 30px 70px rgba(15, 23, 42, 0.1);
}

.case-content h4 {
  font-size: 26px;
  font-weight: 700;
  color: #0f172a;
}

.meta {
  font-size: 14px;
  color: #64748b;
}

.problem {
  margin-top: 25px;
  font-weight: 600;
  color: #0f172a;
}

.case-subtitle {
  margin-top: 30px;
  font-size: 17px;
  font-weight: 700;
  color: #2563eb;
}

.description {
  margin-top: 12px;
  font-size: 15.5px;
  line-height: 1.75;
  color: #475569;
}

/* Bullet lists */
.case-list {
  margin-top: 15px;
  padding-left: 0;
}

.case-list li {
position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  font-size: 15px;
  color: #334155;
  line-height: 1.6;
}

.case-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #2563eb;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 9px;
}


/* Review */
.review-box {
  margin-top: 40px;
  background: #f8fafc;
  padding: 30px;
  border-radius: 16px;
  border-left: 4px solid #2563eb;
}

.review-box .stars {
  color: #facc15;
  font-size: 18px;
  margin-bottom: 12px;
}

.review-box p {
  font-size: 15.5px;
  font-style: italic;
  color: #334155;
}

.review-box .reviewer {
  display: block;
  margin-top: 12px;
  font-weight: 600;
  font-size: 14px;
}

/* Image */
/*.case-image img {*/
/*  width: 100%;*/
 
/*  object-fit: cover;*/
/*  border-radius: 16px;*/
/*  box-shadow: 0 25px 55px rgba(15, 23, 42, 0.18);*/
/*}*/

/* Responsive */
@media (max-width: 900px) {
  .case-box {
    grid-template-columns: 1fr;
    padding: 35px;
  }

  .case-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07248f1 */.case-study {
  
  font-family: "Inter";
}


img.img10.lazyloaded {
    width: 70%;
    margin-left: 80px;
}


.case-header {
  
  margin: auto auto 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.case-header h3 {
  font-size: 30px;
  font-weight: 800;
  color: #0f172a;
}

.case-header .brand {
  font-weight: 600;
  color: #2563eb;
}

.case-box {
  max-width: 1200px;
  margin: auto;
  background: #ffffff;
  border-radius: 22px;
  padding: 55px;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 50px;
  box-shadow: 0 30px 70px rgba(15, 23, 42, 0.1);
}

.case-content h4 {
  font-size: 26px;
  font-weight: 700;
  color: #0f172a;
}

.meta {
  font-size: 14px;
  color: #64748b;
}

.problem {
  margin-top: 25px;
  font-weight: 600;
  color: #0f172a;
}

.case-subtitle {
  margin-top: 30px;
  font-size: 17px;
  font-weight: 700;
  color: #2563eb;
}

.description {
  margin-top: 12px;
  font-size: 15.5px;
  line-height: 1.75;
  color: #475569;
}

/* Bullet lists */
.case-list {
  margin-top: 15px;
  padding-left: 0;
}

.case-list li {
position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  font-size: 15px;
  color: #334155;
  line-height: 1.6;
}

.case-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #2563eb;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 9px;
}


/* Review */
.review-box {
  margin-top: 40px;
  background: #f8fafc;
  padding: 30px;
  border-radius: 16px;
  border-left: 4px solid #2563eb;
}

.review-box .stars {
  color: #facc15;
  font-size: 18px;
  margin-bottom: 12px;
}

.review-box p {
  font-size: 15.5px;
  font-style: italic;
  color: #334155;
}

.review-box .reviewer {
  display: block;
  margin-top: 12px;
  font-weight: 600;
  font-size: 14px;
}

/* Image */
/*.case-image img {*/
/*  width: 100%;*/
 
/*  object-fit: cover;*/
/*  border-radius: 16px;*/
/*  box-shadow: 0 25px 55px rgba(15, 23, 42, 0.18);*/
/*}*/

/* Responsive */
@media (max-width: 900px) {
  .case-box {
    grid-template-columns: 1fr;
    padding: 35px;
  }

  .case-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2b520e */.case-study {
  
  font-family: "Inter";
}



img.img10.lazyloaded {
    width: 100%;
    margin-left: 50px;
    top: 10px;
    position: relative;
    
}


.case-header {
  
  margin: auto auto 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.case-header h3 {
  font-size: 30px;
  font-weight: 800;
  color: #0f172a;
}

.case-header .brand {
  font-weight: 600;
  color: #2563eb;
}

.case-box {
  max-width: 1200px;
  margin: auto;
  background: #ffffff;
  border-radius: 22px;
  padding: 55px;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 50px;
  box-shadow: 0 30px 70px rgba(15, 23, 42, 0.1);
}

.case-content h4 {
  font-size: 26px;
  font-weight: 700;
  color: #0f172a;
}

.meta {
  font-size: 14px;
  color: #64748b;
}

.problem {
  margin-top: 25px;
  font-weight: 600;
  color: #0f172a;
}

.case-subtitle {
  margin-top: 30px;
  font-size: 17px;
  font-weight: 700;
  color: #2563eb;
}

.description {
  margin-top: 12px;
  font-size: 15.5px;
  line-height: 1.75;
  color: #475569;
}

/* Bullet lists */
.case-list {
  margin-top: 15px;
  padding-left: 0;
}

.case-list li {
position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  font-size: 15px;
  color: #334155;
  line-height: 1.6;
}

.case-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #2563eb;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 9px;
}


/* Review */
.review-box {
  margin-top: 40px;
  background: #f8fafc;
  padding: 30px;
  border-radius: 16px;
  border-left: 4px solid #2563eb;
}

.review-box .stars {
  color: #facc15;
  font-size: 18px;
  margin-bottom: 12px;
}

.review-box p {
  font-size: 15.5px;
  font-style: italic;
  color: #334155;
}

.review-box .reviewer {
  display: block;
  margin-top: 12px;
  font-weight: 600;
  font-size: 14px;
}

/* Image */
/*.case-image img {*/
/*  width: 100%;*/
 
/*  object-fit: cover;*/
/*  border-radius: 16px;*/
/*  box-shadow: 0 25px 55px rgba(15, 23, 42, 0.18);*/
/*}*/

/* Responsive */
@media (max-width: 900px) {
  .case-box {
    grid-template-columns: 1fr;
    padding: 35px;
  }

  .case-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}/* End custom CSS */