/*==============================
=            banner            =
==============================*/
.banner {
  display: flex;
  height: 400px;
  overflow: hidden;
  position: relative; }
  .banner .titleWrapper {
    display: flex;
    align-items: end;
    width: 100%;
    height: 100%;
    position: absolute; }
    .banner .titleWrapper .title {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding-bottom: 30px;
      height: 100%;
      padding: 0px 30px 30px;
      background: linear-gradient(0deg, #1f438d 0%, rgba(31, 67, 141, 0) 30%);
      color: #ffffff;
      opacity: 0.9;
      font-family: var(--head);
      font-size: 32px;
      font-weight: 700;
      width: 100%;
      text-align: center; }
  .banner .imgWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
    .banner .imgWrapper .bannerImg {
      width: 100%; 
      height: 100%;
    }

/*=====  End of banner  ======*/

.bg-light{
	background: rgb(248 249 250 / 90%)!important;
}

.sec-desc ul{
  list-style: none;
}

.sec-desc li{
  list-style-type: none;
  display: flex;
  align-items: flex-start;
  margin: 5px 0;
  text-align-last: left;
}

.sec-desc li:before {
    content: url(../images/bullet.svg);
    margin-right: 5px;
    width: 25px;
    flex-shrink: 0;
}