.nice-select .list {
  width: 100%
}

.nice-select .option:hover {
  background-color: #0664cd;
  color: #fff
}
.nice-select:after {
  border: none
}

.nice-select {
  line-height: 30px !important
}
.service-details-wrap .list-unstyled {
  margin: 0
}
.service-details-wrap .list-unstyled li {
  color: #dc3545;
  padding-left: 0 !important;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px
}
.list-unstyled {
  margin-top: 10px;
  color: #dc3545;
  text-align: left
}

body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    /* font-family: 'Aptos'; */
    font-family: "Lato", sans-serif;
    color: #212121
}
a {
  display: inline-block;
  transition: all .5s;
  text-decoration: none;
  color: #0664cd
}
a:hover {
  text-decoration: none;
  color: #25245e
}
a:focus {
  text-decoration: none
}
button {
  outline: 0 !important;
  box-shadow: none;
  border: none
}
button:focus {
  box-shadow: none
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #25245e;
  font-weight: 700
}
.h1 inter {
  color: #fff;
  font-weight: 700
}
h3 {
  font-size: 24px
}
.rouge {
  color: #c14499;
}
.blue {
  color: #0565cc;
  opacity: 1
}
.grey {
  color: #7d7e7a;
  opacity: 1
}
.purple {
  color: #0565cc;
  opacity: 1
}
.decal-banner {
  margin-left: -50px
}
.green {
  color: #0565cc;
  opacity: 1
}
.argu {
  color: #c14499;
  opacity: 1
}
.d-table {
  width: 100%;
  height: 100%
}
.d-table-cell {
  vertical-align: middle
}
p {
  font-size: 16px;
  margin-bottom: 15px;
  text-align: justify;
  display: inline-block
}
.blue-coche {
  display: inline-block;
  background-color: #4d9ef3;
  color: #fff;
  padding: 0 6px;
  border-radius: 3px;
  font-weight: 700
}
.purple-coche {
  display: inline-block;
  background-color: #d877b9;
  color: #fff;
  padding: 0 6px;
  border-radius: 3px;
  font-weight: 700
}
.green-coche {
  display: inline-block;
  background-color: #0565cc;
  color: #fff;
  padding: 0 4px;
  border-radius: 3px;
  font-weight: 700;
  margin-top: 5px;
  margin-left: -30px;
  margin-right: 5px
}
.argu-coche {
  display: inline-block;
  padding: 0 6px;
  border: 1px solid #c14499;
  border-radius: 6px;
  font-weight: 700;
  background-color: transparent
}
p:last-child {
  margin-bottom: 0;
  text-align: justify
}
p img {
  float: left;
  margin-top: 10px;
  margin-right: 15px;
  margin-bottom: unset;
  border-radius: 8px
}
img {
  max-width: 100%;
  height: auto
}
img.last {
  opacity: .4;
  margin-top: -20px
}
ul {
  list-style: none;
  padding: 0;
  margin: 0
}
.pivote {
  display: inline-block;
  transform: rotate(90deg)
}
.form-control {
  height: 40px;
  color: #25245e;
  border: 1px solid #409efd;
  background-color: #f9f9f9;
  border-radius: 4px;
  font-size: 13px;
  padding: 5px;
  width: 95%;
  margin-top: unset;
  margin-bottom: 10px;
  margin-left: 5px
}
.form-control.footer {
  width: 65% !important;
  margin-left: unset;
  border-radius: unset;
  font-weight: 700
}
.form-control::placeholder {
  color: #495057
}
.form-control:focus {
  color: #000;
  background-color: #0000;
  box-shadow: unset;
  outline: 0;
  border: 2px solid #409efd
}
.form-control:hover:focus,
.form-control:focus {
  box-shadow: unset;
  background-color: #f9f9f9
}
textarea.form-control {
  height: auto;
  width: 98%
}
.contact .computer-content {
  padding-top: 5px;
  padding-bottom: 30px
}
.contact .service-details-area .questions-bg-area {
  padding-left: 5px
}
.contact .service-details-area .questions-bg-area .row label {
  padding-left: 10px !important
}
#contactForm label {
  padding-left: 5px
}
.contact .ptb-100 {
  padding-top: 30px
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 50px
}

.pt-100 {
  padding-top: 100px
}

.pb-100 {
  padding-bottom: 100px
}

.pt-70 {
  padding-top: 70px
}

.pb-70 {
  padding-bottom: 70px
}

.mt-30 {
  margin-top: 30px
}

.mb-30 {
  margin-bottom: 30px
}

.mt-20 {
  margin-top: 20px
}

.mb-20 {
  margin-bottom: 20px
}

.mt-minus-70 {
  margin-top: -70px
}

.mb-minus-70 {
  margin-bottom: -70px
}

.ml-30 {
  margin-left: 30px
}

.mr-30 {
  margin-right: 30px
}

.go-top {
  position: fixed;
  cursor: pointer;
  top: 98%;
  left: -10%;
  background-color: #0664cd;
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s
}

.go-top i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #fff;
  transition: .5s;
  font-size: 20px
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%
}

.go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #0664cd;
  opacity: 0
}

.go-top:hover {
  color: #fff;
  background-color: #25245e
}

.go-top:hover::before {
  opacity: 1;
  visibility: visible
}

.go-top:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden
}

.go-top:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%
}

.go-top:focus {
  color: #fff
}

.go-top:focus::before {
  opacity: 1;
  visibility: visible
}

.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden
}

.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%
}

.go-top.active {
  transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
  left: 90%
}
@keyframes ripple {

  0%,
  35% {
      transform: scale(0);
      opacity: 1
  }

  50% {
      transform: scale(1.5);
      opacity: .8
  }

  100% {
      opacity: 0;
      transform: scale(2)
  }
}

.default-btn {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  padding: 15px 30px;
  line-height: 1;
  transition: all .5s;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  background-color: #0664cd
}

.default-btn::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 5px;
  z-index: 2;
  pointer-events: none
}

.default-btn.inter {
  display: block;
  margin: 0 auto;
  margin-bottom: 13px
}

.default-btn.footer {
  margin-bottom: -8px
}

.button-wrapper {
  display: flex;
  justify-content: center
}

.default-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 200%;
  width: 50%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
  transition: all .5s
}

.default-btn.active {
  margin-left: 30px;
  color: #fff;
  background-color: #429ffd
}

.default-btn:hover {
  color: #fff;
  background-color: #429ffd
}

.default-btn:hover::before {
  left: -200%
}

.read-more {
  float: right;
  line-height: 1;
  color: #0664cd;
  font-weight: 500;
  transition: all .5s;
  display: block;
  font-size: 13px
}

.read-more i {
  position: relative;
  top: 2px;
  left: 2px;
  transition: all .5s;
  display: inline-block;
  font-weight: 600
}

.read-more:hover {
  color: #0664cd
}

.read-more:hover i {
  color: #0664cd;
  animation: rotation .5s linear infinite
}

.section-title {
  max-width: 1250px;
  margin: -8px auto 40px;
  text-align: center;
  position: relative
}

.section-title.top {
  text-align: justify;
  margin-bottom: 30px;
  padding-top: 50px;
}
@media (max-width:756px) {
  .section-title.top {
    padding-top: 30px;
  }
  .firstinternalebloc{
    flex-direction: column;
  }
  .service-details-wrap ul li {
      margin-left: 10px !important;
  }
  .service-details-wrap ul li {
      margin-top: 10px;
  }
  .service-details-wrap ul li:last-child {
    margin-bottom: 0 !important;
  }
}

.section-title span {
  font-size: 26px;
  font-family: 'Aptos';
  font-weight: 700;
  color: #0664cd;
  display: block;
}

.section-title h2 {
  font-size: 50px;
  color: #202740;
  text-align: center;
  margin-bottom: 15px;
  position: relative;
  display: block
}

.section-title h2:last-child {
  margin-bottom: 0
}

.section-title.white-title span {
  color: #fff
}

.section-title.white-title h2 {
  color: #fff
}

.section-title.white-title p {
  color: #fff
}

@keyframes lds-ripple {
  0% {
      top: 28px;
      left: 28px;
      width: 0;
      height: 0;
      opacity: 1
  }

  100% {
      top: -1px;
      left: -1px;
      width: 58px;
      height: 58px;
      opacity: 0
  }
}

@keyframes moveLeftBounces {
  0% {
      transform: translateX(0)
  }

  50% {
      transform: translateX(45px)
  }

  100% {
      transform: translateX(0)
  }
}

@keyframes moVebounce {
  0% {
      transform: translateX(0px)
  }

  50% {
      transform: translateX(-10px)
  }

  100% {
      transform: translateX(0px)
  }
}

@keyframes rotation {
  from {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(359deg)
  }
}

@keyframes border-transform {

  0%,
  100% {
      border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
  }

  14% {
      border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
  }

  28% {
      border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
  }

  42% {
      border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
  }

  56% {
      border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
  }

  70% {
      border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
  }

  84% {
      border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
  }
}

@keyframes FocuS {
  0% {
      opacity: 0
  }

  75% {
      opacity: 1
  }

  100% {
      opacity: 0
  }
}
.header-area .top-header-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 11px 0;
  background-color: #080f2b;
  opacity: .7;
  overflow: hidden
}

@keyframes light-sweep {
  from {
      left: -150%
  }

  to {
      left: 150%
  }
}

.header-area .top-header-area .header-content-left p {
  color: #fff;
  font-size: 17px;
  margin-left: -48px;
  z-index: 1000;
  font-weight: 700
}

.header-area .top-header-area .header-content-left a {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-right: 60px
}

.header-content-left i {
  color: #fff;
  font-weight: 700;
  margin-right: 5px;
  font-size: 15px;
  background-color: #193e80;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%
}

.header-area .top-header-area .header-content-right {
  float: right;
  position: relative;
}

.header-area .top-header-area .header-content-right li {
  display: inline-block;
  padding-right: 20px;
  color: #0664cd
}

.header-area .top-header-area .header-content-right li:last-child {
  padding-right: 0
}

.header-area .top-header-area .header-content-right li a {
  color: #fff;
  font-size: 18px;
  font-weight: 700
}

.header-area .top-header-area .header-content-right li a i {
  color: #fff;
  margin-left: 30px;
  margin-right: 5px;
  font-size: 15px;
  background-color: #0565cc;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%
}

.header-area .top-header-area .header-content-right li a:hover {
  color: #fff
}

.nav-area .navbar-area .main-nav {
  position: unset;
  background-color: #ffffffe6;
  box-shadow: 0 0 20px 3px #0000000d;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 55px
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a {
  font-weight: 700;
  font-size: 16px;
  color: #0664cd;
  transition: all .5s;
  margin: 0 13px;
  position: relative
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a i {
  font-size: 20px;
  line-height: 0;
  position: relative;
  top: 3px
}

.navbar.navbar-expand-md .container .active .bx.bx-plus::before {
  color: #0565cc
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a::before {
  content: "";
  position: absolute;
  bottom: -25px;
  right: 0;
  width: 0;
  height: 2px;
  background-color: #fff;
  opacity: 0;
  transition: all .5s
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a:hover {
  color: #0664cd
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a:hover i {
  animation: rotation .5s linear infinite
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item>a.digital {
  color: #c14499
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item>a.digital:hover {
  color: #c14499
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item ul.dropdown-menu .nav-link.digital {
  color: #25245e
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item ul.dropdown-menu .nav-link.digital:hover {
  color: #c14499
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item ul.dropdown-menu .nav-link.digital::before {
  content: none !important
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a.active {
  color: #2b8a88
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a.active i {
  animation: rotation .5s linear infinite
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu {
  background-color: #fff;
  border: none;
  border-radius: 5px 0 0 5px;
  top: 100%;
  left: 0;
  padding: 0;
  box-shadow: 0 5px 15px #0000004d
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-top: 0;
  border-right: 8px solid #0000;
  border-bottom: 8px solid #fff;
  border-left: 8px solid #0000;
  top: -8px;
  left: 20px
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  font-size: 16px;
  color: #25245e;
  position: relative;
  padding: 5px 15px;
  margin-left: 0;
  margin-right: 0
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu {
  display: inline-block;
  white-space: nowrap;
  width: auto;
  min-width: unset;
  max-width: unset
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a i {
  float: right;
  top: 12px;
  transition: all .5s
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
  color: #0664cd;
  background-color: #cdeaf8
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #fff;
  background-color: #409efd
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 100%
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-top: 0;
  border-right: 8px solid #0000;
  border-bottom: 8px solid #fff;
  border-left: 8px solid #0000;
  top: 19px;
  left: -11px;
  transform: rotate(-86deg)
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a {
  border-bottom: none
}

.nav-area .navbar-area.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
  background-color: #313538;
  box-shadow: 0 8px 6px -6px #0006;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  transition: all .5s;
  width: 100% !important
}

.nav-area .dropdown-toggle::after {
  display: none
}

.nav-area .others-option {
  position: relative;
  top: -2px
}

.nav-area .others-option .search-wrap {
  display: inline-block;
  margin-left: 15px;
  position: relative;
  top: -3px
}

.nav-area .others-option .search-wrap .other-option .search-box-item {
  display: inline-block;
  position: relative;
  color: #25245e;
  cursor: pointer;
  top: 7px
}

.nav-area .others-option .search-wrap .other-option .search-box-item i {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 20px;
  border-radius: 10px;
  background-color: #0664cd;
  position: relative;
  top: 0;
  color: #fff
}

.nav-area .others-option .search-wrap .other-option .search-box-item i:hover {
  background-color: #429ffd
}

.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay.search-popup {
  position: absolute;
  top: 100%;
  width: 300px;
  right: 0;
  background: #fff;
  z-index: 2;
  padding: 20px;
  box-shadow: 0 0 20px 3px #0000000d;
  margin-top: 20px
}

.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay.search-popup .search-form {
  position: relative
}

.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay.search-popup .search-form .search-input {
  display: block;
  width: 100%;
  height: 50px;
  line-height: initial;
  border: 1px solid #eee;
  color: #212529;
  outline: 0;
  transition: .5s;
  padding-top: 4px;
  padding-left: 10px;
  border-radius: 10px
}

.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay.search-popup .search-form .search-input:focus {
  border-color: #eee
}

.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay.search-popup .search-form .search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  background: #0000;
  border: none;
  width: 50px;
  outline: 0;
  color: #102a82;
  transition: .5s;
  padding: 0;
  cursor: pointer
}

.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay.search-popup .search-form .search-button:focus {
  color: #fff
}

.nav-area .others-option .search-wrap .other-option .search-box-item .search-btn {
  transition: all .5s
}

.nav-area .others-option .search-wrap .other-option .search-box-item .search-btn:hover {
  color: #fff
}

.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay {
  display: none
}

.nav-area .others-option .search-wrap .other-option .search-box-item .close-btn {
  cursor: pointer;
  display: none;
  transition: .5s;
  color: #fff
}

.nav-area .others-option .search-wrap .other-option .search-box-item .close-btn:hover {
  color: #fff
}

.nav-area .others-option .search-wrap .other-option .search-box-item .close-btn.active {
  display: block
}

.nav-area .others-option .subscribe {
  display: inline-block
}

.nav-area .others-option .subscribe a {
  color: #fff;
  padding: 10px 35px;
  display: inline-block;
  background-color: #0664cd;
  margin-right: 0;
  border-radius: 10px
}

.nav-area .others-option .subscribe a:hover {
  background-color: #429ffd
}

.nav-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  top: 0 !important
}
.computer-area .pl-0 {
  padding-left: 0
}

.computer-area .pr-0 {
  padding-right: 0
}


.repair-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px
}

.single-repair {
  background-color: #fff;
  padding: 10px !important;
  border-radius: 0;
  transition: transform .3s;
  margin-bottom: 30px
}
.secteur-metiers-content {
  background-color: #fff;
  padding: 10px !important;
  margin-bottom: 30px;
  box-shadow: 0 3px 8px #00000026;
  position: relative;
  overflow: hidden;
  text-align: center;
  border-radius: 20px;
}
.single-repair:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 6px #0000001a
}

.single-repair .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto 15px;
  background-color: #0664cd;
  color: #fff;
  border-radius: 50%;
  font-size: 24px
}

.single-repair h3 {
  font-size: 20px;
  color: #0565cc
}
.secteur-metiers-content h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #7d7e7a
}
.single-repair p {
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  color: #666;
  margin-bottom: 15px
}

.single-repair a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #e0e0e0;
  color: #0664cd;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  transition: background-color .3s
}

.single-repair a:hover {
  background-color: #0664cd;
  color: #fff
}

@media (max-width: 1024px) {
  .repair-grid {
      grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width: 768px) {
  .repair-grid {
      grid-template-columns: 1fr
  }
}

.solutions-digitales::before,
.solutions-digitales::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: #e0a3cc !important;
  z-index: 0;
  transition: top .4s ease-in-out, bottom .4s ease-in-out
}

.solutions-digitales::before {
  top: -100%;
  left: 0
}

.solutions-digitales::after {
  bottom: -100%;
  right: 0
}

.solutions-digitales:hover {
  transform: translateY(-5px)
}

.solutions-digitales:hover::before {
  top: 0
}

.solutions-digitales:hover::after {
  bottom: 0
}

.solutions-digitales .icon {
  background-color: #c14499 !important;
  color: #fff !important
}

.solutions-digitales p,
.solutions-digitales a {
  position: relative;
  z-index: 1;
  color: #25245e !important;
  margin-bottom: 15px
}

.solutions-digitales p {
  margin-left: -20px
}

.solutions-digitales:hover h3,
.solutions-digitales:hover p,
.solutions-digitales:hover a {
  color: #fff !important
}

.solutions-digitales a.btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  background-color: #b25194 !important;
  color: #fff !important;
  border-radius: 50% !important;
  border: none !important;
  font-size: 16px !important;
  text-align: center !important;
  transition: background-color .3s ease, color .3s ease !important;
  position: relative !important;
  margin: 0 auto !important;
  margin-top: 0 !important
}

.solutions-digitales {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative !important
}

.single-repair .repair-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  transition: all .5s;
  position: relative
}

.single-repair .repair-img .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #0664cd
}

.single-repair .repair-img .icon i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: #429ffd;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-size: 30px;
  color: #fff
}

.single-repair .repair-img:hover i {
  animation: bounce 1s linear
}

.single-repair .repair-content {
  transition: all .5s;
  padding: 30px;
  text-align: center;
  background-color: #429ffd
}

.single-repair .repair-content h3 {
  color: #fff;
  margin-bottom: 10px;
  margin-top: -4px
}

.single-repair .repair-content p {
  color: #fff
}

.single-repair .repair-content a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #b8d4f3;
  color: #0664cd;
  border-radius: 50%;
  text-align: center;
  display: inline-block
}

.single-repair .repair-content a i {
  left: 1px;
  position: relative
}

.single-repair .repair-content:hover {
  transform: translateY(-5px)
}

.single-repair .content {
  order: 1
}

.counter-area {
  background-color: #0664cd;
  overflow: hidden;
  position: relative;
  z-index: 1
}

.counter-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/counter-shape.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  animation: FocuS 2s linear 1s infinite
}

.single-counter {
  text-align: center;
  transition: all .5s;
  margin-bottom: 30px
}

.single-counter i {
  color: #fff;
  font-size: 50px;
  line-height: 1;
  display: block;
  margin-bottom: 20px
}

.single-counter p {
  color: #fff;
  line-height: 1;
  margin-bottom: 0;
  font-size: 18px;
  font-emphasize: 600px;
  text-align: center !important
}

.single-counter h2 {
  color: #fff;
  line-height: 1;
  font-size: 40px;
  margin-bottom: 15px
}

.single-counter:hover {
  transform: translateX(-5px)
}

.computer-img {
  background: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative
}

.computer-img .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex
}

.computer-wrap {
  height: auto
}

.computer-wrap .computer-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 503px;
  position: relative
}

.computer-wrap.owl-theme .owl-nav {
  margin-top: 0 !important
}

.computer-wrap.owl-theme .owl-nav .owl-prev {
  background-color: #c85ba5;
  width: 40px;
  height: 40px;
  border-radius: 10px 0 !important;
  position: absolute;
  top: 5%;
  left: 0;
  transform: translateY(-12px);
  transition: all .5s
}

.computer-wrap.owl-theme .owl-nav .owl-prev i {
  color: #fff;
  font-size: 16px
}

.computer-wrap.owl-theme .owl-nav .owl-next {
  background-color: #c85ba5;
  width: 40px;
  height: 40px;
  border-radius: 10px 0 !important;
  position: absolute;
  top: 5%;
  right: 0;
  transform: translateY(-12px);
  transition: all .5s
}

.computer-wrap.owl-theme .owl-nav .owl-next i {
  color: #fff;
  font-size: 16px
}

.computer-wrap.owl-theme:hover .owl-prev {
  left: -30px
}

.computer-wrap.owl-theme:hover .owl-next {
  right: -30px
}

.computer-content {
  background-color: #ECECF0;
  padding: 30px;
  text-align: justify;
  border-radius: 12px
}

.computer-content.deux {
  border-top-right-radius: 0
}

.computer-content.trois {
  background-color: #ECECF0;
  border-radius: 12px
}

.computer-content.quatre {
  background-color: #ECECF0;
  border-radius: 12px;
  border-top-right-radius: 0
}

.computer-content.cta {
  padding-left: 30px;
  margin-bottom: 30px;
  text-align: justify;
  border-radius: 12px
}

.computer-content.cta h2 {
  color: #25245e;
  font-size: 28px;
}

.computer-content.cta h3 {
  color: #043f80
}

.computer-content.h2 {
  font-size: 34px;
  color: 043f80;
  margin-bottom: 20px
}

.computer-content h3 {
  margin-top: 0;
  margin-bottom: 15px
}

.computer-content ul {
  margin-bottom: 20px
}

.computer-content ul li {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
  position: relative;
  padding-left: 20px;
  color: #043f80
}


.computer-content ul li:last-child {
  margin-bottom: 0
}

.computer-content .computer-list li {
  background-color: #fff;
  border-block-end-style: solid;
  border-block-end-color: #a1dbf7;
  border-block-end-width: thin;
  max-width: 100%;
  padding: 10px;
  border-radius: 0;
  padding-left: 51px;
  margin-bottom: 10px
}

.computer-content .computer-list li.digital {
  background-color: #fff;
  border-block-end-color: #efcfe6
}

.computer-content .computer-list li i {
  position: absolute;
  top: 9px;
  left: 20px;
  font-size: 20px;
  color: #409efd
}

.computer-content .computer-list li::before {
  display: none !important
}

.why-us-choose-area {
  background: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  position: relative;
  z-index: 1
}

.why-us-choose-area .shape {
  position: absolute;
  left: 0;
  bottom: 160px;
  z-index: -1;
  max-width: 170px;
  opacity: .2
}

.single-choose {
  position: relative;
  padding-left: 60px;
  margin-bottom: 30px;
  transition: all .5s
}

.single-choose i {
  font-size: 25px;
  background-color: #ef756b;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  display: inline-block;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0
}

.single-choose h3 {
  margin-bottom: 10px;
  font-family: 'Aptos';
  color: #0664cd;
}

.single-choose:hover {
  transform: translateY(-5px)
}
.testimonial-area,
.need-computer-area {
    background-color: #ECECF0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    position: relative;
    z-index: 1;
    background-attachment: fixed
}

.testimonial-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/counter-shape.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    animation: FocuS 2s linear 1s infinite;
    opacity: .9;
    z-index: -1
}

.testimonial-area .section-title h2 {
    margin-top: 30px;
    font-family: 'Aptos';
    position: relative;
    margin-bottom: -25px;
    color: #202740;
    font-size: 50px
}

.testimonial-area .owl-carousel .owl-item img {
    width: unset;
    margin: auto
}

.testimonial-area .owl-theme .owl-nav {
    margin-top: 0 !important
}

.testimonial-area .owl-theme .owl-nav .owl-prev {
    background-color: #72b4fd !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-40px);
    transition: all .5s
}

.testimonial-area .owl-theme .owl-nav .owl-prev i {
    color: #fff;
    font-size: 18px;
    position: relative;
    left: -1px
}

.testimonial-area .owl-theme .owl-nav .owl-next {
    background-color: #72b4fd !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-40px);
    transition: all .5s
}

.testimonial-area .owl-theme .owl-nav .owl-next i {
    color: #fff;
    font-size: 18px;
    position: relative;
    right: -1px
}

.testimonial-area .owl-theme:hover .owl-prev {
    left: -30px
}

.testimonial-area .owl-theme:hover .owl-next {
    right: -30px
}

.single-testimonial {
    text-align: justify;
    max-width: 800px;
    margin: auto
}

.single-testimonial ul {
    text-align: center
}

.single-testimonial span {
    text-align: center
}

.single-testimonial p {
    color: #2e2e2e;
    text-align: justify
}

.single-testimonial ul {
    line-height: 1;
    margin-bottom: 20px
}

.single-testimonial ul li {
    display: inline-block
}

.single-testimonial ul li i {
    color: #ffc107
}

.single-testimonial h3 {
    color: #fff
}

.single-testimonial span.auteur {
    margin-bottom: 0;
    font-size: 18px;
    font-family: 'Aptos';
    font-weight: 700;
}

.single-testimonial span {
    display: block;
    color: #0565cc;
    margin-bottom: 20px
}

.single-testimonial img {
    border-radius: 50%
}

.single-news {
    margin-bottom: 30px
}

.single-news a {
    display: block
}

.single-news a img {
    width: 100%;
    border-radius: 12px;
    margin-bottom: 30px;
}

.single-news .news-content {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.single-news .news-content::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #0664cd;
    transition: all .5s;
    z-index: -1
}

.single-news .news-content::after {
    content: "";
    position: absolute;
    bottom: -100%;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #0664cd;
    transition: all .5s;
    z-index: -1
}

.single-news .news-content ul {
    line-height: 1;
    margin-bottom: 15px
}

.single-news .news-content ul li {
    display: inline-block;
    color: #25245e;
    font-size: 17px;
    font-weight: 700;
    border-right: 1px solid #0664cd;
    line-height: 1;
    padding: 0 10px;
    transition: all .5s
}

.single-news .news-content ul li:last-child {
    border-right: none;
    padding-right: 0
}

.single-news .news-content ul li:first-child {
    padding-left: 0
}

.single-news .news-content ul li a {
    color: #25245e;
    font-size: 17px;
    font-weight: 700;
}

.single-news .news-content ul li a:hover {
    color: #0664cd
}

.single-news .news-content h3 {
    margin-bottom: 20px;
    transition: all .5s;
    line-height: 1.2;
    color: #0664cd;
}

.single-news .news-content p {
    margin-bottom: 20px;
    transition: all .5s
}

.single-news .news-content .read-more:hover i {
    color: #fff
}

.single-news:hover .news-content ul li {
    color: #fff
}

.single-news:hover .news-content ul li a {
    color: #fff
}

.single-news:hover .news-content h3 {
    color: #fff
}

.single-news:hover .news-content p {
    color: #fff
}

.single-news:hover .news-content .read-more {
    color: #fff
}

.single-news:hover .news-content::before {
    top: 0
}

.single-news:hover .news-content::after {
    bottom: 0
}

.need-computer-area {
    background-color: #0664cd;
    height: auto
}

.need-computer-area .computers-content h2 {
    color: #fff;
    margin-bottom: 20px;
    text-align: left;
}

.need-computer-area .computers-content p {
    color: #fff;
    font-size: 18px
}

.need-computer-area .default-btn {
    float: right;
    background-color: #fff;
    color: #0664cd
}

.need-computer-area .default-btn-center {
    display: inline-block;
    background-color: #fff;
    color: #0664cd;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    border: 2px solid #0664cd;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color .3s ease, color .3s ease
}

.need-computer-area {
    text-align: left
}

.footer-top-area {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    position: relative;
    background-attachment: fixed;
    z-index: 1
}

.footer-top-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #080f2b;
    z-index: -1;
    opacity: .9
}

.single-widget {
    margin-bottom: 30px
}

.single-widget img {
    margin-bottom: 20px
}

.single-widget h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px
}

.single-widget p {
    margin-bottom: 0;
    color: #fff
}

.single-widget ul li {
    color: #c0cade;
    margin-bottom: 8px;
    font-size: 15px
}

.single-widget ul li:last-child {
    margin-bottom: 0
}

.single-widget ul li span {
    color: #fff
}

.single-widget ul li a {
    color: #c0cade;
    transition: all .5s
}

.single-widget ul li a i {
    display: inline-block;
    margin-right: 2px;
    font-size: 16px
}

.single-widget ul li a:hover {
    transform: translateX(2px)
}

.single-widget .social-area {
    margin-top: 20px
}

.single-widget .social-area ul {
    line-height: 1
}

.single-widget .social-area ul li {
    display: inline-block
}

.single-widget .social-area ul li a {
    margin-right: 5px;
    width: 25px;
    height: 25px;
    line-height: 28px;
    background-color: #0664cd;
    border-radius: 4px;
    text-align: center
}

.single-widget .social-area ul li a i {
    color: #eee;
    transition: all .5s;
    margin-right: 0
}

.single-widget .social-area ul li a:hover {
    border-color: #0664cd;
    transform: translateX(-2px)
}

.single-widget .social-area ul li a:hover i {
    color: #fff
}

.single-widget .footer-btn {
    margin-top: 20px
}

.single-widget .footer-btn li {
    display: inline-block;
    max-width: 45%;
    margin-right: 10px
}

.single-widget .footer-btn li:last-child {
    margin-right: 0
}

.single-widget.contact ul li {
    position: relative;
    padding-left: 30px
}

.single-widget.contact ul li a:hover {
    color: #0664cd
}

.single-widget.contact ul li i {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 15px
}

.single-widget.contact ul li span {
    display: block;
    font-weight: 600
}

.single-widget .newsletter-p {
    margin-bottom: 20px
}

.single-widget .default-btn {
    display: block;
    width: 65%;
    margin-top: 20px
}

.single-widget .form-control:focus {
    background-color: #fff
}

.single-widget #validator-newsletter {
    color: #dc3545;
    text-align: left;
    margin-top: 5px
}

.footer-bottom-area {
    background-color: #0664cd;
    padding: 20px 0
}

.footer-bottom-area .copy-right {
    text-align: center
}

.footer-bottom-area .copy-right p {
    text-transform: normal;
    margin-bottom: 0;
    color: #fff
}

.footer-bottom-area .copy-right p i {
    position: relative;
    top: 1px
}

.footer-bottom-area .copy-right p a {
    color: #fff
}

.footer-bottom-area .copy-right p a:hover {
    color: #25245e
}

.contact .main-banner-area {
    padding-bottom: 18px
}

.main-banner-area {
    position: relative;
    padding-top: 125px;
    padding-bottom: 213px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.main-banner-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0 !important
}

.main-banner-area .banner-text {
    line-height: 38px;
    position: relative;
    margin-top: 65px;
    margin-left: -74px !important;
    padding-left: 24px !important;
    color: #0565cc !important;
    font-size: 30px;
    font-weight: 700
}

.main-banner-area .banner-text h1 {
    font-size: 55px;
    margin-top: 25px;
    margin-bottom: -10px;
    color: #fff
}

.main-banner-area .banner-text p {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #0565cc !important
}

.testimonial-area {
    position: relative
}

.testimonial-area .shape {
    position: absolute;
    bottom: 0;
    left: 0
}
.repair-area-three .single-repair {
  box-shadow: 0 3px 8px #00000026;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  transition: all .5s;
  padding: 30px;
  text-align: center;
  border-radius: 20px
}

.repair-area-three .single-repair::before {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #4d9ef3;
  z-index: -1;
  transition: all .5s
}
.repair-area-three .single-repair::after {
  content: "";
  position: absolute;
  bottom: -100%;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #4d9ef3;
  z-index: -2;
  transition: all .5s
}

.repair-area-three .single-repair .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: #006acc;
  border-radius: 50% 50% 50% 50%;
  transform: rotate(-45deg);
  margin: 0 auto 30px;
  transition: all .5s
}

.repair-area-three .single-repair .icon i {
  font-size: 30px;
  position: relative;
  transform: rotate(45deg);
  display: inline-block;
  color: #fff
}

.repair-area-three .single-repair h3 {
  margin-bottom: 15px;
  margin-top: -4px;
  transition: all .5s;
  font-family: 'Aptos';
}

.repair-area-three .single-repair p {
  color: #25245e;
  margin-bottom: 20px;
  line-height: 27px;
  transition: all .5s
}

.repair-area-three .single-repair a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #b8d4f3;
  color: #0664cd;
  border-radius: 50%;
  text-align: center;
  display: inline-block
}

.repair-area-three .single-repair a i {
  left: 1px;
  position: relative
}

.repair-area-three .single-repair:hover {
  transform: translateY(-5px)
}

.repair-area-three .single-repair:hover .icon {
  border-radius: 50% 50% 50% 0
}

.repair-area-three .single-repair:hover h3 {
  color: #fff
}

.repair-area-three .single-repair:hover p {
  color: #fff
}

.repair-area-three .single-repair:hover::before {
  top: 0
}

.repair-area-three .single-repair:hover::after {
  bottom: 0
}

.main-banner-area-four {
  background-image: url(../img/omega-connect/omega-connect.webp);
  text-align: left;
  height: 895px;
  background-position: -3px 121px;
  background-size: cover;
}

.main-banner-area-four::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .4;
  z-index: -1
}

.main-banner-area-four .banner-text {
  margin: 50px auto 0;
  margin-left: 1px;
  margin-top: 120px
}

.main-banner-area-four .banner-text h1 {
  color: #504462
}

.main-banner-area-four .banner-text p {
  color: #0664cd
}

.partners-area {
  background-color: #fff
}

.partners-area .partners-item {
  text-align: center;
  width: 200px;
  height: 150px;
  background-color: #fff;
  padding: 20px;
  margin: 1px;
  border: 1px dotted #0664cd;
  object-fit: cover;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center
}

.service-details-area.ptb-100 {
  margin-top: 150px
}

.partners-area .owl-carousel .owl-item img {
  display: unset;
  width: unset
}

.page-title-area {
  top: 153px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 73px 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
  height: 355px;
  padding-left: 54px;
  background-image: url(../../assets/img/collecte-saisie-donnees/omega-connect-data.webp);
  background-position: center -70px;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
  margin-bottom: -65px
}

.page-title-area.relation-clients {
  background-image: url(../../assets/img/relation-support-clients/bg-relation-support-clients.webp)
}

.page-title-area.services-e-commerce {
  background-image: url(../../assets/img/services-e-commerce/bg-services-e-commerce.webp)
}

.page-title-area.solutions-digit {
  background-image: url(../../assets/img/collecte-saisie-donnees/omega-connect-digital-ia.webp);
  border: 0 !important
}

.page-title-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #050b2a;
  z-index: 1;
  animation: 20s fadeOutLeft both;
  display: none !important
}

.page-title-area::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #050b2a;
  animation: 20s fadeOutRight both;
  z-index: 1;
  display: none !important
}

.page-title-area .page-title-content h1 {
  margin-bottom: 15px;
  margin-left: -77px;
  color: #504462;
  font-size: 55px;
  font-weight: 700
}

.page-title-area .page-title-content h2 {
  margin-bottom: 0;
  color: #fff;
  font-size: 40px;
  font-weight: 700
}

.page-title-area .page-title-content p {
  margin-bottom: 0;
  color: #0565cc;
  font-size: 20px;
  font-weight: 700;
  margin-left: -76px
}

.page-title-area .page-title-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 10px;
  margin-bottom: 0
}

.page-title-area .page-title-content ul li {
  display: inline-block;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  padding-right: 10px;
  padding-left: 10px;
  color: #fff
}

.page-title-area .page-title-content ul li::before {
  content: "";
  position: absolute;
  top: 12px;
  right: -3px;
  background-color: #fff;
  width: 5px;
  height: 5px;
  border-radius: 50%
}

.page-title-area .page-title-content ul li:last-child::before {
  display: none
}

.page-title-area .page-title-content ul li a {
  color: #fff
}

.page-title-area .page-title-content ul li a:hover {
  color: #fff
}

.service-sidebar-area .service-details-title {
  background-color: #0664cd;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom: 4px solid #c14499;
  color: #fff;
  padding: 7px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-align: center;
  font-size: 18px
}

.computer-wrap.owl-theme.owl-carousel.owl-loaded.owl-drag {
  margin-bottom: 8px
}

.service-sidebar-area aside .service-list.service-card {
  background-color: #e6f4fb
}

.service-sidebar-area .service-card {
  margin-bottom: 32px;
  box-shadow: 0 0 20px 3px #0000000d
}

.service-sidebar-area .service-list ul li {
  border-bottom: 1px solid #409efd;
  padding: 10px 20px;
  font-weight: 500;
  transition: all .5s;
  font-size: 16px;
  color: #c14499
}

.service-sidebar-area .service-list ul li.reassu {
  color: #c14499;
  font-weight: 500
}

.service-sidebar-area .service-list ul li:last-child {
  border-bottom: none
}

.service-sidebar-area .service-list ul li a {
  color: #25245e;
  display: block
}

.contact .service-sidebar-area .service-list ul li i {
  background-color: #c14499 !important
}

.service-sidebar-area .service-list ul li i {
  float: right;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #0565cc;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  text-align: center;
  transition: all .5s;
  position: relative;
  top: -3px
}

.service-sidebar-area .service-list ul li.reassu i {
  background-color: #c14499
}

.service-sidebar-area .service-list ul li.omega-connect i {
  background-color: #0664cd
}

.service-sidebar-area .service-list ul li:hover a {
  color: #0664cd
}

.service-sidebar-area .service-faq .faq-accordion {
  position: unset;
  padding: 0;
  margin-top: 0 !important;
  margin-left: -2px !important
}

.service-sidebar-area .service-faq .faq-accordion .accordion .accordion-item {
  box-shadow: none
}

.service-sidebar-area .service-faq .faq-accordion .accordion .accordion-title {
  font-size: 15px;
  font-weight: 500
}

.service-sidebar-area .service-faq .faq-accordion .accordion .accordion-title span {
  top: 11px
}

.service-sidebar-area .paint {
  margin-bottom: 15px
}

.service-details-wrap h2 {
  font-size: 28px
}

.service-details-wrap h3 {
  color: #043f80
}

.service-details-wrap .mb-30 {
  margin-bottom: 30px
}

.service-details-wrap .service-img {
  margin-bottom: 30px
}

.service-details-wrap ul li i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-color: #0664cd;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0
}

.service-details-wrap #msgSubmit {
  margin-top: 30px
}

.service-details-wrap .ask-question {
  text-align: center;
  margin-top: 30px;
  padding: 30px;
  box-shadow: 0 0 20px 3px #0000000d
}

.service-details-wrap .ask-question h3 {
  font-size: 25px;
  margin-bottom: 30px
}

.service-details-wrap .ask-question .form-group {
  margin-bottom: 30px
}

.service-details-wrap .ask-question .default-btn {
  margin: auto;
  display: table
}
.faq-area .faq-accordion {
  background-color: #fff;
  padding: 40px;
  margin: auto
}

.faq-area .faq-accordion h2 {
  font-size: 35px;
  margin-bottom: 30px;
  text-align: center
}

.faq-area .faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0
}

.faq-area .faq-accordion .accordion .accordion-item {
  display: block;
  background: #e6f4fb;
  margin-bottom: 0
}

.faq-area .faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0
}

.faq-area .faq-accordion .accordion .accordion-title {
  padding: 12px 20px 12px 50px;
  color: #25245e;
  position: relative;
  display: block;
  font-size: 16px;
  border: 1px solid #e6f4fb
}

.faq-area .faq-accordion .accordion .accordion-title i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  text-align: center;
  height: 100%;
  background: #0565cc;
  color: #0664cd;
  font-size: 14px;
  transition: all .5s;
  color: #fff
}

.faq-area .faq-accordion .accordion .accordion-title i::before {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}

.faq-area .faq-accordion .accordion .accordion-title span {
  position: absolute;
  top: 14px;
  left: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #0664cd;
  color: #fff;
  text-align: center;
  border-radius: 50%
}

.faq-area .faq-accordion .accordion .accordion-title.active {
  border-bottom-color: #0664cd
}

.faq-area .faq-accordion .accordion .accordion-title.active i {
  background-color: #0664cd;
  color: #fff
}

.faq-area .faq-accordion .accordion .accordion-title.active i::before {
  content: ""
}

.faq-area .faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  padding: 20px;
  color: #25245e;
  font-size: 14px;
  border-top: 1px solid #fff
}

.faq-area .faq-accordion .accordion .accordion-content.show {
  display: block
}

.slider-area-five .owl-next {
  position: absolute;
  top: 50%;
  right: 60px;
  margin: 0 !important;
  border-radius: 0 !important;
  transition: all .5s;
  transform: translateY(60px);
  border-radius: 4px
}

.contact .service-sidebar-area .service-card.blue {
  background-color: #e6f4fb
}

.contact .service-sidebar-area .service-list ul li.omega-connect i {
  background-color: #0664cd !important
}

.computer-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

@media (max-width: 768px) {
  .computer-img {
      display: none
  }

  .computer-content {
      flex: 1 1 100%;
      padding: 20px
  }

  .row {
      flex-direction: column;
      gap: 20px
  }
}

@media (min-width: 769px) {
  .computer-img {
      display: block
  }

  .row {
      flex-direction: row
  }
}

@media (max-width: 768px) {
  .computer-area img {
      display: none !important
  }

  .computer-area .row {
      flex-direction: column;
      margin-top: 0 !important;
  }

  .computer-area .computer-content {
      flex: 1 1 100%;
      padding: 20px
  }
}

blockquote.flaticon-quote p {
  color: #043f80;
  padding: 10px 20px;
  background-color: #ECECF0;
  margin: 20px 0;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  text-align: justify;
  border-radius: 8px
}

blockquote.flaticon-quote-inter p {
  color: #0664cd;
  padding: 1px 20px;
  border-left: 4px solid #0664cd;
  font-size: 22px;
  font-weight: 700;
  margin-left: 32px
}

.video-container-inter {
  width: 100%;
  height: 100%
}

.quote-inter {
  color: #0664cd;
  padding: 10px 20px;
  position: relative;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 10px;
  margin-left: 32px;
  margin-bottom: 20px;
  display: block
}

.quote-inter::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 8px;
  background-color: #0664cd;
  border-radius: 10px
}

.quote-inter.digital {
  color: #c14499
}

.quote-inter.digital::before {
  background-color: #c14499
}

h3 .quote-inter {
  color: #0664cd;
  padding: 1px 20px;
  font-size: 22px;
  font-weight: 700;
  margin-top: 10px;
  margin-left: 32px;
  margin-bottom: 20px;
  display: block
}

.contact-rapide {
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-weight: 700;
  text-align: center
}

hr {
  width: 75%;
  border: 0;
  border-top: 1px solid #0664cd;
  margin-top: 5px
}

hr.testim {
  width: 80%;
  border-top: 1px solid #212121;
  margin-bottom: 5px
}

.hrwhite {
  width: 62%;
  border-top: 1px solid #fff !important
}

.rapide-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.rapide-wrapper li {
  list-style: none
}

.rapide-wrapper .contact-rapide {
  font-size: 18px;
  color: #25245e;
  font-weight: 700;
  text-align: center;
  margin: 0;
  padding: 10px 0
}

.service-list.service-card ul li a.contact {
  font-size: 18px;
  color: #25245e;
  font-weight: 700
}

p.typinginter {
  color: #504462 !important;
  display: inline-block;
  font-size: 30px !important;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  animation: typing 5s steps(var(--steps), end) infinite;
  margin-left: 5px
}

p.typinginter::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 72%;
  background-color: #504462;
  position: absolute;
  right: 0;
  top: 55%;
  transform: translateY(-50%);
  animation: blink-cursor .5s step-end infinite
}

@keyframes typing {

  0%,
  10% {
      width: 0
  }

  70% {
      width: var(--width)
  }

  90% {
      width: var(--width)
  }

  100% {
      width: 0
  }
}

@keyframes blink-cursor {

  from,
  to {
      border-color: transparent
  }

  50% {
      border-color: #409efd
  }
}

p.typing {
  display: inline-block;
  font-size: 30px !important;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  color: #0565cc;
  margin-bottom: -5px !important;
  animation: none;
  position: relative
}

p.typing::after {
  content: "";
  position: absolute;
  top: 10%;
  bottom: 10%;
  right: 0;
  width: 5px;
  background-color: #0565cc;
  animation: blink 1s infinite
}

@keyframes blink {

  0%,
  50% {
      opacity: 1
  }

  51%,
  100% {
      opacity: 0
  }

  0%,
  50% {
      opacity: 1
  }

  51%,
  100% {
      opacity: 0
  }
}

@keyframes typing {

  0%,
  15% {
      width: 0
  }

  70% {
      width: var(--width)
  }

  100% {
      width: var(--width)
  }
}

.cta-button {
  background-color: #0565cc;
  color: #fff;
  padding: 5px 20px;
  font-size: 28px;
  font-weight: 700;
  border-radius: 5px;
  text-decoration: none;
  opacity: 0;
  transition: opacity 1.5s ease-in-out, color .3s ease-in-out;
  position: relative;
  top: -20px;
}

.typing-visible+.cta-button {
  opacity: 1
}

.cta-button:hover {
  color: #fff;
  background-color: #0565cc
}

.lumin-btn {
  background: #0565cc;
  color: #fff;
  padding: 0px 30px;
  position: relative;
  display: inline-block;
  font-size: 18px;
  border: none;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  font-weight: 700;
  text-align: center;
  transition: all .3s ease-in-out;
  z-index: 0
}

.lumin-btn::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 5px;
  z-index: 2;
  pointer-events: none
}
body section.service-details-area div div div div.computer-content.cta div.button-wrapper .lumin-btn {
  line-height: 1.4 !important;
  padding-top: 13px;
  padding-bottom: 13px;
}

body section.service-details-area div div div div.computer-content.cta section div div.row.justify-content-center div div div.devis a,
body section.service-details-area div div div div.computer-content.cta section div div.row.justify-content-center div div div.rapelle a {
  line-height: 1.8 !important;
}

@keyframes balayage {
  0% {
      left: -150%
  }

  100% {
      left: 150%
  }
}

.lumin-btn--green {
  background: linear-gradient(145deg, #0565cc, #0565cc);
  color: #fff
}

.lumin-btn--green:hover {
  background: #429ffd;
  color: #fff
}

.lumin-btn--blue {
  background: #0565cc;
  color: #fff;
  padding: 0px 30px
}

.lumin-btn--blue::after {
  border: none
}

.lumin-btn--blue:hover {
  background: linear-gradient(145deg, #0664cd, #0664cd);
  color: #fff
}

.lumin-btn--purple {
  background: linear-gradient(145deg, #c14499, #c14499);
  color: #fff;
  padding: 8px 20px
}

.lumin-btn--purple::after {
  border: 1px solid #fff
}

.lumin-btn--purple:hover {
  background: linear-gradient(145deg, #d88bbf, #d88bbf);
  color: #fff
}

.lumin-btn--greenhaut {
  background: linear-gradient(145deg, #0565cc, #0565cc);
  font-size: 16px;
  color: #fff !important;
  padding: 5px 12px !important;
  margin-top: 10px !important;
  margin-left: 20px !important
}

.lumin-btn--greenhaut::before {
  animation: balayage 3s linear infinite !important
}

.lumin-btn--greenhaut::after {
  border: none
}

.lumin-btn--greenhaut:hover {
  background: linear-gradient(145deg, #0664cd, #0664cd);
  color: #fff
}

.navbar.navbar-expand-md .container .bx.bx-plus::before {
  color: #0664cd
}

.navbar.navbar-expand-md .container .bx.bx-plus.active::before {
  color: #2b8a88
}

.navbar.navbar-expand-md .container .bx.bx-plus.active {
  animation: rotation .5s linear infinite
}

.navbar.navbar-expand-md .container .bx.bx-plus {
  font-size: 20px;
  line-height: 0;
  position: relative;
  left: 5px
}

.navbar-nav {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0
}

.navbar-nav>.nav-item {
  display: flex;
  align-items: center
}

.navbar-nav>.nav-item:first-child::before,
.navbar-nav>.nav-item:not(:last-child)::after {
  content: "";
  display: inline-block;
  background: url(../../assets/img/separ-menu.webp) no-repeat center;
  background-size: contain;
  width: 5px;
  height: 34px;
  margin-top: 4px
}

.navbar-nav>.nav-item:first-child::before {
  margin-left: 10px
}

.navbar-nav>.nav-item:not(:last-child)::after {
  margin-right: 0
}

.navbar-nav .dropdown-menu .nav-item::before,
.navbar-nav .dropdown-menu .nav-item::after {
  content: none !important
}

.navbar.navbar-expand-md .container .purple .bx.bx-plus::before {
  color: #c14499
}

@media screen and (max-width: 480px) {
  .navbar-nav>.nav-item:first-child::before {
      margin-left: 0
  }

  .navbar-nav>.nav-item:first-child::before,
  .navbar-nav>.nav-item:not(:last-child)::after {
      background: none;
      width: auto
  }

  .navbar-nav>.nav-item {
      display: table
  }

  .mobile-nav nav .navbar-nav {
      padding-bottom: 10px
  }

  .navbar-nav .nav-item .dropdown-menu {
      position: relative
  }
}

.section-flottaison {
  background: #fff;
  padding: 10px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.img-cover {
  width: 85%;
  height: 150px;
  object-fit: cover;
  border-radius: 8px;
  margin-top: -15px
}

.gap-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 170px
}

.gap-buttons .lumin-btn--flott {
  flex: 0 0 auto;
  min-width: 220px;
  padding: 12px 24px;
  height: auto;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  margin-bottom: -30px
}

.flex-fill {
  flex: 1
}

.popup-overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00000080
}

.popup-content {
  background: #fff;
  max-width: 400px;
  width: 90%;
  margin: 10% auto;
  padding: 30px 20px;
  position: relative;
  border-radius: 8px;
  box-shadow: 0 0 20px #0003
}

.popup-close {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 24px;
  cursor: pointer;
  color: #888
}

.popup-content h3 {
  margin-top: 0;
  font-size: 22px;
  color: #036
}

.popup-content form input,
.popup-content form button {
  margin-top: 10px
}

.texte-suite {
  display: none;
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease;
  margin-bottom: 30px
}

.texte-suite h2 {
  font-size: 22px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px
}

.texte-suite h3 {
  font-size: 18px;
  font-weight: 700;
  margin-left: 30px;
  margin-top: 0;
  margin-bottom: 10px
}

.texte-suite.show {
  display: block;
  max-height: 10000px
}

.faq-homepage {
  padding-top: 20px;
}

.computer-content.faq {
  border-radius: 12px
}

.faq-homepage h2 {
  color: #202740;
  font-size: 50px;
  text-align: center !important;
  margin-top: -35px !important;
  margin-bottom: 40px
}

.faq-colonnes {
  display: flex;
  flex-wrap: wrap;
  gap: 30px
}

.faq-item {
  box-shadow: 0 3px 8px #00000026;
  flex: 1 1 calc(50% - 30px);
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}

.faq-item h3 {
  font-family: 'Aptos';
  font-size: 26px;
  color: #0565cc;
  margin-top: 2px;
  margin-bottom: 8px
}

.faq-item p {
  font-size: 16px;
  color: #444;
  line-height: 1.5
}

@media (max-width: 768px) {
  .faq-homepage {
      margin-top: -15px;
      margin-bottom: -20px
  }

  .faq-item {
      flex: 1 1 100%
  }

  .faq-homepage h2 {
      margin-top: -10px;
      margin-bottom: 10px
  }
}

.cartouche-etoiles {
  background: #f4f4ea;
  border-radius: 8px;
  font-size: .95em;
  box-shadow: 0 2px 6px #00000040;
  margin-top: 15px;
  margin-bottom: 18px
}

.cartouche-etoiles .row {
  display: flex;
  align-items: center
}

.cartouche-etoiles .col-md-6:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-top: 5x;
  padding-bottom: 10px
}

p {
  color: #212121
}

.cartouche-etoiles .etoiles {
  text-align: center;
  color: #e1a325;
  font-size: 1.6em;
  margin-bottom: -2px
}

.cartouche-etoiles .messageclient {
  font-style: italic;
  margin-bottom: -2px;
  text-align: justify;
  color: #212121;
  font-weight: 700;
  padding-left: 10px
}

.cartouche-etoiles .auteur {
  text-align: center;
  color: #212121
}

.cartouche-etoiles .liens {
  text-decoration: underline;
  color: #043f80
}

@media (max-width: 768px) {
  .cartouche-etoiles .row {
      flex-direction: column;
      align-items: stretch;
      margin: 0
  }

  .cartouche-etoiles .col-md-6 {
      width: 100%;
      text-align: center;
      padding: 0 15px;
      margin: 0 0 -20px;
      box-sizing: border-box
  }

  .cartouche-etoiles .col-md-6:last-child {
      margin-bottom: 0
  }
}

.contact.lumin-btn::before,
.computers-content .lumin-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 200%;
  height: 100%;
  background: linear-gradient(90deg, #fff0 0%, #ffffffb3 50%, #fff0 100%);
  z-index: 1;
  animation: balayage 2s linear infinite;
  pointer-events: none
}

.contact.lumin-btn::before,
.computers-content .lumin-btn::before {
  animation: balayage 3s linear infinite
}

.computer-area.ptb-100 .container .row {
  margin-top: 30px;
}

.bluef {
  color: #0664cd;
  opacity: 1;
  font-size: 14px;
}

.banner-text .bluef {
  color: #0565cc;
  font-size: unset;
  opacity: 1;
}

.repair-area-three.pb-70 .section-title.top p {
  width: 800px;
  margin: 0 auto;
  text-align: center;
}

.repair-area-three.pb-70 .section-title.top {
  text-align: center;
}

.solutions-digitales h3 {
  color: #b25194 !important;
}

.computer-content.quatre h2,
.computer-content.quatre h3 {
  color: #ba5591;
  font-family: 'Aptos';
}

.computer-content.trois h2,
.computer-content.trois h3,
.computer-content.deux h2,
.computer-content.deux h3,
.computer-content.unun h2,
.computer-content.unun h3 {
  color: #0565cc;
  font-family: 'Aptos';
}

.section-title.top h2.green {
  color: #0565cc;
  font-size: 30px;
}

.lumin-btn.jaune::after {
  border: none;
}

.lumin-btn.jaune {
  background: #fec307;
  color: #202740;
  float: left;
}

.col-lg-3:nth-of-type(2) .single-widget.contact h3::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  left: 40px;
  transform: translateX(-50%);
  width: 80px;
  height: 2px;
  background-color: blue;
}

.col-lg-3:nth-of-type(3) .single-widget.contact h3::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  left: 40px;
  transform: translateX(-50%);
  width: 80px;
  height: 2px;
  background-color: white;
}
.col-lg-3:nth-of-type(4) .single-widget.contact h3::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  left: 40px;
  transform: translateX(-50%);
  width: 80px;
  height: 2px;
  background-color: red;
}



@media only screen and (max-width: 600px) {
  .repair-area-three.pb-70 .section-title.top p {
      width: unset
  }

  .testimonial-area .section-title h2 {
      font-size: 24px;
  }

  .testimonial-area .container {
      padding: 0 15px !important;
  }

  .single-choose {
      padding-left: 5px;
      margin-bottom: 5px;
  }

  .main-banner-area-four {
      background-position: -294px 68px;
  }

  .main-banner-area .banner-text #type {
      font-size: 16px;
      line-height: 1.5rem;
      position: relative;
      top: -6px;
  }
  .ps-smx-2{
    padding-left: 1.5rem !important;
  }
  .ps-smxsol-2{
    padding-left: 0.4rem !important;
  }
}
.expertise-auto-content img{
    height: 174px;
    width: 50%;
    background-color: #fff;
    padding: 20px;
    margin: 2px 15px;
    border-radius: 10px;
    box-shadow: 0 3px 8px #00000026;
    object-fit: contain;
    overflow: hidden;
    align-content: center"
}