.banner {
    padding: 100px 0;
    background: #f3f3f3;
    background-image: url(https://digitalcardsformedia.com/wp-content/uploads/sites/4/2026/04/slider.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

  .banner h1 {
    color: #fff;
    font-family: Inter;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .banner strong{
    color: #fff;
    display: block;
    font-size: 24px;
  }

  .banner p {
    color: #fff;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 177.778% */
  }

.bottomhighlight {
    margin-top: 30px;
}
.bottomhighlight ul {
    padding: 0;
    margin: 0;
}
.bottomhighlight ul li {
    list-style: none;
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 20px;
    color: #fff;
}
.bottomhighlight ul li span {
    vertical-align: middle;
}
.material-symbols-light--check-box-outline {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m10.6 15.508l6.396-6.396l-.707-.708l-5.689 5.688l-2.85-2.85l-.708.708zM5.616 20q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h12.769q.69 0 1.153.463T20 5.616v12.769q0 .69-.462 1.153T18.384 20zm0-1h12.769q.23 0 .423-.192t.192-.424V5.616q0-.231-.192-.424T18.384 5H5.616q-.231 0-.424.192T5 5.616v12.769q0 .23.192.423t.423.192M5 5v14z' stroke-width='0.5' stroke='%23fff'/%3E%3C/svg%3E");
}

.btn-custom {
    background-color: #124BDC;
    color: #fff;
    padding: 10px 20px;
    box-shadow: 0px 7px 6px #00000033;
}

  .btn-custom:hover {
    background-color: #124BDC;
    color: #ffffff;
    box-shadow: none;
  }


@media (max-width: 768px) {
  .banner {
    padding: 40px 0;
    background: #617afa;
  }
  .banner h1 {
      font-size: 30px;
  }
  .banner strong {
      font-size: 20px;
      font-weight: normal;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .banner {
      padding: 60px 0;
      background: #000;
  }
  .leftImgBox{
    width: 100%;
  }
}