/* ----- Homepage ----- */
 /* Landing */

 #landing {
     max-height: 100vh;
     overflow: hidden;
     background-image: url("../../img/landingBackground.9187da920a92.svg");
     background-position: center right -150px;
     background-repeat: no-repeat;
     background-color: var(--dark-blue);
 }

 #landing .row {
     height: 100vh;
     display: flex;
     align-items: center;
 }

 #landing h2,
 #landing p {
     padding-bottom: 30px;
 }

 #landing p {
     color: var(--light-grey);
 }

 #landing button {
     margin-right: 1.5rem;
 }

 #landing button:hover,
 #landing button:focus,
 #landing button:active {
     background-color: var(--light-blue);
     border-color: var(--light-blue);
     color: var(--white);
     box-shadow: 0 0 0 0.2rem rgba(70, 162, 223, 0.5);
 }
 /* Service Lines Sections  */
 /* Note - reused for Service Lines page */


 #services::before {
     content: '';
     display: block;
     height: 67px;
     margin-top: -67px;
     visibility: hidden;
 }

 .service-line {
     display: flex;
     align-items: center;
     justify-content: center;
     padding-top: 40px;
     padding-bottom: 40px;
 }

 .service-line:nth-child(odd) {
     background-color: var(--light-grey);
 }

 .service-line h2 {
     padding-bottom: 1.8rem;
 }

  .service-line .blue-line {
     width: 62px;
     margin-top: -10px;
  }


 .service-line h3.h3-custom {
     padding-top: 1.8125rem;
     padding-bottom: 1rem;
 }

 .service-line p:first-of-type {
     padding-bottom: 2rem;
     margin: 0;
     padding-top: 1.5rem;
 }

 .service-line p {
     padding-bottom: 30px;
     margin-bottom: 0px;
 }

 .service-line button {
     color: var(--light-blue);
     border-color: var(--light-blue);
     margin-right: 1.5rem;
     float: bottom;
 }

 .visual {
     display: flex;
     align-items: center;
     /* justify-content: center; */
 }

 .visual img {
     /* display: block; */
     height: auto;
     padding: 0px;
     /* max-width: 500px; */
     width: 85%;
     /* width: 100%; */
     margin: auto;
 }
 /* Client Logos Section */

 #clients {
     padding: 60px 0;
 }

 #clients .section-header {
     display: flex;
     justify-content: center;
 }

 #clients .blue-line {
     width: 170px;
     margin-top: 10px;
 }

 #clients .clients-carousel {
     padding-top: 60px;
 }

 #clients img {
     max-width: 80%;
     opacity: 0.5;
     transition: 0.3s;
     margin: auto;
     padding-top: 20px;
     padding-bottom: 20px;
 }
 /* #clients img:hover {
     opacity: 1;
 } */

#clients .tns-nav{
    text-align: center;
}


#clients .tns-nav button{
     border: none;
     cursor: pointer;
     display: inline-block;
     margin: 0 5px;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background-color: var(--light-grey);
 }


 #clients .tns-dot.active {
     background-color: var(--light-blue);
 }

 .about-carousel,
.about-carousel .tns-item,
.about-carousel .tns-slide {
    cursor: grab;
}

#clients:active,
#clients .tns-item:active,
#clients .tns-slide:active {
    cursor: grabbing;
}