.bg-transparent{
background-color: none !important;
}
.bg-banner{
    background-image: url('../img/banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat ;
}
@media screen and (min-width: 769px) {
    .bg-banner{
      min-height: 630px !important;
    }
    .bg-banner{
        background-image: url('../img/banner.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat ;
    }
    .text-sm-center{
        text-align: left !important;
    }
  }
  @media screen and (max-width: 769px) {
    .bg-banner{
        background-image: none;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat ;
    }
  }
body{
    background-color: #f8f8f8;
}
.card-bottom{
    border-bottom: solid #ff818f 5px;
    border-left: none;
    border-right: none;
    border-top: none;
}
.bg-main{
    background-color: #4b53e4 !important;
}
@media screen and (max-width: 769px) {
    .bg-sm-main{
        background-color: #4b53e4 !important;
    }
    .text-sm-white{
        color: #fff !important;
    }
    .text-sm-center{
        text-align: center !important;
    }
}

.text-main{
    color: #4b53e4 !important;
}
.bg-main-2{
    background-color: #ff818f !important;
}
.text-main-2{
    color: #ff818f !important;
}
div.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .rounded-15{
      border-radius: 15px !important;
  }
  .navbar-light .navbar-toggler {
    color: rgb(255 255 255);
    border-color: rgb(255 255 255 / 45%);
}
.navbar-light .navbar-toggler-icon {
     filter: invert(1);
}
.list_box_loading{
    background: no-repeat top left url(/images/loading.gif) white;
    background-size:contain;
    padding-left:calc(1.5em + .75rem + 2px);
    border-radius: .25rem;
}