/* Home Block Four */
.home-block-four { padding:28px 0 65px; }
.home-block-four .container { max-width:1322px; margin:0 auto;}

.hb4 { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }
.hb4-card { position:relative; height:330px; border-radius:12px; overflow:hidden;
  /* Adjustable paddings for top/left positioning of text */
  --hb4-pad-top: 30px; /* tweak to move content closer to top */
  --hb4-pad-right: 38px;
  --hb4-pad-bottom: 20px;
  --hb4-pad-left: 38px; /* tweak to move content closer to left */
  padding: var(--hb4-pad-top) var(--hb4-pad-right) var(--hb4-pad-bottom) var(--hb4-pad-left);
  display:flex; align-items:flex-start; justify-content:flex-start;
}
.hb4-card--left  { background:#DDF5F8; }
.hb4-card--right { background:#EAEFFF; }

.hb4__content { position:relative; z-index:2; max-width: 327px; margin:0; }
.hb4__title { font-weight:500; font-size:22px; line-height:30px; color:#000; margin:0 0 12px 0; }
.hb4__desc  { font-weight:400; font-size:16px; line-height:23px; color:#000; margin:0 0 55px 0; max-width:300px; }

.hb4__link { display:inline-flex; align-items:center; gap:8px; color:#045F93; text-decoration:none; font-weight:500; }
.hb4__link-i { width:16px; height:16px; color: #045F93}

.hb4__btn { display:inline-flex; align-items:center; justify-content:center; height:45px; padding:0 18px; border-radius:8px; background:#fff; color:#3A3A87; text-decoration:none; font-weight:400; }
.hb4__btn:hover { background: #FFFFFFBF; }
.hb4__circle { position:absolute; right:-60px; bottom:-90px; width:311px; height:311px; border-radius:50%; background: rgba(255,255,255,.5); z-index:1; pointer-events:none; }
.hb4__icon { position:absolute; right:28px; bottom:12px; z-index:2; width:150px; height:auto; }
.hb4-card--left  .hb4__icon { width:169px; height:178px; }
.hb4-card--right .hb4__icon { width:134px; height:178px; }


@media (max-width: 760px) {
  .hb4-card {
    padding: 16px;
  }

  .hb4__circle {
    width: 220px;
    height: 220px;
  }

  .hb4__icon {
    right: 14px;
    bottom: -5px;
  }

  .hb4-card--left .hb4__icon {
    width: 104px;
    height: 148px;
  }

  .hb4-card--right .hb4__icon {
    width: 104px;
    height: 148px;
  }

  .home-block-four {
    padding: 28px 0 0px;
  }
}

@media (max-width: 1100px){
  .hb4 { grid-template-columns: 1fr; }
  .hb4-card { height:auto; min-height:330px; }
}


@media (min-width: 319px) and (max-width: 424px) {
  .hb4__desc {
    font-size: 14px;
  }


  .hb4__link {
    font-size: 11px;
  }

  .hb4 {
    gap: 12px;
  }

  .hb4__title {
    font-size: 20px;
  }
}