/* CSS Document
ACI OFS Custom Styles
*/
     .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }
.brand-aci {
	top:0;
	left: 0;
	height: 54px;
	max-height: 54px!important;
	background: #fff;
	z-index: 1200
}
.navbar-brand {
	padding: 4px;
	background: #fff;
}

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary {
        --bd-violet-bg: rgba(72,72,72,1.00);
        --bd-violet-rgb: 72, 72, 72;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #484848;
        --bs-btn-hover-border-color: #484848;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #484848;
        --bs-btn-active-border-color: #484848;
      }

      .bd-mode-toggle {
        z-index: 1500;
      }

      .bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
      }

.nav-link-fa {
display: inline-block!important; /* puts the nav items with pre fonts inline*/
}
.fa-phone {
	color: #ADADAD;
}
.fa-envelope {
	color: #ADADAD;
}
#services div img {
    object-fit: cover;
    transition: transform 0.2s;
    width: 100%;
}

#services div .card {
    overflow: hidden;
    padding : 0px 0px;
}

#services div img:hover {
    transform: scale(1.1);
}
.services-img {
	max-height: 226px;
	margin-bottom: 20px;
}
/* slider for client logo showcase */
#logo-scroller {
    background-color: white; /* Set background color to white */
    overflow: hidden;
    white-space: nowrap;
    display: flex;
	padding-top: 1em;
	padding-bottom: 1em;
        }
.logos img {
    height: 50px; /* Example height, adjust as needed */
    padding-right: 20px; /* Adds some space between logos */
	padding-left: 20px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 20px; /* Adjust spacing between logos */
        }

.logos {
    display: flex;
    animation: scrollLogo 20s linear infinite;
}

/* Keyframes for scrolling animation */
@keyframes scrollLogo {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes slidein {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}