.p-0
{
  padding: 0 !important;
}
.p-t-0
{
  padding-top: 0 !important;
}
.p-t-5
{
  padding-top: 5px !important;
}
.p-t-10
{
  padding-top: 10px !important;
}
.p-t-15
{
  padding-top: 15px !important;
}
.p-t-20
{
  padding-top: 20px !important;
}
.p-b-0
{
  padding-bottom: 0 !important;
}
.p-b-10
{
  padding-bottom: 10px !important;
}
.p-b-20
{
  padding-bottom: 20px !important;
}
.p-b-30
{
  padding-bottom: 30px !important;
}
.p-b-40
{
  padding-bottom: 40px !important;
}
.p-r-0
{
  padding-right: 0 !important;
}
.p-r-10
{
  padding-right: 10px !important;
}
.p-r-20
{
  padding-right: 20px !important;
}
.p-r-30
{
  padding-right: 30px !important;
}
.p-r-40
{
  padding-right: 40px !important;
}
.m-t-m-5
{
  margin-top: -5px !important;
}
.m-t-9
{
  margin-top: 9px !important;
}
.m-t-1
{
  margin-top: 1px !important;
}
.m-t-2
{
  margin-top: 2px !important;
}
.m-t-3
{
  margin-top: 3px !important;
}
.m-t-4
{
  margin-top: 4px !important;
}
.m-t-5
{
  margin-top: 5px !important;
}
.m-t-6
{
  margin-top: 6px !important;
}
.m-t-7
{
  margin-top: 7px !important;
}
.m-t-8
{
  margin-top: 8px !important;
}
.m-t-9
{
  margin-top: 9px !important;
}
.m-t-10
{
  margin-top: 10px !important;
}
.m-t-11
{
  margin-top: 11px !important;
}
.m-t-12
{
  margin-top: 12px !important;
}
.m-t-13
{
  margin-top: 13px !important;
}
.m-t-14
{
  margin-top: 14px !important;
}
.m-t-15
{
  margin-top: 15px !important;
}
.m-b-0
{
  margin-bottom: 0 !important;
}
.m-b-5
{
  margin-bottom: 5px !important;
}
.m-b-10
{
  margin-bottom: 10px !important;
}
.m-l-0
{
  margin-left: 0 !important;
}
.m-l-5
{
  margin-left: 5 !important;
}
.m-l-10
{
  margin-left: 10 !important;
}
.m-l-20
{
  margin-left: 20 !important;
}
.m-r-a
{
    margin-right: auto; !important;
}
.m-l-a
{
    margin-left: auto; !important;
}
.b-white
{
  background-color: #fff !important;
}
.t-justify
{
 text-align: justify;
}
.d-block
{
    display: block !important;
}
.m-height-100
{
  min-height: 100px !important;
}
.mx-height-50
{
  max-height: 50px !important;
}
.b-radius-0
{
  border-radius: 5px !important;
}
.width-200
{
  width: 200px !important;
}
.m-width-650
{
  width: 650px !important;
}
.modal-lg {
  --bs-modal-width: 600px;
}
.f-14
{
  font-size: 14px;
}
.div-user-img
{
    width: 104px;
    height: 134px;
    border: 2px solid;
    border-radius: 4px;
    border-color: #ced4da !important;
}
.div-user-img-md
{
    width: 80px;
    height: 103px;
    border: 2px solid;
    border-radius: 4px;
    border-color: #ced4da !important;
}
.user-img
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
/*
.cert-logo
{
  background-image: url(../img/bnb-logo-o-2.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 300px;
}*/

/* client slider design*/
.slider {
    background: #efeef2;
    height: 75pt;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    cursor: default;
    user-select: none;
    touch-action: none;
}

.slider:before {
    left: 0;
    top: 0;
}
.slider:after,
.slider:before {
    background: linear-gradient(
        to right,
        #efeef2 0%,
        hsla(0, 0%, 100%, 0) 100%
    );
    content: "";
    height: 75pt;
    position: absolute;
    width: 200px;
    z-index: 2;
}
.slider:after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}
.slider:after,
.slider:before {
    background: linear-gradient(
        to right,
        #fff 0%,
        hsla(0, 0%, 100%, 0) 100%
    );
    content: "";
    height: 75pt;
    position: absolute;
    width: 200px;
    z-index: 2;
}

.slider .slide-track-1 {
    animation: scroll-l 30s linear infinite;
    display: flex;
    width: 3500px;
}
.slider .slide-track-2 {
    animation: scroll-r 30s linear infinite;
    display: flex;
    width: 3500px;
}

.slider .slide {
    height: 75pt;
    width: 250px;
    display: flex;
    align-items: center;
    text-align: center;
}
.slider .slide img {
    width: 180px;
    padding: 1pc;
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

@keyframes scroll-l {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 7));
    }
}
@keyframes scroll-r {
    100% {
        transform: translateX(0);
    }
    0% {
        transform: translateX(calc(-250px * 7));
    }
}