.elementor-14 .elementor-element.elementor-element-264c9b4{--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;--overlay-opacity:0.53;}.elementor-14 .elementor-element.elementor-element-264c9b4:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-264c9b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://technoflyconsultancy.com/wp-content/uploads/2026/07/services.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-264c9b4::before, .elementor-14 .elementor-element.elementor-element-264c9b4 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-264c9b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-264c9b4 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-264c9b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-264c9b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-f1818c6{--spacer-size:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-7a60203{text-align:start;}.elementor-14 .elementor-element.elementor-element-7a60203 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:68px;font-weight:700;text-transform:uppercase;font-style:italic;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-38b8e6a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:26px;font-weight:700;text-transform:capitalize;text-decoration:overline;color:#E7E7E7;}.elementor-14 .elementor-element.elementor-element-a2633a5{--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;}.elementor-14 .elementor-element.elementor-element-a2633a5:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-a2633a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F8F5;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-14 .elementor-element.elementor-element-2eba79b .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-14 .elementor-element.elementor-element-2eba79b .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-14 .elementor-element.elementor-element-2eba79b{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}/* Start custom CSS for heading, class: .elementor-element-7a60203 */.tf-heading{
    display:inline-block;
    position:relative;
}

.tf-heading::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:4px;
    background:#2563EB;
    border-radius:50px;
    box-shadow:0 0 12px #00C853;
    transition:.4s;
}

.tf-heading:hover::after{
    width:100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2633a5 *//*=========================================
      TECHNOFLY CLIENT LOGO GALLERY
=========================================*/

.tf-client-gallery{
    padding:20px;
}

/* Individual Gallery Item */

.tf-client-gallery .gallery-item,
.tf-client-gallery .e-gallery-item{
    position:relative;
    background:#ffffff;
    border:1px solid #E6EAF0;
    border-radius:18px;
    overflow:hidden;
    padding:25px;
    transition:all .45s ease;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
}

/* Logo Image */

.tf-client-gallery img{
    width:100%;
    height:120px;
    object-fit:contain;
    transition:all .45s ease;
    filter:grayscale(100%);
}

/* Hover Effect */

.tf-client-gallery .gallery-item:hover,
.tf-client-gallery .e-gallery-item:hover{
    transform:translateY(-10px);
    border-color:#148A43;
    box-shadow:0 18px 40px rgba(20,138,67,.18);
}

/* Logo Animation */

.tf-client-gallery .gallery-item:hover img,
.tf-client-gallery .e-gallery-item:hover img{
    transform:scale(1.08);
    filter:grayscale(0%);
}

/* Green Top Border Animation */

.tf-client-gallery .gallery-item::before,
.tf-client-gallery .e-gallery-item::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:0%;
    height:4px;
    background:#148A43;
    transition:.45s;
}

.tf-client-gallery .gallery-item:hover::before,
.tf-client-gallery .e-gallery-item:hover::before{
    width:100%;
}

/* Decorative Circle */

.tf-client-gallery .gallery-item::after,
.tf-client-gallery .e-gallery-item::after{
    content:"";
    position:absolute;
    width:90px;
    height:90px;
    background:rgba(20,138,67,.05);
    border-radius:50%;
    top:-40px;
    right:-40px;
    transition:.4s;
}

.tf-client-gallery .gallery-item:hover::after,
.tf-client-gallery .e-gallery-item:hover::after{
    transform:scale(1.2);
}

/* Mobile */

@media(max-width:767px){

.tf-client-gallery img{
    height:90px;
}

}/* End custom CSS */