.pad-karmic-img {
  padding: 48px 24px;
}
@media (min-width: 650px) {
  .pad-karmic-img {
    padding: 48px max(5%, 32px);
  }

  .bg-karmic-gray .card {
    margin-bottom: 0px;
  }
}
@media (min-width: 1000px) {
  .pad-karmic-img {
    padding: 120px max(5%, 32px);
  }
}
.pad-karmic-img > img{
  max-width: 1200px;
}

.bg-karmic-white { background: white }

.bg-karmic-gray { background: rgb(231, 242, 246)}
.bg-karmic-gray .card {
  background-color: white;
  padding: 24px;
  margin-bottom: 24px;
}
.bg-karmic-gray .card .mat {
  /* box-shadow: 0px 4px 30px 0px rgba(5, 54, 112, 0.12); */
  box-shadow: 0px 3px 10px 0px rgba(5, 54, 112, 0.07);
}

.bg-karmic-checker {
  background: url(/img/karmic/Checker_BG.png) center center repeat;
}

.bg-karmic-light-blue {
  background: url(/img/karmic/compressed/Snapchat_Blue_BG_3.jpg) center center no-repeat;
  background-size: cover;
}

.bg-karmic-dark-blue {
  background: url(/img/karmic/compressed/Navy_BG.jpg) center center no-repeat;
  background-size: cover;
}

.bg-karmic-dark-blue {
  color: #ABD6EA;
  font-size: 0.9em;
}
.bg-karmic-dark-blue h4 {
  color: white;
}
.bg-karmic-dark-blue .card{
  max-width: 330px;
}.page.remitly .bigImg{
  background: #f3f4f7;
  padding: 32px;
  width: 100%;
  border-radius: 8px;
}
.page.remitly  .bigImg .mat{
  background-color: white;
  box-shadow: var(--shadow);
  padding: 20px;
}
.page.remitly  .mat > img {
  background-color: #ffffff;
}

.page.remitly  section .shadow {
  border-radius: 8px;
}

.pad-remitly-img {
  padding: 48px 24px;
}

.gap-remitly-vertical {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 650px) {
  .pad-remitly-img {
    padding: 48px max(5%, 32px);
  }
  .gap-remitly-vertical { gap: 48px;}
  .bg-remitly-gray .x3 .card {
    margin-bottom: 0px;
  }

  .page.remitly  .bigImg{padding: 48px;}
  .page.remitly  .bigImg .mat{padding: 48px}
}
@media (min-width: 1000px) {
  .pad-remitly-img {
    padding: 120px 10%;
  }
  .gap-remitly-vertical { gap: 96px;}

  .page.remitly  .bigImg{padding: 60px;}
  .page.remitly  .bigImg .mat{padding: 80px}

  .page.remitly section .shadow.escaped{
    max-width: 980px;
    overflow: hidden;
  }
}
@media (min-width: 1300px) {
  /* .pad-remitly-img > .shadow {
    min-width: 1200px;
  } */
}
.pad-remitly-img > *{
  width: min(100%, 1200px);
}

.bg-remitly-hero {
  background: url(/img/remitly/remitly-hero-bg.jpg) center center no-repeat;
  background-size: cover;
}

.bg-remitly-hero .display{
  padding: 100px 0;
}

.bg-remitly-blue {
  background: -moz-linear-gradient(45deg, #2a5ea5 0%, #74afff 100%);
  background: -webkit-linear-gradient(45deg, #2a5ea5 0%, #74afff 100%);
  background: linear-gradient(45deg, #2a5ea5 0%, #74afff 100%);
}

.bg-remitly-gray {
  background: #f3f4f7;
}

.bg-remitly-gray .shadow {
  background-color: white;
  overflow: visible; 
}

/* x2 points to form UI examples */
.bg-remitly-gray .x2.escaped {
  max-width: 900px
}
/* x3 points to form level errors section */
.bg-remitly-gray .x3 .card {
  background-color: white;
  box-shadow: var(--shadow);
  margin-bottom: 32px;
}
.bg-remitly-gray .card {
  padding-bottom: 24px
}

.bg-remitly-gray .card h3,
.bg-remitly-gray .card h4,
.bg-remitly-gray .card p{
  padding: 0 24px;
}
.samsara .mat {
  padding: 48px;
  background-color: #F5F5F5;
}
.samsara .mat > img {
  background-color: #F5F5F5;
}

.samsara-dataviz .mat {
  padding: 48px;
  background-color: #F0F2F4;
}

.samsara-dataviz .mat > img {
  padding: 32px;
  background-color: #ffffff;
}

.samsara-dataviz .cardGroup.x3 .mat {
  padding: 32px;
}

.samsara-dataviz .cardGroup.x3 .mat > img {
  padding: 0px;
}


.samsara .concernCard {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #F5F5F5;
  padding: 24px;
  margin-bottom: 24px;
  gap: 24px;
  border-radius: var(--border-radius);
}
.samsara .concernCard img{
  display: 'block';
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  background: 'red';
}
.samsara .concernCard div {
  flex-shrink: 1;
}

.samsara .concernStack {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  background: #f5f5f5;
  border-radius: var(--border-radius);
  margin-bottom: var(--rhythm-spacing);
}

.samsara .concernStack p {
  background-color: #fff;
  padding:24px;
  border-radius: var(--border-radius);
  margin: 0;
}