/**

 */

@charset "UTF-8";
/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * + Copyright Malik Smith 2025
 */

.book-cta {
  color: red !important; 
}

.get-in-touch {
  background-color: black;
 }

  

#banner {
  background: #222;
  color: #fff;
  padding: 5px 0 5px 0; 

}

#banner p {
  width: 555px;
  margin: 0 auto; 
  text-align: center;
}


  @media (max-width: 575px) {

    #banner {
        background: #222;
  color: #fff;
  padding: 5px 0 5px 0; 
    }
#banner p {
  width: 100%;

  font-size: 12px;
  


  
 }

}




#logo-cloud {

  width: 100%;
  height: 202px; 
  margin: 0 auto 0 auto;
  padding: 5px;

}

#logo-cloud a {
  display: block;

  background: url('../images/logo-cloud-sm.png');
  margin: 0 auto 0 auto;
  position: relative;
  bottom: -100px;
  width:  1300px;
  height: 202px;
  filter: grayscale(100%);

}

#logo-cloud a:hover {

  filter: grayscale(0%);

}


  @media (max-width: 575px) {



#logo-cloud a {
  display: block;

  background: url('../images/logo-cloud-sm.png');
  margin: 0 auto 0 auto;
  position: relative;
  width:  100%;
  background-size: cover;
  height: 202px;
  filter: grayscale(100%);

}


  }

.wrapper {
  background-color: #fff;
  display: block;
  padding-top: 50px;
}

#services-section {

  padding: 55px 0 55px 0; 
  display: block;

}

#services-section h3 {
  margin-bottom: 35px;
  padding: 5px;

}

 h1.big-headline {
  text-align: left;
  color: black;
  font: 'Inter';
  font-size: 4rem;
  line-height: 5rem;
  font-weight: 400;
  margin: 135px 0 55px 0;
  color: #222  !important;
 }


  @media (max-width: 575px) {
 h1.big-headline {
    font-size: 2.55rem;
    line-height: 2.85rem;
  }
}

a.nav-link {
    font-size: .85rem;
    
}

/* The container for the video */
.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw; /* Full width of the viewport */
    height: 100vh; /* Full height of the viewport */
    overflow: hidden; /* Prevent overflow issues */
    z-index: -1; /* Ensure the video stays in the background */
	/* Ensure the video stays in the background */
}

/* Style the video itself */
.video-background video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Ensures the video covers the screen without distortion */
	opacity: .35;
/*	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(170, 170, 170)), to(rgba(0, 0, 0, 0)));*/

}


.case-container {

background: #fff;

}


.img-fluid {

  margin:  0 auto;
  padding: 4em 0 2rem 0;
  



}


.block {
  margin: 5rem 0 4rem 0;
}

.img-fluid.no-top {
    padding-top: 2rem;

}

.center-object {
  margin: 0 auto; 
  display: block;
  width: 500px;
}

.case-blurb {
  background: #fafafa;
  padding: 4rem 2rem;
  border-radius: 16px;

  
}

.case-blurb p {
  font-size: 1.5rem;
}

/* Hide video background on mobile devices */
@media (max-width: 768px) {
    .video-background {
        display: none;
    }
}



/* Hide video background on mobile devices */
@media (max-width: 768px) {
    video {
        display: none;
    }
}


.col-lg-8 p {


}


.section-header {
  width: 100%; 
  padding-top: 4rem;
  margin: 2rem 0 -2rem 0;
  display: inline-block;
  background-color: white;
}

.headline {
  float: left;
  font-size: 1rem;
  font-weight: 600;
  color: #222; 
}

.year {
  float: left;  
  margin: .055rem 0 0 1rem;
}

.abouth {
  font-weight: 500;
  margin-bottom: 3.5rem;
}

.section.about {

  background-color: white;
}

.abouth span {
  color: darkgoldenrod;
}


.content p {

  font-size: 1.25rem;
}

.about-bg {
  background-color: #FAFAFA;
}

h2.aboutheadline {
  font-size: 4rem;
  font-weight: 500;
  color: #555;
}

.testimonial-section {
	background-color: gray;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	
}

.testimonial-section .quote {
	margin: 3rem auto 3rem auto;
}

.testimonial-section .quote h3 {
	color: #fff;
	font-weight: 600;
	text-align: center; 
	margin-bottom: 2rem;
}


.author {
	margin: 0 auto;
	width: 33%;
	text-align: center;
	font-weight: 500;
	font-size: 1rem;
	color: white;
}