.elementor-478 .elementor-element.elementor-element-f078dc1{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-f078dc1:not(.elementor-motion-effects-element-type-background), .elementor-478 .elementor-element.elementor-element-f078dc1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://360.qualitydrive.net/wp-content/uploads/2025/11/banner-light-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-478 .elementor-element.elementor-element-c6dc5a4{--display:flex;}.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-478 .elementor-element.elementor-element-bab9335{text-align:center;}.elementor-478 .elementor-element.elementor-element-bab9335 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:700;text-transform:uppercase;color:#4B4B4B;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-478 .elementor-element.elementor-element-5040318{text-align:center;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;color:#494949;}.elementor-478 .elementor-element.elementor-element-5040318 a{color:#000000;}.elementor-478 .elementor-element.elementor-element-4c94bfb{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-b30d177{--display:flex;}.elementor-478 .elementor-element.elementor-element-1f0312a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-053991c{--display:flex;box-shadow:0px 0px 10px 0px #000000;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-478 .elementor-element.elementor-element-1537b4c{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-3906ded{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-d6d89ff{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-b1503a8{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-fe9efc4{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-bbc8d71{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-b3fcda5{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-f8171e1{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-93f7566{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-2e92b97{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-9edb2b1{--display:flex;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-478 .elementor-element.elementor-element-1f0312a{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-478 .elementor-element.elementor-element-1f0312a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-053991c */.portfolio-image {
  width: 100%;
  height: 400px; /* adjust depending on how much you want visible */
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.portfolio-image img {
  width: 100%;
  transition: transform 4s ease; /* smooth scroll speed */
  transform: translateY(0);
}

.portfolio-image:hover img {
  transform: translateY(-67%); /* move image up by half its height */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1537b4c */.portfolio-image {
  width: 100%;
  height: 400px; /* adjust depending on how much you want visible */
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.portfolio-image img {
  width: 100%;
  transition: transform 4s ease; /* smooth scroll speed */
  transform: translateY(0);
}

.portfolio-image:hover img {
  transform: translateY(-73%); /* move image up by half its height */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3906ded */.portfolio-image {
  width: 100%;
  height: 400px; /* adjust depending on how much you want visible */
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.portfolio-image img {
  width: 100%;
  transition: transform 4s ease; /* smooth scroll speed */
  transform: translateY(0);
}

.portfolio-image:hover img {
  transform: translateY(-75%); /* move image up by half its height */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6d89ff */.portfolio-image {
  width: 100%;
  height: 400px; /* adjust depending on how much you want visible */
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.portfolio-image img {
  width: 100%;
  transition: transform 4s ease; /* smooth scroll speed */
  transform: translateY(0);
}

.portfolio-image:hover img {
  transform: translateY(-75%); /* move image up by half its height */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b1503a8 */.portfolio-image {
  width: 100%;
  height: 400px; /* adjust depending on how much you want visible */
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.portfolio-image img {
  width: 100%;
  transition: transform 4s ease; /* smooth scroll speed */
  transform: translateY(0);
}

.portfolio-image:hover img {
  transform: translateY(-75%); /* move image up by half its height */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe9efc4 */.portfolio-image {
  width: 100%;
  height: 400px; /* adjust depending on how much you want visible */
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.portfolio-image img {
  width: 100%;
  transition: transform 4s ease; /* smooth scroll speed */
  transform: translateY(0);
}

.portfolio-image:hover img {
  transform: translateY(-75%); /* move image up by half its height */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbc8d71 */.portfolio-image {
  width: 100%;
  height: 400px; /* adjust depending on how much you want visible */
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.portfolio-image img {
  width: 100%;
  transition: transform 4s ease; /* smooth scroll speed */
  transform: translateY(0);
}

.portfolio-image:hover img {
  transform: translateY(-75%); /* move image up by half its height */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3fcda5 */.portfolio-image {
  width: 100%;
  height: 400px; /* adjust depending on how much you want visible */
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.portfolio-image img {
  width: 100%;
  transition: transform 4s ease; /* smooth scroll speed */
  transform: translateY(0);
}

.portfolio-image:hover img {
  transform: translateY(-75%); /* move image up by half its height */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8171e1 */.portfolio-image {
  width: 100%;
  height: 400px; /* adjust depending on how much you want visible */
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.portfolio-image img {
  width: 100%;
  transition: transform 4s ease; /* smooth scroll speed */
  transform: translateY(0);
}

.portfolio-image:hover img {
  transform: translateY(-75%); /* move image up by half its height */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93f7566 */.portfolio-image {
  width: 100%;
  height: 400px; /* adjust depending on how much you want visible */
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.portfolio-image img {
  width: 100%;
  transition: transform 4s ease; /* smooth scroll speed */
  transform: translateY(0);
}

.portfolio-image:hover img {
  transform: translateY(-75%); /* move image up by half its height */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e92b97 */.portfolio-image {
  width: 100%;
  height: 400px; /* adjust depending on how much you want visible */
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.portfolio-image img {
  width: 100%;
  transition: transform 4s ease; /* smooth scroll speed */
  transform: translateY(0);
}

.portfolio-image:hover img {
  transform: translateY(-75%); /* move image up by half its height */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9edb2b1 */.portfolio-image {
  width: 100%;
  height: 400px; /* adjust depending on how much you want visible */
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.portfolio-image img {
  width: 100%;
  transition: transform 4s ease; /* smooth scroll speed */
  transform: translateY(0);
}

.portfolio-image:hover img {
  transform: translateY(-75%); /* move image up by half its height */
}/* End custom CSS */