.elementor-1776 .elementor-element.elementor-element-9a18dbc{--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.94;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-1776 .elementor-element.elementor-element-9a18dbc:not(.elementor-motion-effects-element-type-background), .elementor-1776 .elementor-element.elementor-element-9a18dbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mccrepair.nl/wp-content/uploads/2025/08/Rectangle-34624532-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1776 .elementor-element.elementor-element-9a18dbc::before, .elementor-1776 .elementor-element.elementor-element-9a18dbc > .elementor-background-video-container::before, .elementor-1776 .elementor-element.elementor-element-9a18dbc > .e-con-inner > .elementor-background-video-container::before, .elementor-1776 .elementor-element.elementor-element-9a18dbc > .elementor-background-slideshow::before, .elementor-1776 .elementor-element.elementor-element-9a18dbc > .e-con-inner > .elementor-background-slideshow::before, .elementor-1776 .elementor-element.elementor-element-9a18dbc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-1776 .elementor-element.elementor-element-f95165f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-1776 .elementor-element.elementor-element-a31c7df{--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;--justify-content:center;--align-items:flex-end;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--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-1776 .elementor-element.elementor-element-948cb95 .elementor-heading-title{color:#DDDDDD;}.elementor-1776 .elementor-element.elementor-element-d06f240 .elementor-heading-title{color:var( --e-global-color-10d2e9b );}body:not(.rtl) .elementor-1776 .elementor-element.elementor-element-75e7ce9{left:80px;}body.rtl .elementor-1776 .elementor-element.elementor-element-75e7ce9{right:80px;}.elementor-1776 .elementor-element.elementor-element-75e7ce9{top:0px;}body:not(.rtl) .elementor-1776 .elementor-element.elementor-element-6185c17{right:0px;}body.rtl .elementor-1776 .elementor-element.elementor-element-6185c17{left:0px;}.elementor-1776 .elementor-element.elementor-element-6185c17{top:20px;}.elementor-1776 .elementor-element.elementor-element-8083416{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1776 .elementor-element.elementor-element-17d4064{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--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-1776 .elementor-element.elementor-element-3477b87{--display:flex;--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-1776 .elementor-element.elementor-element-9dc360f{--display:flex;--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-1776 .elementor-element.elementor-element-df13722{width:100%;max-width:100%;}.elementor-1776 .elementor-element.elementor-element-df13722:not( .elementor-widget-image ) .elementor-widget-container, .elementor-1776 .elementor-element.elementor-element-df13722.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://mccrepair.nl/wp-content/uploads/2025/08/Rectangle-34624537-4.svg );-webkit-mask-size:cover;-webkit-mask-position:top right;}.elementor-1776 .elementor-element.elementor-element-df13722 img{width:100%;max-width:100%;height:390px;object-fit:cover;object-position:center center;border-style:none;border-radius:20px 20px 20px 20px;}.elementor-1776 .elementor-element.elementor-element-d7a56d0{width:100%;max-width:100%;text-align:center;}.elementor-1776 .elementor-element.elementor-element-9c85cb4{--display:flex;--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-1776 .elementor-element.elementor-element-d57b446{--display:flex;--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-1776 .elementor-element.elementor-element-30678af:not( .elementor-widget-image ) .elementor-widget-container, .elementor-1776 .elementor-element.elementor-element-30678af.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://mccrepair.nl/wp-content/uploads/2025/08/Rectangle-34624537-5.svg );-webkit-mask-size:cover;-webkit-mask-position:top left;}.elementor-1776 .elementor-element.elementor-element-30678af img{width:100%;max-width:100%;height:390px;object-fit:cover;object-position:center center;border-style:none;border-radius:20px 20px 20px 20px;}.elementor-1776 .elementor-element.elementor-element-31a547a{width:100%;max-width:100%;text-align:center;}.elementor-1776 .elementor-element.elementor-element-55efc74{--display:flex;--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-1776 .elementor-element.elementor-element-eefb8ba{--display:flex;--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-1776 .elementor-element.elementor-element-30f0c31{width:100%;max-width:100%;}.elementor-1776 .elementor-element.elementor-element-30f0c31:not( .elementor-widget-image ) .elementor-widget-container, .elementor-1776 .elementor-element.elementor-element-30f0c31.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://mccrepair.nl/wp-content/uploads/2025/08/Rectangle-34624537-4.svg );-webkit-mask-size:cover;-webkit-mask-position:top right;}.elementor-1776 .elementor-element.elementor-element-30f0c31 img{width:100%;max-width:100%;height:390px;object-fit:cover;object-position:center center;border-style:none;border-radius:20px 20px 20px 20px;}.elementor-1776 .elementor-element.elementor-element-8d08a6a{width:100%;max-width:100%;text-align:center;}@media(min-width:768px){.elementor-1776 .elementor-element.elementor-element-a31c7df{--width:33%;}}@media(max-width:1024px){.elementor-1776 .elementor-element.elementor-element-9a18dbc{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}body:not(.rtl) .elementor-1776 .elementor-element.elementor-element-75e7ce9{left:0px;}body.rtl .elementor-1776 .elementor-element.elementor-element-75e7ce9{right:0px;}.elementor-1776 .elementor-element.elementor-element-75e7ce9 img{width:45px;}.elementor-1776 .elementor-element.elementor-element-17d4064{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1776 .elementor-element.elementor-element-df13722:not( .elementor-widget-image ) .elementor-widget-container, .elementor-1776 .elementor-element.elementor-element-df13722.elementor-widget-image .elementor-widget-container img{-webkit-mask-size:cover;-webkit-mask-position:top center;}.elementor-1776 .elementor-element.elementor-element-df13722 img{border-radius:20px 20px 20px 20px;}.elementor-1776 .elementor-element.elementor-element-30678af:not( .elementor-widget-image ) .elementor-widget-container, .elementor-1776 .elementor-element.elementor-element-30678af.elementor-widget-image .elementor-widget-container img{-webkit-mask-size:cover;-webkit-mask-position:top center;}.elementor-1776 .elementor-element.elementor-element-30678af img{border-radius:20px 20px 20px 20px;}.elementor-1776 .elementor-element.elementor-element-30f0c31:not( .elementor-widget-image ) .elementor-widget-container, .elementor-1776 .elementor-element.elementor-element-30f0c31.elementor-widget-image .elementor-widget-container img{-webkit-mask-size:cover;-webkit-mask-position:top center;}.elementor-1776 .elementor-element.elementor-element-30f0c31 img{border-radius:20px 20px 20px 20px;}}@media(max-width:767px){.elementor-1776 .elementor-element.elementor-element-f95165f{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1776 .elementor-element.elementor-element-a31c7df{--justify-content:flex-start;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1776 .elementor-element.elementor-element-75e7ce9 img{width:20px;}.elementor-1776 .elementor-element.elementor-element-8083416{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1776 .elementor-element.elementor-element-17d4064{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:1025px){.elementor-1776 .elementor-element.elementor-element-9a18dbc:not(.elementor-motion-effects-element-type-background), .elementor-1776 .elementor-element.elementor-element-9a18dbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-9a18dbc */.service-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 15px; /* optional rounded corners */
}

.service-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
}

.service-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: linear-gradient(to top, #0FC5F6 0%, #0FC5F600 80%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 1;
}


.service-title {
  transition: all 0.5s ease !important;
  z-index: 2;
}

/* Hover Effects */
.service-wrapper:hover::before {
  height: 100%;
  opacity: 1;
}

.service-wrapper:hover .wrapper-image {
  transform: translateY(50px); /* moves image down */
}

.service-wrapper:hover .service-title {
  transform:  translateY(-20px); /* title moves UP smoothly */ 
  transition: all 0.5s ease all !im;
}/* End custom CSS */