.elementor-11 .elementor-element.elementor-element-5f276b3{--display:flex;--min-height:65vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.55;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-5f276b3:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-5f276b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://techfoliauae.com/wp-content/uploads/2025/07/imgi_35_post-3.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-5f276b3::before, .elementor-11 .elementor-element.elementor-element-5f276b3 > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-5f276b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-5f276b3 > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-5f276b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-5f276b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-5f276b3 > .elementor-shape-bottom svg, .elementor-11 .elementor-element.elementor-element-5f276b3 > .e-con-inner > .elementor-shape-bottom svg{height:50px;}.elementor-11 .elementor-element.elementor-element-21b26ff .elementor-heading-title{color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-554b785{--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:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-2d0fa83{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-a4e7bbb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-11 .elementor-element.elementor-element-5c1c53a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-75dad31 img{width:100%;height:450px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-11 .elementor-element.elementor-element-06f29e5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-727dde0 img{height:250px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-11 .elementor-element.elementor-element-0a0f60f img{height:180px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-11 .elementor-element.elementor-element-8c5e2fe{--display:flex;--justify-content:center;}.elementor-11 .elementor-element.elementor-element-45c5798 .elementor-heading-title{color:var( --e-global-color-astglobalcolor1 );}.elementor-11 .elementor-element.elementor-element-21fbe9d p{margin-block-end:10px;}.elementor-11 .elementor-element.elementor-element-21fbe9d{color:var( --e-global-color-astglobalcolor1 );}.elementor-11 .elementor-element.elementor-element-64e8bf8{--display:flex;--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:1;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-64e8bf8:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-64e8bf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-11 .elementor-element.elementor-element-64e8bf8::before, .elementor-11 .elementor-element.elementor-element-64e8bf8 > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-64e8bf8 > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-64e8bf8 > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-64e8bf8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-64e8bf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-47bef23{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-19bda67{--display:flex;--justify-content:space-between;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.05);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;--e-con-transform-transition-duration:500ms;}.elementor-11 .elementor-element.elementor-element-19bda67:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-19bda67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-19bda67.e-con:hover{--e-con-transform-translateX:0px;--e-con-transform-translateY:-10px;}.elementor-11 .elementor-element.elementor-element-02f292b .elementor-icon-box-title{margin-block-end:1px;}.elementor-11 .elementor-element.elementor-element-228ee27{--display:flex;--justify-content:space-between;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.05);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;--e-con-transform-transition-duration:500ms;}.elementor-11 .elementor-element.elementor-element-228ee27:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-228ee27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-228ee27.e-con:hover{--e-con-transform-translateX:0px;--e-con-transform-translateY:-10px;}.elementor-11 .elementor-element.elementor-element-91dfb16 .elementor-icon-box-title{margin-block-end:1px;}.elementor-11 .elementor-element.elementor-element-2e39113{--display:flex;--justify-content:space-between;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.05);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;--e-con-transform-transition-duration:500ms;}.elementor-11 .elementor-element.elementor-element-2e39113:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-2e39113 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-2e39113.e-con:hover{--e-con-transform-translateX:0px;--e-con-transform-translateY:-10px;}.elementor-11 .elementor-element.elementor-element-4c91bfe .elementor-icon-box-title{margin-block-end:1px;}.elementor-11 .elementor-element.elementor-element-cb79555{--display:flex;}.elementor-11 .elementor-element.elementor-element-547155a{text-align:center;}.elementor-11 .elementor-element.elementor-element-ccde8aa{text-align:center;}.elementor-11 .elementor-element.elementor-element-ccde8aa p{margin-block-end:0px;}.elementor-11 .elementor-element.elementor-element-8162422{--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:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-bd774cf{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-11 .elementor-element.elementor-element-2d00fc2{text-align:center;}.elementor-11 .elementor-element.elementor-element-1e36b71 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-11 .elementor-element.elementor-element-1e36b71 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-11 .elementor-element.elementor-element-1e36b71{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-11 .elementor-element.elementor-element-447e333{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-5f276b3{--min-height:45vh;}.elementor-11 .elementor-element.elementor-element-5f276b3 > .elementor-shape-bottom svg, .elementor-11 .elementor-element.elementor-element-5f276b3 > .e-con-inner > .elementor-shape-bottom svg{height:40px;}.elementor-11 .elementor-element.elementor-element-554b785{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-2d0fa83{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-64e8bf8{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-19bda67{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-228ee27{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-2e39113{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-8162422{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-5f276b3{--min-height:35vh;}.elementor-11 .elementor-element.elementor-element-5f276b3 > .elementor-shape-bottom svg, .elementor-11 .elementor-element.elementor-element-5f276b3 > .e-con-inner > .elementor-shape-bottom svg{height:30px;}.elementor-11 .elementor-element.elementor-element-554b785{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-2d0fa83{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-11 .elementor-element.elementor-element-a4e7bbb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-75dad31 img{height:300px;}.elementor-11 .elementor-element.elementor-element-8c5e2fe{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-21fbe9d{text-align:justify;}.elementor-11 .elementor-element.elementor-element-64e8bf8{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-11 .elementor-element.elementor-element-ccde8aa p{margin-block-end:0px;}}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-cb79555{--width:56%;}}@media(max-width:1024px) and (min-width:768px){.elementor-11 .elementor-element.elementor-element-cb79555{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-64e8bf8 */.services-box {
  position: relative;
  background-color: white;
  color: black;
  overflow: hidden;
  transition: 
    color 0.3s ease,
    transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), 
    box-shadow 0.3s ease;
  will-change: transform;
}

/* Create the animated blue overlay */
.services-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #0d6efd; /* Blue */
  z-index: 0;
  transition: width 0.5s ease-in-out;
}

/* Smooth elevation on hover */
.services-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 24px rgba(13, 110, 253, 0.2);
}

.services-box:hover::before {
  width: 100%;
}

/* Keep content above overlay */
.services-box * {
  position: relative;
  z-index: 1;
}

.services-box svg path {
  color: #0d6efd;
  fill: #0d6efd;
}

.services-box:hover h4,
.services-box:hover p,
.services-box:hover svg,
.services-box:hover svg path {
  color: #ffffff;
  fill: #ffffff;
}/* End custom CSS */