.elementor-5968 .elementor-element.elementor-element-3602b62{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5968 .elementor-element.elementor-element-3602b62:not(.elementor-motion-effects-element-type-background), .elementor-5968 .elementor-element.elementor-element-3602b62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://cc-stage.chitral.org/wp-content/uploads/2026/07/cc-hero-image.webp") 50% 50%;background-size:cover;}.elementor-5968 .elementor-element.elementor-element-3602b62::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5968 .elementor-element.elementor-element-048de52  .hero-empowerment-area .hero-empowerment-left-content p{color:#FFFFFF !important;}.elementor-5968 .elementor-element.elementor-element-048de52  .theme-btn2{color:#FFFFFF !important;background:var( --e-global-color-ec5cfbb );}.elementor-5968 .elementor-element.elementor-element-048de52  .theme-btn2::after, .theme-btn2::before{background:#000000 !important;}.elementor-5968 .elementor-element.elementor-element-8f8adae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--overlay-opacity:0.5;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5968 .elementor-element.elementor-element-8f8adae::before, .elementor-5968 .elementor-element.elementor-element-8f8adae > .elementor-background-video-container::before, .elementor-5968 .elementor-element.elementor-element-8f8adae > .e-con-inner > .elementor-background-video-container::before, .elementor-5968 .elementor-element.elementor-element-8f8adae > .elementor-background-slideshow::before, .elementor-5968 .elementor-element.elementor-element-8f8adae > .e-con-inner > .elementor-background-slideshow::before, .elementor-5968 .elementor-element.elementor-element-8f8adae > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://cc-stage.chitral.org/wp-content/uploads/2026/07/abstract-surface-textures-white-concrete-stone-wall-scaled.webp");--background-overlay:'';}.elementor-5968 .elementor-element.elementor-element-29dc0bf > .elementor-widget-container{margin:10px 0px -80px 0px;padding:0px 0px 0px 0px;}.elementor-5968 .elementor-element.elementor-element-29dc0bf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5968 .elementor-element.elementor-element-ad79805{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5968 .elementor-element.elementor-element-216b43a .service2-area .service2-header p{color:#D5D2D2 !important;}.elementor-5968 .elementor-element.elementor-element-216b43a  .theme-btn{color:#1C1C1C !important;}.elementor-5968 .elementor-element.elementor-element-c3f272f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5968 .elementor-element.elementor-element-c3f272f  .testimonial-item{background-color:#5D6599 !important;}.elementor-5968 .elementor-element.elementor-element-be6ac5e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5968 .elementor-element.elementor-element-b4a7e1e > .elementor-widget-container{margin:0px 0px 0px 7px;padding:0px 0px 0px 0px;border-radius:100px 100px 100px 100px;}.elementor-5968 .elementor-element.elementor-element-96f4f38 > .elementor-widget-container{margin:-100px 0px -30px 0px;padding:0px 0px 0px 0px;}.elementor-5968 .elementor-element.elementor-element-cf03b59{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5968 .elementor-element.elementor-element-be7dbd5 > .elementor-widget-container{margin:-80px 0px -60px 0px;padding:0px 0px 0px 0px;}.elementor-5968 .elementor-element.elementor-element-be7dbd5  .about-timeline .about-timeline-item:hover{background-color:#3A9FBA !important;}.elementor-5968 .elementor-element.elementor-element-a2dea9c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5968 .elementor-element.elementor-element-c5e6833{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5968 .elementor-element.elementor-element-845ac5f > .elementor-widget-container{margin:-60px 0px -140px 0px;padding:0px 0px 0px 0px;}.elementor-5968 .elementor-element.elementor-element-95d2eae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5968 .elementor-element.elementor-element-0f6d17d{width:100%;max-width:100%;}.elementor-5968 .elementor-element.elementor-element-0f6d17d > .elementor-widget-container{margin:-50px 0px -130px 0px;padding:0px 0px 0px 0px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5968 .elementor-element.elementor-element-6a93dae{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:35px;}.elementor-5968 .elementor-element.elementor-element-6a93dae > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-5968 .elementor-element.elementor-element-6a93dae .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.29 * 100% );}.elementor-5968 .elementor-element.elementor-element-6a93dae:after{content:"0.29";}.elementor-5968 .elementor-element.elementor-element-6a93dae .elementor-post__thumbnail__link{width:100%;}.elementor-5968 .elementor-element.elementor-element-6a93dae .elementor-post__meta-data span + span:before{content:"•";}.elementor-5968 .elementor-element.elementor-element-6a93dae .elementor-post__text{margin-top:0px;}.elementor-5968 .elementor-element.elementor-element-6a93dae .elementor-post__badge{right:0;}.elementor-5968 .elementor-element.elementor-element-6a93dae .elementor-post__card .elementor-post__badge{border-radius:12px;margin:20px;}.elementor-5968 .elementor-element.elementor-element-6a93dae .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-5968 .elementor-element.elementor-element-6a93dae .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-5968 .elementor-element.elementor-element-6a93dae .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-5968 .elementor-element.elementor-element-6a93dae .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-5968 .elementor-element.elementor-element-6a93dae .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-5968 .elementor-element.elementor-element-4b42364{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5968 .elementor-element.elementor-element-ff3233e > .elementor-widget-container{margin:-50px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-5968 .elementor-element.elementor-element-845ac5f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5968 .elementor-element.elementor-element-ff3233e > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-5968 .elementor-element.elementor-element-3602b62{--width:500px;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5968 .elementor-element.elementor-element-048de52 > .elementor-widget-container{margin:0px 0px -3px 0px;padding:0px 0px 0px 0px;}.elementor-5968 .elementor-element.elementor-element-8f8adae{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5968 .elementor-element.elementor-element-29dc0bf > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-5968 .elementor-element.elementor-element-96f4f38 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5968 .elementor-element.elementor-element-6a93dae .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-5968 .elementor-element.elementor-element-6a93dae:after{content:"0.5";}.elementor-5968 .elementor-element.elementor-element-6a93dae .elementor-post__thumbnail__link{width:100%;}.elementor-5968 .elementor-element.elementor-element-ff3233e > .elementor-widget-container{margin:-42px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-5968 .elementor-element.elementor-element-8f8adae{--width:100%;}}/* Start custom CSS for synckhomev1hero, class: .elementor-element-048de52 */.hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box {
    
    padding: 40px 32px !important;
}

.hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box .experience-body {
    gap: 10px !important;
}

.hero-empowerment-area .hero-empowerment-right-content .bottom-content .our-expert-team-box {
    padding: 40px 30px !important;
}

.hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box {
    padding: 40px 32px !important;
    gap: 10px !important;
    align-items: center !important;
}

.hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box .left span {
    display: none !important;
}


/*Style included by zeshan for Hero cards*/

/* Desktop - your current working style */
.hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box {
    padding: 40px 63px !important;
    box-sizing: border-box !important;
}

/* Tablet (1024px and below) */
@media (max-width: 1024px) {
    .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box {
        padding: 40px 63px !important;
    }
}

/* Mobile Landscape / Small Tablet (768px and below) */
@media (max-width: 768px) {
    .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box {
        padding: 25px 25px !important;
        width: auto !important;
        max-width: 100% !important;
    }
}

/* Mobile (480px and below) */
@media (max-width: 480px) {
    .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box {
        padding: 20px 20px !important;
        width: auto !important;
        max-width: 100% !important;
    }
}




/* Founded in 2018 card - desktop (keep original size, left-align content) */
.hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box {
    padding: 40px 63px !important;
    box-sizing: border-box !important;
}

/* Left-align the icon + text inside the card */
.hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box .experience-body {
    gap: 10px !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box .experience-content {
    justify-content: flex-start !important;
    text-align: left !important;
}

/* Tablet (1024px and below) */
@media (max-width: 1024px) {
    .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box {
        padding: 40px 63px !important;
    }
}

/* Mobile Landscape / Small Tablet (768px and below) */
@media (max-width: 768px) {
    .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box {
        padding: 25px 25px !important;
        width: auto !important;
        max-width: 100% !important;
    }
}

/* Mobile (480px and below) */
@media (max-width: 480px) {
    .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box {
        padding: 20px 20px !important;
        width: auto !important;
        max-width: 100% !important;
    }
}



/* All three cards - same padding for consistent icon alignment */
.hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box,
.hero-empowerment-area .hero-empowerment-right-content .bottom-content .our-expert-team-box,
.hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box {
    padding: 40px 32px !important;
    box-sizing: border-box !important;
}

/* Force the Founded card to match the width of the cards below */
.hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box {
    width: 100% !important;
    max-width: 260px !important;
    min-width: 230px !important;
}

/* Inner alignment for Founded card */
.hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box .experience-body {
    gap: 10px !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box .experience-content {
    justify-content: flex-start !important;
    text-align: left !important;
}

.hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box {
    gap: 10px !important;
    align-items: center !important;
}

.hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box .left span {
    display: none !important;
}

/* Tablet (1024px and below) */
@media (max-width: 1024px) {
    .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box,
    .hero-empowerment-area .hero-empowerment-right-content .bottom-content .our-expert-team-box,
    .hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box {
        padding: 40px 32px !important;
    }
}

/* Mobile (768px and below) */
@media (max-width: 768px) {
    .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box,
    .hero-empowerment-area .hero-empowerment-right-content .bottom-content .our-expert-team-box,
    .hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box {
        padding: 25px 25px !important;
        width: auto !important;
        max-width: 100% !important;
    }
}

/* Mobile (480px and below) */
@media (max-width: 480px) {
    .hero-empowerment-area .hero-empowerment-right-content .top-content .experience-box,
    .hero-empowerment-area .hero-empowerment-right-content .bottom-content .our-expert-team-box,
    .hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box {
        padding: 20px 20px !important;
        width: auto !important;
        max-width: 100% !important;
    }
}


/* Resize the Experience icon to match other stat icons */
.hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box img,
.hero-empowerment-area .hero-empowerment-right-content .bottom-content .google-reviews-box .left img {
    max-width: 48px !important;
    width: 48px !important;
    height: auto !important;
    object-fit: contain !important;
}/* End custom CSS */
/* Start custom CSS for synckpagesherostyle4, class: .elementor-element-29dc0bf *//* ============================================
   HERO COMPANY BOXES - Full Width Layout
   ============================================ */

/* Desktop - 4 cards stretched evenly across full width */
.hero-company-boxes {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.hero-company-box {
  padding: 70px 20px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.hero-company-box h2 {
  font-size: 30px !important;
}

.hero-company-box h4 {
  font-size: 14px !important;
}

/* Tablet (1024px and below) - 2x2 grid */
@media (max-width: 1024px) {
  .hero-company-boxes {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

/* Mobile (480px and below) - stack vertically */
@media (max-width: 480px) {
  .hero-company-boxes {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f8adae */.no-hero-bg.hero-section-content-wrap,
.no-hero-bg.hero-section-content-wrap::before,
.no-hero-bg.hero-section-content-wrap::after {
  background-image: none !important;
  background: transparent !important;
  animation: none !important;
  -webkit-animation: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
  scale: 1 !important;
}

.no-hero-bg.hero-section-content-wrap::before,
.no-hero-bg.hero-section-content-wrap::after {
  content: none !important;
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for synckhomev2services, class: .elementor-element-216b43a */.service3-card .theme-btn, .service2-card .theme-btn {
  width: 30px !important;
  height: 30px !important;
  opacity: 0.7 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad79805 *//*The Below code will strict the service cards to have equal width when extra content is uploaded on the description */

/* Container */
.service2-items{
    display:flex;
    flex-wrap:wrap;
    gap:30px;
}

/* Every card has the same width */
.service2-card{
    flex:0 0 calc(20% - 24px);   /* 5 cards per row */
    max-width:calc(20% - 24px);
    min-width:calc(20% - 24px);

    display:flex;
    flex-direction:column;
    box-sizing:border-box;
}
/* Container */
.service2-items {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

/* Base: 5 cards per row (desktop, large screens) */
.service2-card {
    flex: 0 0 calc(20% - 24px);
    max-width: calc(20% - 24px);
    min-width: calc(20% - 24px);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

/* Small desktops: 4 per row */
@media (max-width: 1200px) {
    .service2-card {
        flex: 0 0 calc(25% - 22.5px);
        max-width: calc(25% - 22.5px);
        min-width: calc(25% - 22.5px);
    }
}

/* Tablets: 2 per row */
@media (max-width: 992px) {
    .service2-items {
        gap: 20px;
    }
    .service2-card {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
        min-width: calc(50% - 10px);
    }
}

/* Mobile: 1 per row (full width) */
@media (max-width: 600px) {
    .service2-items {
        gap: 15px;
    }
    .service2-card {
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 100%;
    }
}
/* Container */
.service2-items {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

/* Base: 5 cards per row (desktop, large screens) */
.service2-card {
    flex: 0 0 calc(20% - 24px);
    max-width: calc(20% - 24px);
    min-width: calc(20% - 24px);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

/* Small desktops: 4 per row */
@media (max-width: 1200px) {
    .service2-card {
        flex: 0 0 calc(25% - 22.5px);
        max-width: calc(25% - 22.5px);
        min-width: calc(25% - 22.5px);
    }
}

/* Tablets and mobile: 1 per row (full width) */
@media (max-width: 992px) {
    .service2-items {
        gap: 15px;
    }
    .service2-card {
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for synckhomev2client, class: .elementor-element-b4a7e1e */.client-area-2 p{
 border: none !important;   
}/* End custom CSS */
/* Start custom CSS for synckhomev1about, class: .elementor-element-be7dbd5 */.about-timeline .about-timeline-item{
  background: #1E1E1E !important;
}

.about-timeline .about-timeline-item h4 {
  color: #ffffff !important;
}

.about-timeline .about-timeline-item p {
  color: rgb(255 255 255 / 70%) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2dea9c */.case-studio-area {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for synckhomev1client, class: .elementor-element-ff3233e *//* Make logo images responsive */
.client-logo img {
  max-width: 100%;
  height: auto !important;
}

/* On smaller screens, allow logos to wrap or scroll */
@media (max-width: 768px) {
  .clients-marquee {
    overflow-x: auto;
  }

  .client-logo {
    flex: 0 0 100px;
    max-width: 100px;
    padding: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b42364 */.feature-area{
    display: none !important;
}

/* ============================================================
   Client logos — shadow + hover only.
   Section background, marquee track, and layout are left as-is.
   Only .client-logo (and its img) get styled.
   ============================================================ */

.client-logo{
	border-radius:10px;
	box-shadow:0 10px 24px -14px rgba(0,0,0,.55);
	transition:transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease;
}

.client-logo.simple-shadow{
	box-shadow:0 14px 30px -14px rgba(0,0,0,.65);
}

.client-logo:hover{
	transform:translateY(-4px);
	box-shadow:0 20px 36px -14px rgba(0,0,0,.75);
}

.client-logo img{
	transition:filter .25s ease, transform .25s ease;
}

.client-logo:hover img{
	transform:scale(1.04);
}

@media (prefers-reduced-motion: reduce){
	.client-logo,
	.client-logo img{ transition:none; }
}/* End custom CSS */