.elementor-185 .elementor-element.elementor-element-8550144{--display:flex;}.elementor-185 .elementor-element.elementor-element-8b9314c{--display:flex;--min-height:173px;--justify-content:center;--overlay-opacity:0.5;--border-radius:0px 0px 20px 20px;--margin-top:-27px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-185 .elementor-element.elementor-element-8b9314c:not(.elementor-motion-effects-element-type-background), .elementor-185 .elementor-element.elementor-element-8b9314c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(178deg, var( --e-global-color-accent ) 0%, var( --e-global-color-1b9afb9 ) 100%);}.elementor-185 .elementor-element.elementor-element-8b9314c::before, .elementor-185 .elementor-element.elementor-element-8b9314c > .elementor-background-video-container::before, .elementor-185 .elementor-element.elementor-element-8b9314c > .e-con-inner > .elementor-background-video-container::before, .elementor-185 .elementor-element.elementor-element-8b9314c > .elementor-background-slideshow::before, .elementor-185 .elementor-element.elementor-element-8b9314c > .e-con-inner > .elementor-background-slideshow::before, .elementor-185 .elementor-element.elementor-element-8b9314c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-1b9afb9 );--background-overlay:'';}.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-185 .elementor-element.elementor-element-74a452e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:var( --e-global-color-048f99c );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-185 .elementor-element.elementor-element-12c6175 p{margin-block-end:0px;}.elementor-185 .elementor-element.elementor-element-12c6175{color:var( --e-global-color-048f99c );}.elementor-185 .elementor-element.elementor-element-12c6175 a{color:var( --e-global-color-048f99c );}.elementor-185 .elementor-element.elementor-element-12c6175 a:hover, .elementor-185 .elementor-element.elementor-element-12c6175 a:focus{color:var( --e-global-color-accent );}.elementor-185 .elementor-element.elementor-element-dfc1989{--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-185 .elementor-element.elementor-element-2d3dc37{text-align:center;}.elementor-185 .elementor-element.elementor-element-2d3dc37 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:var( --e-global-color-1b9afb9 );}.elementor-185 .elementor-element.elementor-element-39798c8{--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:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-185 .elementor-element.elementor-element-cebde65{--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;}.elementor-185 .elementor-element.elementor-element-1220f9e{--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;}.elementor-185 .elementor-element.elementor-element-bcd8574{--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-185 .elementor-element.elementor-element-2b8413a{text-align:center;}.elementor-185 .elementor-element.elementor-element-2b8413a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:var( --e-global-color-1b9afb9 );}@media(max-width:767px){.elementor-185 .elementor-element.elementor-element-74a452e .elementor-heading-title{font-size:20px;}.elementor-185 .elementor-element.elementor-element-12c6175 p{margin-block-end:0px;}}/* Start custom CSS for html, class: .elementor-element-7603acb */* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #ffffff;
}

/* SECTION */
.card-section {
  width: 100%;
  padding: 8px 8px; /* less outside space */
  display: flex;
  justify-content: center;
  overflow: hidden;
}

/* CARD */
.img-card {
  width: min(390px, 97vw); /* wider on mobile */
  border-radius: 25px;
  padding: 14px;
  color: #fff;
  overflow: hidden;

  background:
    radial-gradient(120% 90% at 20% 10%, rgba(255,255,255,.10) 0%, rgba(0,0,0,0) 55%),
    radial-gradient(120% 90% at 80% 90%, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #215C46 0%, #184A38 55%, #12382B 100%);
}

/* IMAGE */
.media-wrap {
  border-radius: 20px;
  overflow: hidden;
}

.media-wrap img {
  width: 100%;
  height: 220px;
  display: block;
  object-fit: cover;
}

/* CONTENT */
.content {
  padding-top: 8px;
}

.content h3 {
  margin: 14px 0 8px;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.content p {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
}

/* BUTTON */
.action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s ease, transform .15s ease;
}

.action:hover {
  background: #ffff00;
  color: #000;
  transform: translateY(-1px);
}

.action svg {
  width: 18px;
  height: 18px;
}

.action path {
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* MOBILE */
@media (max-width: 420px) {
  .card-section {
    padding: 6px 6px;
  }

  .img-card {
    width: 100vw; /* almost full width */
    border-radius: 22px;
    padding: 12px;
  }

  .media-wrap img {
    height: 210px;
  }

  .content h3 {
    font-size: 23px;
  }

  .content p {
    font-size: 17px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a978eed */* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #ffffff;
}

/* SECTION */
.card-section {
  width: 100%;
  padding: 8px 8px; /* less outside space */
  display: flex;
  justify-content: center;
  overflow: hidden;
}

/* CARD */
.img-card {
  width: min(390px, 97vw); /* wider on mobile */
  border-radius: 25px;
  padding: 14px;
  color: #fff;
  overflow: hidden;

  background:
    radial-gradient(120% 90% at 20% 10%, rgba(255,255,255,.10) 0%, rgba(0,0,0,0) 55%),
    radial-gradient(120% 90% at 80% 90%, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #215C46 0%, #184A38 55%, #12382B 100%);
}

/* IMAGE */
.media-wrap {
  border-radius: 20px;
  overflow: hidden;
}

.media-wrap img {
  width: 100%;
  height: 220px;
  display: block;
  object-fit: cover;
}

/* CONTENT */
.content {
  padding-top: 8px;
}

.content h3 {
  margin: 14px 0 8px;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.content p {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
}

/* BUTTON */
.action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s ease, transform .15s ease;
}

.action:hover {
  background: #ffff00;
  color: #000;
  transform: translateY(-1px);
}

.action svg {
  width: 18px;
  height: 18px;
}

.action path {
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* MOBILE */
@media (max-width: 420px) {
  .card-section {
    padding: 6px 6px;
  }

  .img-card {
    width: 100vw; /* almost full width */
    border-radius: 22px;
    padding: 12px;
  }

  .media-wrap img {
    height: 210px;
  }

  .content h3 {
    font-size: 23px;
  }

  .content p {
    font-size: 17px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8cd9a5a */* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #ffffff;
}

/* SECTION */
.card-section {
  width: 100%;
  padding: 8px 8px; /* less outside space */
  display: flex;
  justify-content: center;
  overflow: hidden;
}

/* CARD */
.img-card {
  width: min(390px, 97vw); /* wider on mobile */
  border-radius: 25px;
  padding: 14px;
  color: #fff;
  overflow: hidden;

  background:
    radial-gradient(120% 90% at 20% 10%, rgba(255,255,255,.10) 0%, rgba(0,0,0,0) 55%),
    radial-gradient(120% 90% at 80% 90%, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #215C46 0%, #184A38 55%, #12382B 100%);
}

/* IMAGE */
.media-wrap {
  border-radius: 20px;
  overflow: hidden;
}

.media-wrap img {
  width: 100%;
  height: 220px;
  display: block;
  object-fit: cover;
}

/* CONTENT */
.content {
  padding-top: 8px;
}

.content h3 {
  margin: 14px 0 8px;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.content p {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
}

/* BUTTON */
.action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s ease, transform .15s ease;
}

.action:hover {
  background: #ffff00;
  color: #000;
  transform: translateY(-1px);
}

.action svg {
  width: 18px;
  height: 18px;
}

.action path {
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* MOBILE */
@media (max-width: 420px) {
  .card-section {
    padding: 6px 6px;
  }

  .img-card {
    width: 100vw; /* almost full width */
    border-radius: 22px;
    padding: 12px;
  }

  .media-wrap img {
    height: 210px;
  }

  .content h3 {
    font-size: 23px;
  }

  .content p {
    font-size: 17px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-365b125 */* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #ffffff;
}

/* SECTION */
.card-section {
  width: 100%;
  padding: 8px 8px; /* less outside space */
  display: flex;
  justify-content: center;
  overflow: hidden;
}

/* CARD */
.img-card {
  width: min(390px, 97vw); /* wider on mobile */
  border-radius: 25px;
  padding: 14px;
  color: #fff;
  overflow: hidden;

  background:
    radial-gradient(120% 90% at 20% 10%, rgba(255,255,255,.10) 0%, rgba(0,0,0,0) 55%),
    radial-gradient(120% 90% at 80% 90%, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #215C46 0%, #184A38 55%, #12382B 100%);
}

/* IMAGE */
.media-wrap {
  border-radius: 20px;
  overflow: hidden;
}

.media-wrap img {
  width: 100%;
  height: 220px;
  display: block;
  object-fit: cover;
}

/* CONTENT */
.content {
  padding-top: 8px;
}

.content h3 {
  margin: 14px 0 8px;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.content p {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
}

/* BUTTON */
.action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s ease, transform .15s ease;
}

.action:hover {
  background: #ffff00;
  color: #000;
  transform: translateY(-1px);
}

.action svg {
  width: 18px;
  height: 18px;
}

.action path {
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* MOBILE */
@media (max-width: 420px) {
  .card-section {
    padding: 6px 6px;
  }

  .img-card {
    width: 100vw; /* almost full width */
    border-radius: 22px;
    padding: 12px;
  }

  .media-wrap img {
    height: 210px;
  }

  .content h3 {
    font-size: 23px;
  }

  .content p {
    font-size: 17px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b57f2a5 */* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #ffffff;
}

/* SECTION */
.card-section {
  width: 100%;
  padding: 8px 8px; /* less outside space */
  display: flex;
  justify-content: center;
  overflow: hidden;
}

/* CARD */
.img-card {
  width: min(390px, 97vw); /* wider on mobile */
  border-radius: 25px;
  padding: 14px;
  color: #fff;
  overflow: hidden;

  background:
    radial-gradient(120% 90% at 20% 10%, rgba(255,255,255,.10) 0%, rgba(0,0,0,0) 55%),
    radial-gradient(120% 90% at 80% 90%, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #215C46 0%, #184A38 55%, #12382B 100%);
}

/* IMAGE */
.media-wrap {
  border-radius: 20px;
  overflow: hidden;
}

.media-wrap img {
  width: 100%;
  height: 220px;
  display: block;
  object-fit: cover;
}

/* CONTENT */
.content {
  padding-top: 8px;
}

.content h3 {
  margin: 14px 0 8px;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.content p {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
}

/* BUTTON */
.action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s ease, transform .15s ease;
}

.action:hover {
  background: #ffff00;
  color: #000;
  transform: translateY(-1px);
}

.action svg {
  width: 18px;
  height: 18px;
}

.action path {
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* MOBILE */
@media (max-width: 420px) {
  .card-section {
    padding: 6px 6px;
  }

  .img-card {
    width: 100vw; /* almost full width */
    border-radius: 22px;
    padding: 12px;
  }

  .media-wrap img {
    height: 210px;
  }

  .content h3 {
    font-size: 23px;
  }

  .content p {
    font-size: 17px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c28eee */* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #ffffff;
}

/* SECTION */
.card-section {
  width: 100%;
  padding: 8px 8px; /* less outside space */
  display: flex;
  justify-content: center;
  overflow: hidden;
}

/* CARD */
.img-card {
  width: min(390px, 97vw); /* wider on mobile */
  border-radius: 25px;
  padding: 14px;
  color: #fff;
  overflow: hidden;

  background:
    radial-gradient(120% 90% at 20% 10%, rgba(255,255,255,.10) 0%, rgba(0,0,0,0) 55%),
    radial-gradient(120% 90% at 80% 90%, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #215C46 0%, #184A38 55%, #12382B 100%);
}

/* IMAGE */
.media-wrap {
  border-radius: 20px;
  overflow: hidden;
}

.media-wrap img {
  width: 100%;
  height: 220px;
  display: block;
  object-fit: cover;
}

/* CONTENT */
.content {
  padding-top: 8px;
}

.content h3 {
  margin: 14px 0 8px;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.content p {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
}

/* BUTTON */
.action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s ease, transform .15s ease;
}

.action:hover {
  background: #ffff00;
  color: #000;
  transform: translateY(-1px);
}

.action svg {
  width: 18px;
  height: 18px;
}

.action path {
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* MOBILE */
@media (max-width: 420px) {
  .card-section {
    padding: 6px 6px;
  }

  .img-card {
    width: 100vw; /* almost full width */
    border-radius: 22px;
    padding: 12px;
  }

  .media-wrap img {
    height: 210px;
  }

  .content h3 {
    font-size: 23px;
  }

  .content p {
    font-size: 17px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-180317e */* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #ffffff;
}

/* SECTION */
.card-section {
  width: 100%;
  padding: 8px 8px; /* less outside space */
  display: flex;
  justify-content: center;
  overflow: hidden;
}

/* CARD */
.img-card {
  width: min(390px, 97vw); /* wider on mobile */
  border-radius: 25px;
  padding: 14px;
  color: #fff;
  overflow: hidden;

  background:
    radial-gradient(120% 90% at 20% 10%, rgba(255,255,255,.10) 0%, rgba(0,0,0,0) 55%),
    radial-gradient(120% 90% at 80% 90%, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #215C46 0%, #184A38 55%, #12382B 100%);
}

/* IMAGE */
.media-wrap {
  border-radius: 20px;
  overflow: hidden;
}

.media-wrap img {
  width: 100%;
  height: 220px;
  display: block;
  object-fit: cover;
}

/* CONTENT */
.content {
  padding-top: 8px;
}

.content h3 {
  margin: 14px 0 8px;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.content p {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
}

/* BUTTON */
.action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s ease, transform .15s ease;
}

.action:hover {
  background: #ffff00;
  color: #000;
  transform: translateY(-1px);
}

.action svg {
  width: 18px;
  height: 18px;
}

.action path {
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* MOBILE */
@media (max-width: 420px) {
  .card-section {
    padding: 6px 6px;
  }

  .img-card {
    width: 100vw; /* almost full width */
    border-radius: 22px;
    padding: 12px;
  }

  .media-wrap img {
    height: 210px;
  }

  .content h3 {
    font-size: 23px;
  }

  .content p {
    font-size: 17px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b47355 */* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #ffffff;
}

/* SECTION */
.card-section {
  width: 100%;
  padding: 8px 8px; /* less outside space */
  display: flex;
  justify-content: center;
  overflow: hidden;
}

/* CARD */
.img-card {
  width: min(390px, 97vw); /* wider on mobile */
  border-radius: 25px;
  padding: 14px;
  color: #fff;
  overflow: hidden;

  background:
    radial-gradient(120% 90% at 20% 10%, rgba(255,255,255,.10) 0%, rgba(0,0,0,0) 55%),
    radial-gradient(120% 90% at 80% 90%, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #215C46 0%, #184A38 55%, #12382B 100%);
}

/* IMAGE */
.media-wrap {
  border-radius: 20px;
  overflow: hidden;
}

.media-wrap img {
  width: 100%;
  height: 220px;
  display: block;
  object-fit: cover;
}

/* CONTENT */
.content {
  padding-top: 8px;
}

.content h3 {
  margin: 14px 0 8px;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.content p {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
}

/* BUTTON */
.action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s ease, transform .15s ease;
}

.action:hover {
  background: #ffff00;
  color: #000;
  transform: translateY(-1px);
}

.action svg {
  width: 18px;
  height: 18px;
}

.action path {
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* MOBILE */
@media (max-width: 420px) {
  .card-section {
    padding: 6px 6px;
  }

  .img-card {
    width: 100vw; /* almost full width */
    border-radius: 22px;
    padding: 12px;
  }

  .media-wrap img {
    height: 210px;
  }

  .content h3 {
    font-size: 23px;
  }

  .content p {
    font-size: 17px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc56b15 */* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #ffffff;
}

/* SECTION */
.card-section {
  width: 100%;
  padding: 8px 8px; /* less outside space */
  display: flex;
  justify-content: center;
  overflow: hidden;
}

/* CARD */
.img-card {
  width: min(390px, 97vw); /* wider on mobile */
  border-radius: 25px;
  padding: 14px;
  color: #fff;
  overflow: hidden;

  background:
    radial-gradient(120% 90% at 20% 10%, rgba(255,255,255,.10) 0%, rgba(0,0,0,0) 55%),
    radial-gradient(120% 90% at 80% 90%, rgba(0,0,0,.12) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #215C46 0%, #184A38 55%, #12382B 100%);
}

/* IMAGE */
.media-wrap {
  border-radius: 20px;
  overflow: hidden;
}

.media-wrap img {
  width: 100%;
  height: 220px;
  display: block;
  object-fit: cover;
}

/* CONTENT */
.content {
  padding-top: 8px;
}

.content h3 {
  margin: 14px 0 8px;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.content p {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
}

/* BUTTON */
.action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s ease, transform .15s ease;
}

.action:hover {
  background: #ffff00;
  color: #000;
  transform: translateY(-1px);
}

.action svg {
  width: 18px;
  height: 18px;
}

.action path {
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* MOBILE */
@media (max-width: 420px) {
  .card-section {
    padding: 6px 6px;
  }

  .img-card {
    width: 100vw; /* almost full width */
    border-radius: 22px;
    padding: 12px;
  }

  .media-wrap img {
    height: 210px;
  }

  .content h3 {
    font-size: 23px;
  }

  .content p {
    font-size: 17px;
  }
}/* End custom CSS */