/*
 Theme Name:   custom-child
 Description:  custom Child Theme
 Author:       custom
 Author URI:   https://multitech.ie
 Template:     custom
 Version:      1.0.0
 Requires at least: 1.0
*/@import url(https://fonts.cdnfonts.com/css/bebas-neue);@import url(https://fonts.cdnfonts.com/css/advent-pro);.btn-100::after,.btn-100::before{position:absolute;height:0;background-color:var(--header);z-index:1}h2,h2-heading2{font-size:48px;line-height:120%}.btn-100::after,.btn-100::before,.single-feature-items::before{content:"";transition:.4s ease-in-out}.btn-100,.btn-100 i,.btn-100::after,.btn-100::before{transition:.4s ease-in-out}.section-title span,h2{text-transform:uppercase}.btn-100.btn-10:hover i,.btn-100:hover i{transform:translate(5px)}.m1000 .card a,.m1000 .column:hover .m1001{margin-left:1rem}.navbar-brand img{height:23px}.navbar a{font-size:19px;font-weight:500}:root{--body:#fff;--black:#000;--white:#fff;--theme:#166FD3;--theme2:#4E29B7;--header:#222222;--base:#166FD3;--text:#5E5F63;--text2:#8A8C94;--border:#EEEFF4;--border2:#D7D7D7;--button:#1C2539;--button2:#030734;--ratting:#F09815;--bg:#F6F3EE;--bg2:#F6F6F6;--bg3:#F5F6FD;--bg4:#020001;--bg5:#F8F8F8;--bg6:#020626;--bg7:#EDEEEE;--color-gradient-1:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19.36%, rgba(15, 116, 230, 0.55) 71.26%, #166FD3 100%);--color-gradient-2:linear-gradient(180deg, rgba(0, 0, 0, 0.31) 0%, rgba(0, 0, 0, 0.78) 100%);---box-shadow:0px 9px 21px rgba(0, 0, 0, 0.04)}.f1110 h1{font-size:17px;color:#cbcbcb;font-weight:400;line-height:25px}.bootscore-footer-columns h5{color:#fff;font-size:20px;font-weight:600}.f1111{font-size:30px;color:#166fd3!important}.bootscore-copyright,.btn-100,.btn-100:hover,.m1000 .column:hover a{color:#fff}.bootscore-footer-columns p{color:#cbcbcb}.bootscore-footer-columns a{color:#cbcbcb;text-decoration:none;font-size:17px}.bootscore-footer-columns li{margin-bottom:7px}@media (min-width:768px){.footer_widget .menu-main-manu-container,.m2footer{padding-left:4rem}}.f1112 img{width:153px;border-radius:5px;padding:5px;background-color:#fff;box-shadow:-4px 3px 5px -2px rgb(255 255 255)}.carousel-control-next-icon,.carousel-control-prev-icon{border:2px solid #fff;border-radius:50%;width:40px;height:40px;padding:5px;background-color:transparent;background-size:20px;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.carousel-control-next:hover,.carousel-control-prev:hover{border-color:rgba(255,255,255,.8)}.carousel-caption h1{font-weight:300;font-size:35px}@media only screen and (max-width:768px){.carousel-caption h1{font-weight:300;font-size:22px}.carousel-caption h2{font-size:40px}}@media only screen and (max-width:576px){.navbar-brand img{height:18px}.carousel-caption h2{font-size:14px}.carousel-caption h1{font-weight:300;font-size:22px}.m110 .hero-button{margin-top:10px!important}.carousel-caption{bottom:.5rem}}@media only screen and (min-width:992px){.carousel-caption{position:absolute;top:40%;left:10%;transform:translateY(-50%);text-align:left;max-width:48%;padding:15px;border-radius:10px}}@media only screen and (min-width:1200px){.carousel-caption h2{font-size:65px}}.m110 .hero-button{margin-top:35px}.btn-100{background-color:#166fd3;font-weight:700;text-transform:capitalize;position:relative;overflow:hidden;font-size:16px;padding:24px 45px;border-radius:7px;z-index:9;display:inline-block;line-height:1;text-decoration:none;border:0}.m111,.mheading-blue{font-size:40px;font-weight:300}.btn-100::before{bottom:0;left:0;width:52%;border-radius:7px 0 0 7px}.btn-100::after{top:0;right:0;width:50%;border-radius:0 7px 7px 0}.btn-100:hover::after,.btn-100:hover::before{height:100%}.btn-100.btn-10:hover,.btn-100.btn-10:hover i{color:#000}.btn-100 i{margin-left:8px}.btn-100 span,.cta-banner-section-4{position:relative;z-index:9}.btn-100.btn-10::after,.btn-100.btn-10::before{background-color:#fff}@media (max-width:767px){.btn-100{padding:22px 30px}}.m111{color:#444;line-height:45px;letter-spacing:1.1px;word-spacing:18px}.mheading-blue{color:#0d6efb}.msubheading-blue{color:#0d6efb;font-size:18px;font-weight:700;text-decoration:underline}h2,h2-heading2{font-weight:700}.single-feature-items{padding:40px 35px;background-color:#f6f6f6;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:9}.single-feature-items .content span{letter-spacing:.11em;text-transform:uppercase;font-size:15px;color:red;font-weight:700;margin-bottom:5px;display:inline-block}.contact-info-area i,.front-services{color:#0d6efb!important}.single-feature-items .icon{position:relative;width:100px;height:100px;line-height:100px;border-radius:50%;background-color:#fff;box-shadow:var(---box-shadow);text-align:center}.elementor img{height:auto;max-width:100%;border:none;border-radius:0;box-shadow:none}.single-feature-items::before{position:absolute;right:0;width:20%;height:100%;bottom:0;top:0;background-color:#166fd3;z-index:-1}.cta-banner-section-4::before,.cta-banner-section::before{bottom:0;height:100%;width:100%;content:"";left:0;right:0}.single-feature-items:hover::before{background-color:#dcb49a}.contact-box .contact-form-items .form-clt,.cta-banner-section{position:relative}.cta-banner-section::before{position:absolute;top:0;background-image:var(--color-gradient-2)}.cta-banner-section-4::before{position:absolute;background-color:var(--bg4);top:50%;z-index:-1}.bg-cover{background-repeat:no-repeat;background-size:cover;position:relative;background-position:center}.cta-banner-wrapper{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.section-padding{padding:120px 0}.section-title{position:relative;z-index:99;margin-bottom:30px;margin-top:-6px}.section-title span{color:var(--theme);margin-bottom:10px;display:inline-block;font-weight:700;letter-spacing:.11em;text-decoration-line:underline}.feature-icon-box-wrapper{padding:80px 50px;background-color:var(--white);box-shadow:var(---box-shadow);position:relative;z-index:9;margin-top:-120px}.feature-icon-box-wrapper .icon-box-items{display:flex;align-items:center;gap:30px;position:relative}.feature-icon-box-wrapper .icon-box-items::before{position:absolute;bottom:-75%;left:0;height:2px;width:100%;content:"";background:var(--theme);transition:.3s;opacity:0}@media (max-width:1399px){.feature-icon-box-wrapper .icon-box-items::before{display:none}}.feature-icon-box-wrapper .icon-box-items .icon{font-size:42px;width:113px;height:107px;line-height:106px;border-radius:50%;text-align:center;background-color:var(--bg3);color:var(--theme);box-shadow:-5px 4px 11px -7px rgba(0,0,0,.63)}.feature-icon-box-wrapper .icon-box-items .content{flex-basis:62%}.feature-icon-box-wrapper .icon-box-items .content h3{margin-bottom:10px}.feature-icon-box-wrapper .icon-box-items.active::before,.feature-icon-box-wrapper .icon-box-items:hover::before{opacity:1}.icon-box-items h3,.web-123 p{font-size:20px}.cta-chat-wrapper{background-color:var(--theme);padding:55px 40px;border-radius:7px;display:flex;align-items:center;justify-content:space-between}.cta-chat-wrapper .chat-items{display:flex;align-items:center;gap:35px}@media (max-width:1199px){.cta-banner-wrapper,.cta-chat-wrapper{flex-wrap:wrap;gap:30px;justify-content:center;text-align:center}.section-padding{padding:100px 0}.feature-icon-box-wrapper .icon-box-items .content{flex-basis:50%}.cta-chat-wrapper .chat-items{flex-wrap:wrap;justify-content:center;gap:20px}}.cta-chat-wrapper .chat-items .icon{font-size:52px;color:var(--white)}.cta-chat-wrapper .chat-items .content h3{font-size:36px;color:var(--white);margin-bottom:10px}.cta-chat-wrapper .chat-items .content p{font-size:18px;color:rgba(255,255,255,.52)}.cta-chat-wrapper.style-2{background-color:var(--theme2)}.btn-100.bg-white{color:var(--header)}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.btn-100.bg-white:hover{color:var(--white)}.btn-100.bg-white:hover i{transform:translate(5px);color:var(--white)}.bootscore-footer .text-body-secondary{background:#0d6efd!important}.bootscore-footer .bg-body-tertiary{background:#363636!important}.bootscore-footer-info .menu{list-style:none;padding:0;margin:15px;display:flex;justify-content:center}.bootscore-footer-info .menu-item a{text-decoration:none;color:#fff;font-size:17px;font-weight:600;padding:8px 14px}@media screen and (max-width:576px){.bootscore-footer-info .menu-item a{font-size:9px!important;padding:7px 6px!important}.bootscore-footer-info .menu{margin-right: 5px;margin-left: 5px;}}@media screen and (max-width:768px){.bootscore-footer-info .menu-item a{font-size:14px;padding:8px 10px}}.dropdown:hover>.dropdown-menu,.slick-initialized .slick-slide{display:block}.dropdown>.dropdown-toggle:active,.slick-slide.dragging img{pointer-events:none}.dropdown-menu{animation:.3s ease-in-out slideUp}@keyframes slideUp{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.sticky-top .navbar{-webkit-transition:padding .2s;-moz-transition:padding .2s;-o-transition:padding .2s;transition:padding .2s;top:17%}.affix{padding-top:.2em!important;padding-bottom:.2em!important;-webkit-transition:padding .2s linear;-moz-transition:padding .2s linear;-o-transition:padding .2s linear;transition:padding .2s linear}.sticky-top{transition:.25s ease-in;background-color:#fff!important;height:87px;box-shadow:0 10px 22px -25px rgba(0,0,0,.75)}.header-top-wrapper{display:flex;align-items:center;justify-content:space-between}.header-top-wrapper .contact-list{display:flex;align-items:center;gap:25px;margin-bottom:0;list-style-type:none}.header-top-wrapper .contact-list li{font-size:15px;color:var(--text2)}.header-top-wrapper .contact-list li i{color:var(--theme);margin-right:10px}.header-top-wrapper .contact-list a{font-size:15px;color:var(--text2);text-decoration:none}.header-top-wrapper .top-right{display:flex;align-items:center;gap:65px}.header-top-wrapper .top-right .social-icon{gap:15px}.header-top-wrapper .top-right .social-icon a{color:var(--text2)}.header-top-wrapper .top-right .header-menu{display:flex;align-items:center;gap:20px;margin-bottom:0;list-style-type:none;padding-left:1rem}@media (max-width:1899px){.header-top-wrapper .top-right .header-menu li a{color:var(--text2);background-image:linear-gradient(var(--text2),var(--text2))}}.header-top-wrapper .top-right .header-menu li a{color:var(--text2);background-image:linear-gradient(var(--white),var(--white));background-position:0 95%;background-repeat:no-repeat;background-size:0 2px;display:inline-block;transition:.4s ease-in-out}.header-top-section{background-color:var(--bg4);padding:10px 0;position:relative;z-index:9}.header-top-section .menu-item a{border:1px solid;border-radius:1px;padding:4px;color:var(--text2);text-decoration:none}.contact-box{background:rgb(255 255 255 / 90%);border-radius:16px;box-shadow:0 4px 30px rgb(0 0 0 / 18%);backdrop-filter:blur(0.7px);padding:30px;height:fit-content}.contact-box h3{color:#166fd3;font-weight:300;text-align:center;font-size:27px;margin-bottom:13px}.contact-box p{color:var(--black);margin-top:5px}.contact-form-items .form-clt input::-moz-placeholder,.contact-form-items .form-clt textarea::-moz-placeholder{color:var(--header)}.contact-form-items .form-clt input::placeholder,.contact-form-items .form-clt textarea::placeholder{color:var(--header)}.contact-box .contact-form-items .form-clt input,.contact-box .contact-form-items .form-clt textarea{border:1px solid #e4e4e4;color:var(--text);font-weight:500}.contact-box .contact-form-items .form-clt input::-moz-placeholder,.contact-box .contact-form-items .form-clt textarea::-moz-placeholder{color:var(--text)}.contact-box .contact-form-items .form-clt input::placeholder,.contact-box .contact-form-items .form-clt textarea::placeholder{color:var(--text)}.contact-box .contact-form-items .form-clt .icon{position:absolute;top:18px;right:30px}.contact-box .contact-form-items textarea{padding:18px 30px 90px}@media (max-width:575px){.btn-100{padding:10px 14px}.btn-100 span{font-size:10px}.single-feature-items .icon{width:85px;height:85px;line-height:85px}.feature-icon-box-wrapper{padding:50px 30px}.feature-icon-box-wrapper .icon-box-items{flex-wrap:wrap;gap:20px;justify-content:center}.feature-icon-box-wrapper .icon-box-items .icon{width:80px;height:80px;line-height:90px;font-size:32px}.cta-chat-wrapper{text-align:center}.cta-chat-wrapper .chat-items .content h3{font-size:28px}.contact-form-items .form-clt textarea{padding:14px 20px 90px}.contact-box .contact-form-items .form-clt input,.contact-box .contact-form-items .form-clt textarea{padding:12px 20px}.contact-box .contact-form-items textarea{padding:12px 20px 90px!important}}.contact-form-items .form-clt input,.contact-form-items .form-clt textarea{padding:18px 30px;border:none;outline:0;background-color:var(--white);width:100%;font-size:18px;font-weight:500;color:var(--header);border-radius:5px}@media (max-width:575px){.contact-form-items .form-clt input,.contact-form-items .form-clt textarea{padding:14px 20px}}.nice-select select{padding:22px 26px;font-weight:600;font-size:18px;color:#626367}.contact-info-area{margin-top:50px}.contact-info-area .contact-info-items{display:flex;align-items:center;gap:30px}.contact-info-area .contact-info-items .icon{font-size:32px}.contact-info-area .contact-info-items .content h3{font-size:22px;margin-top:5px;text-transform:initial;color:#000}.contact-info-area .contact-info-items .content p{margin-bottom:0;color:#0d6efb}.contact-info-area .contact-info-items .content a{color:#363636;text-decoration:none}.web-123 h4{font-size:26px;font-weight:200}.web-123 h2{font-weight:400;font-size:40px}.slick-slide{margin:0 20px}.slick-slide img{width:100%;display:block}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:""}.slick-arrow.slick-hidden,.slick-slide,.slick-slide.slick-loading img{display:none}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.web-402 col{padding:2px!important}.m1000 .column:hover,.web-402 ul{padding-left:0}.grid-container{position:relative;top:0}.web-402 .card{height:100%;display:flex;flex-direction:column;border-radius:0}.card-body{flex:1;display:flex;flex-direction:column;justify-content:space-between}.web-402 .card-title{margin-top:2px;margin-bottom:7px;font-weight:300;color:gray}.card-text{margin-bottom:15px;flex-grow:1;font-size:15px;font-weight:300;line-height:20px}.more-btn{margin-top:auto}.web-401{background-image:url('http://localhost/multitech/wp-content/uploads/2025/02/need-advice.jpg');background-position:center top;background-size:cover;margin-bottom:0}.web-4020{background-color:#fbfbfb}.web-402 .row{box-shadow:-4px 5px 10px -9px rgba(0,0,0,.75)}.web-402 .col{padding:0}.web-402 i{color:#008bce}.web-402 ul{list-style:none}.m1000 .gr-1{background:linear-gradient(170deg,#01e4f8 0,#1d3ede 100%)}.m1000 .gr-2{background:linear-gradient(170deg,#b4ec51 0,#429321 100%)}.m1000 .gr-3{background:linear-gradient(170deg,#c86dd7 0,#3023ae 100%)}*{transition:.5s}.m1000 .align-middle{position:relative;top:50%;transform:translateY(-50%)}.m1000 .column{margin-top:3rem;padding-left:3rem}.m1000 .column:hover .m1001 h1,.m1000 .column:hover .m1001 p{color:#fff;opacity:1}.m1000 .column:hover a:after{width:10%}.m1000 .card{min-height:200px;margin:0;padding:1.7rem 1.2rem;border:none;border-radius:0;color:#000;letter-spacing:.05rem;font-family:Oswald,sans-serif;box-shadow:0 0 21px rgba(0,0,0,.27)}.m1000 .card .m1001{margin-left:-3rem;z-index:1}.m1000 .card .m1001 h1{font-size:24px;font-weight:300;text-transform:uppercase;color:#444}.m1000 .card .m1001 p{font-size:13px;font-family:"Open Sans",sans-serif;letter-spacing:0;margin-top:33px;opacity:1;color:#444}.m1000 .card a{z-index:3;font-size:.7rem;color:#000;position:relative;bottom:-.5rem;text-transform:uppercase}.m1000 .card a:after{content:"";display:inline-block;height:.5em;width:0;margin-right:-100%;margin-left:10px;border-top:1px solid #fff;transition:.5s}.m1000 .card .m1002{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;overflow:hidden}.m1000 .card .m1002 i{position:relative;right:-50%;top:60%;font-size:12rem;line-height:0;opacity:.2;color:#fff;z-index:0}@media (max-width:767px){.section-title{margin-bottom:0}.m1000{margin-bottom:-21rem;margin-top:20rem}}@media (min-width:767px){.m1000{margin-bottom:-14rem;margin-top:13rem}}@media (min-width:992px){.m1000{margin-bottom:-5rem;margin-top:6rem}}@media (max-width:991px){.section-padding{padding:80px 0}.header-top-section{display:none}}.web-4011,.web-4012{font-size:48px;text-transform:uppercase}.web-4012,.web-4013{color:#fff;font-weight:200}.breadcrumb-wrapper{display:none}.web-401{background-image:url("https://multitech.ie/wp-content/uploads/2025/02/error2.avif");width:100%;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}@media (max-width:768px){.web-401{background-position:top;background-image:url("https://multitech.ie/wp-content/uploads/2025/02/error3.avif")}}.web-4011{color:#fff;font-family:'Bebas Neue',sans-serif}.web-4012{font-family:'Advent Pro',sans-serif}.web-4013{font-size:25px;text-transform:lowercase}.web-401 hr{border:1.5px solid #fff;margin-top:1px;opacity:10}

/* Preloader Styles */
.mp1000 {
    height: 500px;
    padding-top: 100px;
}

.preloaderBg {
    position: fixed;
    z-index: 9999; /* Make sure preloader is always on top */
    top: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
}

.preloader {
    margin: auto;
        background: url('/wp-content/uploads/2025/03/m-new-logo5.png') no-repeat center;

    background-size: 150px;
    width: 300px;
    height: 300px;
}

.preloader2 {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #767676;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    animation: spin 1s ease-in-out infinite;
    position: relative;
    margin: auto;
    top: -280px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Hide page content initially */
#page-content {
    display: none;
}


.offcanvas-header img{
height: 22px;
}

@media (max-width: 992px) {
    .navbar-nav li{
border-bottom: 1px solid #95959547;
}
}


.navbar a {
    font-size: 17px;
    font-weight: 500;
}


.mm0001 li{
 list-style-type: none;
    }

.mm0001 a{
    text-decoration: none;
}

.mm0001 ul{
    padding: 0px 3px;
}
@media (min-width: 992px) {
    .mm0001{
        display: none;
    }
}

.mm0002 ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.mm0002 ul li a{
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: 1px solid rgb(203 203 203);
    color: #939393;
    display: list-item;
    margin-right: 10px;
    transition: all 0.4s;
    border-radius: 5px;
}

.mm0002 ul li a:hover {
    background-color: #0d6efd;
    color: lightgray;
}

@media (min-width: 992px) {
    .mm0002{
        display: none;
    }
}








.mi5000{
    background-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(36deg, #297efb 45%, #43BAFF 80%);
    
}
.grid-item {
      background-color: #FFFFFF; /* White background color */
      background-image: url('https://multitech.ie/wp-content/uploads/2025/03/itsupport-back.avif'); /* Placeholder image URL */
      background-position: right; /* Start background from near the center and move towards right */
      background-repeat: no-repeat; /* Prevent background repetition */
      border-radius: 10px;
      display: flex;
      align-items: center;
      padding: 20px;
      height: 200px;
      transition: transform 0.3s ease;
      position: relative;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.20);
    }

    .grid-item:hover {
      transform: translateY(-10px);
    }

    .icon-container {
      background-color: #0d6efd;
      border-radius: 50%;
      padding: 15px;
      margin-right: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .grid-item .icon-container i {
      color: white;
      font-size: 24px;
    }

    .grid-item .text-container {
      color: #323232;
      font-size: 20px;
      font-weight: bold;
    }

    /* Responsive grid for phone view */
    @media (max-width: 576px) {
      .grid-item {
        height: auto;
      }
    }
    

.mi5006{
background-color: #020626;
}

.process-items {
  text-align: center;
  width: 290px;
  height: 290px;
  position: relative;
  text-align: center;
  margin: 30px auto;
}
@media (max-width: 1399px) {
  .process-items {
    width: 260px;
    height: 260px;
  }
}
@media (max-width: 767px) {
  .process-items {
    width: 240px;
    height: 240px;
  }
}
@media (max-width: 575px) {
  .process-items {
    width: 190px;
    height: 190px;
  }
}
.process-items::before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 2px dotted rgb(255 255 255 / 37%);
  content: "";
  border-radius: 50%;
  position: absolute;
  animation: rotate 20s linear infinite;
}
.process-items .icon {
  font-size: 60px;
  color: var(--theme);
}
@media (max-width: 575px) {
  .process-items .icon {
    font-size: 48px;
  }
}
.process-items .content {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 100%;
}
.process-items .content h3 {
  color: var(--white);
  margin-top: 20px;
  font-size: 23px;
}
@media (max-width: 1199px) {
  .process-items .content h3 {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .process-items .content h3 {
    font-size: 16px;
  }
}
.process-items .process-number {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  background-color: var(--theme);
  color: var(--white);
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 30px;
  z-index: 1;
}

.mi503{
background-image: url('https://multitech.ie/wp-content/uploads/2025/03/itsupport.avif');
background-size: cover;
    background-position: right;
    padding: 35px 0px;
    margin-bottom: -50px;
    border-radius: 3px;
    box-shadow: 0px -1px 2px 0px rgba(112, 112, 112, 1);
}
.mi503 h3{
font-size: 43px;
}
.mi503 h3, .mi503 i{
 color: white;
}

.mi506{
font-size: 17px;
color: white;
}

.mi507{
font-size: 32px;
    color: #8282ff;
}

.mi505 i{
font-size: 50px;
}

 .progress-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }

  .progress {
    width: 90px;
    height: 90px !important;
    line-height: 150px;
    background: none;
    margin-right: 9px; /* space between circle and text */
    box-shadow: none;
    position: relative;
  }

  .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
  }

  .progress > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
  }

  .progress .progress-left {
    left: 0;
  }

  .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    top: 0;
  }

  .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
  }

  .progress .progress-right {
    right: 0;
  }

  .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
  }

  .progress .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #f1f1f1;
    font-size: 17px;
    color: #525252;
    line-height: 85px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
  }

  .progress.blue .progress-bar {
    border-color: #0d6efd;
  }

  .progress.blue .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.8s;
  }

  .progress.yellow .progress-bar {
    border-color: #0d6efd;
  }

  .progress.yellow .progress-right .progress-bar {
    animation: loading-3 1.8s linear forwards;
  }

  .progress.yellow .progress-left .progress-bar {
    animation: loading-4 1.5s linear forwards 1.8s;
  }

  .progress-text {
    font-size: 18px;
    color: #333;
    text-align: left;
  }

  @keyframes loading-1 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  }

  @keyframes loading-2 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(144deg);
      transform: rotate(144deg);
    }
  }

  @keyframes loading-3 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  }

  @keyframes loading-4 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(140deg);
      transform: rotate(140deg);
    }
  }
  
  .mi504{
      background: #fbfbfb;
      
  }
  
  .mi504 h3{
      font-size: 40px;
    color: #424242;
    text-transform: capitalize;
  }

.mi504 p{
    font-size: 20px;
    color: #323232;
}


.mi600 .btn-100{
    padding: 18px 14px;
    border-radius: 3px;
}

.mi600 p{
    font-size: 26px;
    font-weight: 300;
}

.mi50 p{
    font-size: 23px;
}

.mi50 span{
    font-weight: 600;
}

.mi50 img {
    box-shadow: 0px 2px 13px -5px rgb(94 94 94 / 75%);
    border-radius: 6px;
}