html, body{height:100%;margin:0px;background-color:#eeeeee;line-height:1.6em;font-size:1em;}
.container{height:100%;background:#f0e68c;}
p,h3{line-height:1.6em;}
.row,h3{padding:0px;margin:0px;}
.constrain{max-width:1500px;margin:0 auto;text-align:center;padding-right:2%;padding-left:2%;}
.constrainCenter{max-width:1000px;margin:0 auto;text-align:center;padding-right:2%;padding-left:2%;}
.dark{color:#353535;}
.bright{color:#ffffff;}
.faded{color:#878787;}
.fadedLight{color:#777777;}
.margin{0px;}
.padding{0px;}
.navbar{padding:0px;margin-bottom:0px;}
.navbar-default{padding:0px;}
.navbar-fixed-top{background-color:rgba(255,255,255,0);transition:background-color 0.5s ease 0s;padding:0px;border-width:0 0 0;}
.navbar-fixed-top.opaque{background-color:#5bc0de;transition:background-color 0.5s ease 0s;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#03619d;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a{color:#ffffff;background-color:transparent;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a.dark{color:#353535;background-color:transparent;}
.navbar-default .navbar-brand{color:#ffffff;}
.navbar-default .navbar-brand.dark{color:#353535;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{color:#ffffff;background-color:#e7e7e7;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus.dark{color:#353535;background-color:#e7e7e7;}
.openedWithButton{}
.centered{position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);text-align:center;}
.shadow{text-shadow:0px 4px 3px rgba(0,0,0,0.4),
0px 8px 13px rgba(0,0,0,0.1),
0px 18px 23px rgba(0,0,0,0.1);}
.fade{opacity:1;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;}
.fade:hover{opacity:0.8;}
hr{border:0;border-bottom:1px dashed #ccc;background:#555;margin-bottom:0px;}
.left{text-align:left;}
.right{text-align:left;}
.center{text-align:left;}
.vcenter{display:inline-block;vertical-align:middle;float:none;}
.circle{border-radius:50%;behavior:url(PIE.htc);width:36px;height:36px;padding:8px;margin-top:10px;border:2px solid;text-align:center;}
.underline{width:100%;background-image:linear-gradient(to right,
#57c3e7, #89479c);height:5px;margin-bottom:10px;}
a:-webkit-any-link{text-decoration:none;}
.boxShadow{-moz-box-shadow:2px 2px 4px #7f7f7f;-webkit-box-shadow:2px 2px 4px #7f7f7f;box-shadow:2px 2px 4px #7f7f7f;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7f7f7f')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7f7f7f');}
.arrow-down{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-top:50px solid #fff;}
.spacer{margin:20px 0px 20px 0px;}
#flashDiv {
  width: 100px;
  height: 100px;
  background-color: red; /* Initial color */
}
.flash-green {
  animation: flashGreen 1s;
}
@keyframes flashGreen {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #64DE5B;
  }
  100% {
    background-color: transparent;
  }
}

/* Flexbox layout for .pastClients with even spacing */
.pastClients {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 32px 0; /* vertical gap between rows */
    margin-top: 24px;
    margin-bottom: 24px;
}

.pastClients .client-col {
    flex: 1 1 14%; /* responsive: up to 6 per row on large screens */
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    max-width: 180px;
    margin-bottom: 24px;
    box-sizing: border-box;
}

.pastClients .client-col img {
    max-width: 75%;
    height: auto;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.2s;
	transform: scale(1);
	cursor: pointer;
}
.pastClients .client-col img:hover {
    filter: grayscale(0%);
	opacity:1 !important;
	transform: scale(1.1);
}

.animate-on-scroll {
	opacity: 0;
	position: relative;
	transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	transform: translateY(40px);
}
.animate-into-place {
	opacity: 1 !important;
	transform: translateY(0);
}