@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.q21vm7bk8w.bundle.scp.css';

/* _content/MPWebsite/Components/Pages/404.razor.rz.scp.css */
.page_404[b-2no2rnvsc4] {
   padding: 40px 0;
   background: #fff;
   font-family: "Arvo", serif;
}

   .page_404 img[b-2no2rnvsc4] {
      width: 100%;
   }

.four_zero_four_bg[b-2no2rnvsc4] {
   background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
   height: 400px;
   background-position: center;
   background-size: cover;
}

   .four_zero_four_bg h1[b-2no2rnvsc4] {
      font-size: 80px;
   }

   .four_zero_four_bg h3[b-2no2rnvsc4] {
      font-size: 80px;
   }

.link_404[b-2no2rnvsc4] {
   color: #fff !important;
   padding: 10px 20px;
   background: #39ac31;
   margin: 20px 0;
   display: inline-block;
}

.contant_box_404[b-2no2rnvsc4] {
   margin-top: -50px;
}
/* _content/MPWebsite/Components/Pages/500.razor.rz.scp.css */
.main-error-page[b-eiipc62zhz] {
   min-height: 600px;
   margin: 0px auto;
   width: auto;
   max-width: 560px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

.error-title[b-eiipc62zhz] {
   max-width: 529px;
   font-family: Roboto;
   font-size: 38px;
   font-weight: bold;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   text-align: center;
   color: #4b4b62;
   margin-bottom: 16px;
}

.error-subtitle[b-eiipc62zhz] {
   max-width: 568px;
   font-family: Roboto;
   font-size: 16px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.31;
   letter-spacing: normal;
   text-align: center;
   color: #4b4b62;
   margin-bottom: 24px;
}

svg[b-eiipc62zhz] {
   margin-bottom: 16px;
}

.pao-atras[b-eiipc62zhz] {
   animation: leftright-b-eiipc62zhz 1s alternate infinite;
   transform-origin: center;
}

.pao-frente[b-eiipc62zhz] {
   animation: leftright-b-eiipc62zhz 1s 0.3s alternate infinite;
   transform-origin: center;
}

.olho-esq[b-eiipc62zhz] {
   animation: sad-b-eiipc62zhz 2s alternate infinite;
   transform-origin: center;
}

.olho-dir[b-eiipc62zhz] {
   animation: sad-b-eiipc62zhz 2s alternate infinite;
   transform-origin: center;
}

.boca[b-eiipc62zhz] {
   animation: sad-b-eiipc62zhz 2s alternate infinite;
   transform-origin: center;
}

.raios[b-eiipc62zhz] {
   -webkit-animation: flicker-4 4s linear infinite both;
   animation: flicker-4-b-eiipc62zhz 4s linear infinite both;
}

.tomada[b-eiipc62zhz] {
   -webkit-animation: vibrate-1 3s linear infinite both;
   animation: vibrate-1-b-eiipc62zhz 3s linear infinite both;
}

.fio-500[b-eiipc62zhz] {
   -webkit-animation: vibrate-1 3s linear infinite both;
   animation: vibrate-1-b-eiipc62zhz 3s linear infinite both;
}

.fio[b-eiipc62zhz] {
   -webkit-animation: vibrate-1 3s linear infinite both;
   animation: vibrate-1-b-eiipc62zhz 3s linear infinite both;
}

@keyframes scales-b-eiipc62zhz {
   from {
      transform: scale(0.98);
   }

   to {
      transform: scale(1);
   }
}

/* ----------------------------------------------
 * Generated by Animista on 2020-4-1 14:58:16
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flicker-4
 * ----------------------------------------
 */
@-webkit-keyframes flicker-4 {
   0%, 100% {
      opacity: 1;
   }

   31.98% {
      opacity: 1;
   }

   32% {
      opacity: 0;
   }

   32.8% {
      opacity: 0;
   }

   32.82% {
      opacity: 1;
   }

   34.98% {
      opacity: 1;
   }

   35% {
      opacity: 0;
   }

   35.7% {
      opacity: 0;
   }

   35.72% {
      opacity: 1;
   }

   36.98% {
      opacity: 1;
   }

   37% {
      opacity: 0;
   }

   37.6% {
      opacity: 0;
   }

   37.62% {
      opacity: 1;
   }

   67.98% {
      opacity: 1;
   }

   68% {
      opacity: 0;
   }

   68.4% {
      opacity: 0;
   }

   68.42% {
      opacity: 1;
   }

   95.98% {
      opacity: 1;
   }

   96% {
      opacity: 0;
   }

   96.7% {
      opacity: 0;
   }

   96.72% {
      opacity: 1;
   }

   98.98% {
      opacity: 1;
   }

   99% {
      opacity: 0;
   }

   99.6% {
      opacity: 0;
   }

   99.62% {
      opacity: 1;
   }
}

@keyframes flicker-4-b-eiipc62zhz {
   0%, 100% {
      opacity: 1;
   }

   31.98% {
      opacity: 1;
   }

   32% {
      opacity: 0;
   }

   32.8% {
      opacity: 0;
   }

   32.82% {
      opacity: 1;
   }

   34.98% {
      opacity: 1;
   }

   35% {
      opacity: 0;
   }

   35.7% {
      opacity: 0;
   }

   35.72% {
      opacity: 1;
   }

   36.98% {
      opacity: 1;
   }

   37% {
      opacity: 0;
   }

   37.6% {
      opacity: 0;
   }

   37.62% {
      opacity: 1;
   }

   67.98% {
      opacity: 1;
   }

   68% {
      opacity: 0;
   }

   68.4% {
      opacity: 0;
   }

   68.42% {
      opacity: 1;
   }

   95.98% {
      opacity: 1;
   }

   96% {
      opacity: 0;
   }

   96.7% {
      opacity: 0;
   }

   96.72% {
      opacity: 1;
   }

   98.98% {
      opacity: 1;
   }

   99% {
      opacity: 0;
   }

   99.6% {
      opacity: 0;
   }

   99.62% {
      opacity: 1;
   }
}

/* ----------------------------------------------
 * Generated by Animista on 2020-4-1 15:17:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
   0% {
      -webkit-transform: translate(0);
      transform: translate(0);
   }

   20% {
      -webkit-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
   }

   40% {
      -webkit-transform: translate(-2px, -2px);
      transform: translate(-2px, -2px);
   }

   60% {
      -webkit-transform: translate(2px, 2px);
      transform: translate(2px, 2px);
   }

   80% {
      -webkit-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
   }

   100% {
      -webkit-transform: translate(0);
      transform: translate(0);
   }
}

@keyframes vibrate-1-b-eiipc62zhz {
   0% {
      -webkit-transform: translate(0);
      transform: translate(0);
   }

   20% {
      -webkit-transform: translate(-2px, 2px);
      transform: translate(-2px, 2px);
   }

   40% {
      -webkit-transform: translate(-2px, -2px);
      transform: translate(-2px, -2px);
   }

   60% {
      -webkit-transform: translate(2px, 2px);
      transform: translate(2px, 2px);
   }

   80% {
      -webkit-transform: translate(2px, -2px);
      transform: translate(2px, -2px);
   }

   100% {
      -webkit-transform: translate(0);
      transform: translate(0);
   }
}

/* ----------------------------------------------
 * Generated by Animista on 2020-4-1 15:42:45
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-ver-right
 * ----------------------------------------
 */
@keyframes wobble-ver-right-b-eiipc62zhz {
   0%, 100% {
      -webkit-transform: translateY(0) rotate(0);
      transform: translateY(0) rotate(0);
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
   }

   15% {
      -webkit-transform: translateY(-30px) rotate(6deg);
      transform: translateY(-30px) rotate(6deg);
   }

   30% {
      -webkit-transform: translateY(15px) rotate(-6deg);
      transform: translateY(15px) rotate(-6deg);
   }

   45% {
      -webkit-transform: translateY(-15px) rotate(3.6deg);
      transform: translateY(-15px) rotate(3.6deg);
   }

   60% {
      -webkit-transform: translateY(9px) rotate(-2.4deg);
      transform: translateY(9px) rotate(-2.4deg);
   }

   75% {
      -webkit-transform: translateY(-6px) rotate(1.2deg);
      transform: translateY(-6px) rotate(1.2deg);
   }
}

@keyframes sad-b-eiipc62zhz {
   0% {
      transform: rotateX(0deg) rotateY(0deg);
   }

   100% {
      transform: rotateX(10deg) rotateY(5deg);
   }
}

@keyframes leftright-b-eiipc62zhz {
   0% {
      transform: rotateZ(0deg);
   }

   100% {
      transform: rotateZ(-15deg);
   }
}
/* _content/MPWebsite/Components/Pages/Electrician.razor.rz.scp.css */
/* HERO SECTION */
.hero-electrician[b-ly3ta3g9ok] {
   padding: var(--spacing-md) 0;
   color: var(--primary-txt-color);
   background-image: linear-gradient( to right, rgba(34, 34, 34, 0.6) 70%, rgba(34, 34, 34, 0.1) ), url("../Images/Hero_image.jpg");
   background-size: cover;
   background-position: right;
}

/* ELECTRICIAN SERVICES */
.electrician-services[b-ly3ta3g9ok] {
   padding: var(--spacing-xl) 0;
}

   .electrician-services h2[b-ly3ta3g9ok] {
      margin-bottom: 0;
   }

.electrician-services-grid[b-ly3ta3g9ok] {
   margin-top: var(--spacing-md);
   margin-bottom: var(--spacing-xl);
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
}

   .electrician-services-grid ul[b-ly3ta3g9ok] {
      min-width: 33%;
      box-sizing: border-box;
      margin: 0;
      padding: 0 var(--spacing-lg);
   }

.electrician-services .card ul[b-ly3ta3g9ok] {
   list-style: url("../Images/Icons/Lightning.svg");
}

   .electrician-services .card ul li[b-ly3ta3g9ok] {
      font-size: var(--font-size--xl);
   }

.electrician-services .card h3[b-ly3ta3g9ok] {
   font-size: var(--font-size--h3-pc);
}

.electrician-services .card p[b-ly3ta3g9ok] {
   font-size: var(--font-size--md);
}

/* TESTIMONIALS SECTION */
.testimonials[b-ly3ta3g9ok] {
   padding: var(--spacing-xl) 0;
   position: relative;
}

   .testimonials a:hover .review-card[b-ly3ta3g9ok] {
      transform: scale(1.05);
      box-shadow: 0 0 15px var(--white-color);
   }

   .testimonials .review-row[b-ly3ta3g9ok] {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-around;
      gap: var(--spacing-lg);
   }

      .testimonials .review-row > a[b-ly3ta3g9ok] {
         min-width: 300px;
         max-width: 300px;
         text-decoration: none;
         flex: 1 1;
      }

   .testimonials .review-card[b-ly3ta3g9ok] {
      background-color: var(--secondary-bg-color);
      color: var(--secondary-txt-color);
      padding: var(--spacing-lg);
      box-sizing: border-box;
      border-radius: 10px;
      box-shadow: 0 0 5px var(--white-color);
      transition: all 0.2s ease;
      width: 100%;
      height: 100%;
   }

      .testimonials .review-card span[b-ly3ta3g9ok] {
         font-weight: bold;
      }

      .testimonials .review-card .rating[b-ly3ta3g9ok] {
         margin-top: var(--spacing-sm);
      }

      .testimonials .review-card .checked[b-ly3ta3g9ok] {
         color: orange;
      }

   .testimonials .link[b-ly3ta3g9ok] {
      position: absolute;
      top: var(--spacing-xl);
      right: 10%;
      width: fit-content;
   }

/* PARTNERS SECTION */
.electrician-partners[b-ly3ta3g9ok] {
   padding: var(--spacing-xl) 0;
}

   .electrician-partners .ep-grid[b-ly3ta3g9ok] {
      display: grid;
      grid-template-columns: 1fr 1fr;
   }

   .electrician-partners img[b-ly3ta3g9ok] {
      width: 256px;
      height: 124px;
      align-self: center;
      margin: 0 auto;
      object-fit: cover;
   }
/* _content/MPWebsite/Components/Pages/Index.razor.rz.scp.css */
/* HERO SECTION */
.hero[b-012q02hxin] {
   color: var(--primary-txt-color);
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 40%, rgba(34, 34, 34, 0) ), url("../Images/Hero_image.jpg");
   background-size: cover;
   background-position: right;
}

   .hero img[b-012q02hxin] {
      width: 75%;
      max-width: 390px;
      max-height: 150px;
   }

   .hero h1[b-012q02hxin] {
      font-weight: bold;
      margin: var(--spacing-lg) 0 0 0;
   }

   .hero .row[b-012q02hxin] {
      margin: var(--spacing-xl) 0;
   }

      .hero .row .col-1[b-012q02hxin] {
         width: 75%;
      }

         .hero .row .col-1 .row[b-012q02hxin] {
            justify-content: flex-start;
            align-items: flex-start;
         }

/* SERVICES SECTION */
.services[b-012q02hxin] {
   padding: var(--spacing-xl) 0;
}

   .services .card li[b-012q02hxin] {
      font-size: var(--font-size--xl);
   }

   .services .card:nth-child(1) ul[b-012q02hxin] {
      list-style: url("../Images/Icons/Lightning.svg");
   }

   .services .card:nth-child(2) ul[b-012q02hxin] {
      list-style: none;
   }

      .services .card:nth-child(2) ul li[b-012q02hxin] {
         position: relative;
      }

   .services .card:nth-child(2) li[b-012q02hxin]::before {
      content: '';
      display: inline-block;
      background-image: url("../Images/Icons/laptop-with-cursor-26.png");
      height: 26px;
      width: 26px;
      position: absolute;
      top: 8px;
      left: -32px;
   }

/* ABOUT US SECTION */
.about-us[b-012q02hxin] {
   padding: var(--spacing-xl) 0;
   overflow: hidden;
}

   .about-us .card-container[b-012q02hxin] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 70%;
      z-index: 1;
   }

   .about-us .card[b-012q02hxin] {
      width: 100%;
      background-color: var(--white-color);
      color: var(--secondary-txt-color);
      box-shadow: 0 0 10px var(--primary-txt-color);
   }

      .about-us .card .subtitle[b-012q02hxin] {
         color: var(--secondary-txt-color);
      }

      .about-us .card span[b-012q02hxin]::before {
         border-color: var(--secondary-txt-color) transparent transparent transparent;
      }

      .about-us .card span[b-012q02hxin] {
         border-bottom: 1px solid var(--secondary-txt-color);
         padding-bottom: var(--spacing-sm);
      }

   .about-us .image-container[b-012q02hxin] {
      position: relative;
   }

#about-us-image[b-012q02hxin] {
   max-width: 768px;
   opacity: 65%;
   position: absolute;
   top: 100px;
   left: -75px;
}
/* _content/MPWebsite/Components/Pages/PredictiveMaintenance.razor.rz.scp.css */
/* HERO SECTION */
.hero-software[b-vyroruuo52] {
   width: 100%;
   height: calc(100vh / 2);
   position: absolute;
   z-index: -1;
   color: var(--primary-txt-color);
   background-image: linear-gradient( to right, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0.3) 90%, rgba(255, 255, 255, 1) 100% ), url("../Images/predictive-maintenance-hero-887x488.jpg");
   background-size: contain;
   background-position: right;
   background-repeat: no-repeat;
}

/* PREDICTIVE MAINTENANCE */
.predictive-maintenance[b-vyroruuo52] {
   padding: var(--spacing-xl) 0;
}

main .background-light[b-vyroruuo52] {
   background-color: rgba(255, 255, 255, 0);
}

.predictive-maintenance h1[b-vyroruuo52] {
   margin-bottom: var(--spacing-md);
}

/* NORMAL MAINTENANCE - DISADVANTAGES */
.disadvantage .card .top .subtitle[b-vyroruuo52] {
   color: var(--orange-color);
   border-bottom: 1px solid var(--orange-color);
}

   .disadvantage .card .top .subtitle[b-vyroruuo52]::before {
      border-color: var(--orange-color) transparent transparent transparent;
   }

/* PREDICTIVE MAINTENANCE - ADVANTAGES */
.advantage .card .top .subtitle[b-vyroruuo52] {
   color: var(--green-color);
   border-bottom: 1px solid var(--green-color);
}

   .advantage .card .top .subtitle[b-vyroruuo52]::before {
      border-color: var(--green-color) transparent transparent transparent;
   }

/* PREDICTIVE MAINTENANCE - STEPS */
.maintenance-steps > li[b-vyroruuo52] {
   padding: var(--spacing-md) 0;
}

   .maintenance-steps > li:nth-child(1)[b-vyroruuo52] {
      padding-top: 0;
   }

   .maintenance-steps > li:hover .details[b-vyroruuo52] {
      background-size: 1px 0, 5px 100%;
   }

.maintenance-steps .details[b-vyroruuo52] {
   list-style: square;
   margin-top: var(--spacing-sm);
   background: linear-gradient( to top, var(--yellow-color-rgba), var(--yellow-color-rgba) ), linear-gradient( to bottom, var(--yellow-color-rgba), var(--yellow-color-rgba) );
   background-size: 1px 100%, 5px 0;
   background-position: 2px 0, 0 100%;
   background-repeat: no-repeat;
   transition: background-size 400ms ease-out;
}

   .maintenance-steps .details > li[b-vyroruuo52] {
      margin: var(--spacing-sm) 0;
      list-style: none;
   }

/* PREDICTIVE MAINTENANCE - STEPS - IMAGES */
.pos-rel[b-vyroruuo52] {
   position: relative;
}

.maintenance-steps-default-image[b-vyroruuo52] {
   height: 100%;
   width: 100%;
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 15%, rgba(34, 34, 34, 0.95) 25%, rgba(34, 34, 34, 0) ), url("../Images/pm-1-data-collection.jpg");
   background-position-x: 50%;
   background-size: cover;
}

.maintenance-steps-image-container[b-vyroruuo52] {
   height: 100%;
   width: 100%;
   background-size: cover;
   position: absolute;
   top: 0;
   right: -100%;
   visibility: hidden;
}

.maintenance-steps > li:nth-child(1):hover .maintenance-steps-image-container[b-vyroruuo52] {
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 15%, rgba(34, 34, 34, 0.95) 25%, rgba(34, 34, 34, 0) ), url("../Images/pm-1-data-collection.jpg");
   background-position-x: 50%;
   visibility: visible;
}

.maintenance-steps > li:nth-child(2):hover .maintenance-steps-image-container[b-vyroruuo52] {
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 15%, rgba(34, 34, 34, 0) ), url("../Images/pm-2-data-analysis.jpg");
   visibility: visible;
}

.maintenance-steps > li:nth-child(3):hover .maintenance-steps-image-container[b-vyroruuo52] {
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 15%, rgba(34, 34, 34, 0) ), url("../Images/pm-3-prediction.png");
   visibility: visible;
}

.maintenance-steps > li:nth-child(4):hover .maintenance-steps-image-container[b-vyroruuo52] {
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 10%, rgba(34, 34, 34, 0) ), url("../Images/pm-4-maintenance.jpg");
   background-position-x: 50%;
   visibility: visible;
}

.maintenance-steps > li:nth-child(5):hover .maintenance-steps-image-container[b-vyroruuo52] {
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 15%, rgba(34, 34, 34, 0) ), url("../Images/pm-5-evaluate.jpg");
   background-position-x: 40%;
   visibility: visible;
}
/* _content/MPWebsite/Components/Pages/PredictiveMaintenancePages/Demo.razor.rz.scp.css */
.inputfield[b-jjq705ai82] {
   margin-top: 32px;
   display: block;
   width: 100%;
}
/* _content/MPWebsite/Components/Pages/PredictiveMaintenancePages/DemoNavMenu.razor.rz.scp.css */
[b-z2oxc6sh5o] .fluent-nav-icon {
   padding-top: 5px;
}
/* _content/MPWebsite/Components/Pages/PrivacyPolicy.razor.rz.scp.css */
body[b-n7kplzy9z9] {
   background-color: var(--primary-bg-color);
}

.privacy[b-n7kplzy9z9] {
   background-color: var(--white-color);
   padding: var(--spacing-xl) var(--spacing-lg);
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

img[b-n7kplzy9z9] {
   margin: 0 auto;
   max-width: 100%;
}

h1[b-n7kplzy9z9] {
   margin: var(--spacing-lg) auto;
}

h2[b-n7kplzy9z9] {
   margin-bottom: 0;
}

ul[b-n7kplzy9z9] {
   list-style: none;
}

table[b-n7kplzy9z9] {
   border: 1px solid var(--secondary-txt-color);
}

thead[b-n7kplzy9z9] {
   font-weight: 600;
}

td[b-n7kplzy9z9] {
   padding: var(--spacing-sm);
   border: 1px solid var(--secondary-txt-color);
   word-wrap: anywhere;
}

tr td:nth-child(2n)[b-n7kplzy9z9] {
   word-wrap: initial;
}
/* _content/MPWebsite/Components/Pages/Shared/GDPRSettings.razor.rz.scp.css */
.cookie-consent-window[b-s8gu8wogyh] {
   position: fixed;
   z-index: 20;
   left: 0;
   top: 0;
   padding-top: 5%;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
   backdrop-filter: blur(3px);
}

.cookie-consent-banner[b-s8gu8wogyh] {
   border-radius: var(--border-radius);
   overflow: hidden;
   box-sizing: border-box;
   max-width: 500px;
   margin: 0 auto;
   position: relative;
   display: grid;
   grid-template-rows: 60px 1fr;
}

   .cookie-consent-banner .top[b-s8gu8wogyh] {
      position: relative;
      width: 100%;
      box-sizing: border-box;
      background-color: var(--yellow-color);
      display: flex;
      justify-content: center;
      overflow: visible;
   }

      .cookie-consent-banner .top img[b-s8gu8wogyh] {
         margin-top: 10px;
         width: 100px;
         height: 100px;
      }

   .cookie-consent-banner .bottom[b-s8gu8wogyh] {
      width: 100%;
      box-sizing: border-box;
      background-color: var(--white-color);
      padding: var(--spacing-lg) var(--spacing-md);
      display: flex;
      flex-direction: column;
      align-items: center;
   }

      .cookie-consent-banner .bottom .buttons[b-s8gu8wogyh] {
         padding: var(--spacing-md);
         display: flex;
         justify-content: center;
      }

         .cookie-consent-banner .bottom .buttons button[b-s8gu8wogyh] {
            margin: var(--spacing-sm);
            padding: var(--spacing-sm) var(--spacing-md);
            border: none;
            border-radius: var(--border-radius);
            cursor: pointer;
         }

            .cookie-consent-banner .bottom .buttons button:nth-child(1)[b-s8gu8wogyh] {
               background-color: var(--primary-link-bg-color);
               color: var(--primary-link-txt-color);
            }

            .cookie-consent-banner .bottom .buttons button:nth-child(2)[b-s8gu8wogyh] {
               background-color: var(--white-color);
               color: var(--secondary-link-txt-color);
               border: 1px solid var(--secondary-link-txt-color);
            }

      .cookie-consent-banner .bottom a[b-s8gu8wogyh] {
         text-decoration: underline;
      }

.gdpr-cookie-settings[b-s8gu8wogyh] {
   position: fixed;
   left: 10px;
   bottom: 10px;
   background-color: var(--primary-bg-color);
   text-decoration: none;
   cursor: pointer;
   box-sizing: content-box;
   z-index: 10;
}

   .gdpr-cookie-settings:hover[b-s8gu8wogyh]::after {
      content: "Süti beállítások módosítása";
      color: var(--primary-txt-color);
      background-color: var(--primary-bg-color);
      padding: var(--spacing-sm);
      position: relative;
      box-sizing: content-box;
      top: -15px;
   }

   .gdpr-cookie-settings img[b-s8gu8wogyh] {
      width: 32px;
      padding: var(--spacing-sm);
      box-sizing: content-box;
   }
/* _content/MPWebsite/Components/Pages/Shared/NavMenu.razor.rz.scp.css */
.top-row[b-c59c984y7o] {
   position: sticky;
   top: 2em;
   z-index: 1;
   background: white;
   display: flex;
   align-items: center;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   padding-top: 6px;
   padding-bottom: 6px;
}

.align-right[b-c59c984y7o] {
   margin-left: auto;
}

.scrolled-nav[b-c59c984y7o] {
   transition: all 500ms ease-out;
   padding: var(--spacing-xs) 0;
}

.scrolled-logo[b-c59c984y7o] {
   transition: all 500ms ease-out;
   height: 40px;
}

img[b-c59c984y7o] {
   height: 50px;
}

@media (max-width: 701px) {
   .top-row[b-c59c984y7o] {
      flex-direction: column;
      top: 4em;
   }
}
/* _content/MPWebsite/Components/Pages/SoftwareDevelopment.razor.rz.scp.css */
/* HERO SECTION */
.hero-software[b-3x9css6f8l] {
   width: 100%;
   height: calc(100vh / 2);
   position: absolute;
   z-index: -1;
   color: var(--primary-txt-color);
   background-image: linear-gradient( to right, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0.3) 90%, rgba(255, 255, 255, 1) 100% ), url("../Images/hero-software-1500x1000.jpg");
   background-size: contain;
   background-position: right;
   background-repeat: no-repeat;
}

/* SOFTWARE SERVICES */
.software-services[b-3x9css6f8l] {
   padding: var(--spacing-xl) 0;
}

main .background-light[b-3x9css6f8l] {
   background-color: rgba(255, 255, 255, 0);
}

.software-services h1[b-3x9css6f8l] {
   margin-bottom: var(--spacing-md);
}

/* SOFTWARE DEVELOPMENT - TYPES */
.software-development[b-3x9css6f8l] {
   padding: var(--spacing-xl) 0;
}

.software-services ul[b-3x9css6f8l] {
   list-style: none;
}

   .software-services ul li[b-3x9css6f8l] {
      position: relative;
      margin: var(--spacing-sm) 0;
   }

.software-services li[b-3x9css6f8l]::before {
   content: '';
   display: inline-block;
   background-image: url("../Images/Icons/laptop-with-cursor-26.png");
   height: 26px;
   width: 26px;
   position: absolute;
   top: -2px;
   left: -32px;
}

/* SOFTWARE DEVELOPMENT - STEPS */
.development-steps > li[b-3x9css6f8l] {
   padding: var(--spacing-md) 0;
}

   .development-steps > li:nth-child(1)[b-3x9css6f8l] {
      padding-top: 0;
   }

   .development-steps > li:hover .details[b-3x9css6f8l] {
      background-size: 1px 0, 5px 100%;
   }

.development-steps .details[b-3x9css6f8l] {
   list-style: square;
   margin-top: var(--spacing-sm);
   background: linear-gradient( to top, var(--yellow-color-rgba), var(--yellow-color-rgba) ), linear-gradient( to bottom, var(--yellow-color-rgba), var(--yellow-color-rgba) );
   background-size: 1px 100%, 5px 0;
   background-position: 2px 0, 0 100%;
   background-repeat: no-repeat;
   transition: background-size 400ms ease-out;
}

   .development-steps .details > li[b-3x9css6f8l] {
      margin: var(--spacing-sm) 0;
   }

/* SOFTWARE DEVELOPMENT - STEPS - IMAGES */
.pos-rel[b-3x9css6f8l] {
   position: relative;
}

.development-steps-default-image[b-3x9css6f8l] {
   height: 100%;
   width: 100%;
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 15%, rgba(34, 34, 34, 0.95) 25%, rgba(34, 34, 34, 0) ), url("../Images/0-tech-600x600.jpg");
   background-size: cover;
}

.development-steps-image-container[b-3x9css6f8l] {
   height: 100%;
   width: 100%;
   background-size: cover;
   position: absolute;
   top: 0;
   right: -100%;
   visibility: hidden;
}

.development-steps > li:nth-child(1):hover .development-steps-image-container[b-3x9css6f8l] {
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 15%, rgba(34, 34, 34, 0) ), url("../Images/1-planning-1000x1500.jpg");
   visibility: visible;
}

.development-steps > li:nth-child(2):hover .development-steps-image-container[b-3x9css6f8l] {
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 15%, rgba(34, 34, 34, 0) ), url("../Images/2-architecture-1000x1500.jpg");
   visibility: visible;
}

.development-steps > li:nth-child(3):hover .development-steps-image-container[b-3x9css6f8l] {
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 15%, rgba(34, 34, 34, 0) ), url("../Images/3-mvp-1000x1500.jpg");
   visibility: visible;
}

.development-steps > li:nth-child(4):hover .development-steps-image-container[b-3x9css6f8l] {
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 10%, rgba(34, 34, 34, 0) ), url("../Images/4-coding-1000x1500.jpg");
   visibility: visible;
}

.development-steps > li:nth-child(5):hover .development-steps-image-container[b-3x9css6f8l] {
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 15%, rgba(34, 34, 34, 0) ), url("../Images/5-maintenance-1250x1250.jpg");
   visibility: visible;
}

.development-steps > li:nth-child(6):hover .development-steps-image-container[b-3x9css6f8l] {
   background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 15%, rgba(34, 34, 34, 0) ), url("../Images/6-release-1000x1500.jpg");
   visibility: visible;
}

/* SOFTWARE SERVICES - TECHNOLOGIES */
.technologies[b-3x9css6f8l] {
   margin: var(--spacing-lg) 0;
}

.tech-subtitle[b-3x9css6f8l] {
   display: block;
   margin: var(--spacing-lg) var(--spacing-sm) var(--spacing-sm) var(--spacing-sm);
   font-size: var(--font-size--md);
}

.technologies .logo-row[b-3x9css6f8l] {
   display: flex;
   flex-direction: row;
   align-items: center;
   flex-wrap: wrap;
}

   .technologies .logo-row img[b-3x9css6f8l] {
      margin: var(--spacing-sm);
      background-color: var(--white-color);
      padding: var(--spacing-md);
   }

/* SOFTWARE REFERENCES */
.software-references[b-3x9css6f8l] {
   padding: var(--spacing-xl) 0;
}