:root {
  --dark-color1: #1C1E22;
  --dark-color2: #222429;
  --dark-color3: #2b242b;
  --dark-color4: #db01db;
}

body,
.sticky-header.fixed-header,
.page-wrapper {
  background-color: var(--dark-color1);
}

.header-top .inner-container,
.feature-block .inner-box:before {
  background-color: var(--dark-color2);
}

.pricing-block.style-two .inner-box {
  background-color: var(--dark-color3);
}

.btn-style-three,
.work-tabs .tab-buttons .tab-btn {
  background-color: #000;
}

.about-section-six .image-column .image-box:before {
  background-color: var(--bg-theme-color2);
}

.service-block .inner-box {
  border-color: var(--dark-color1);
}

.accordion-box .block .acc-btn {
  border-color: var(--dark-color2) !important;
}

.clients-section.alternate,
.pricing-block.style-two .price-box {
  border-color: rgba(255, 255, 255, 0.2);
}

.title a,
.sec-title h2 {
  color: #fff;
}

.about-section .content-column .info-box:hover .title {
  color: var(--dark-color1);
}

.project-section:before,
.blockquote-style-one,
.header-style-two {
  background-color: unset;
}

.counter-block .inner {
  background-image: unset;
}

.about-section-five:before,
.about-section:before {
  background-image: url(../images/icons/pattern-4-dark.png);
}

.testimonial-section:before {
  background-image: url(../images/icons/pattern-5-dark.jpg);
}

.fun-fact-section-two .fact-counter:before {
  background-image: url(../images/icons/Faunfacts.png);
}

.features-section-two:before,
.news-section .bg-shape2 {
  background-image: url(../images/icons/pattern-16.png);
}

.testimonial-section-three::before {
  background-image: url(../images/icons/pattern-15-dark.png);
}

.team-section-two::before {
  background-image: url(../images/icons/pattern-20-dark.png);
}

.work-section:before {
  background-image: url(../images/icons/shape-10-dark.png);
}

.contact-section-four:before {
  background-image: url(../images/icons/pattern-16.png);
}

.faqs-section.style-two:before {
  background-image: url(../images/icons/pattern-21-dark.png);
}

.offer-section-three:before,
.about-section-six:before {
  background-image: url(../images/icons/pattern-7-dark-dark.png);
}

.feature-block-three .inner-box:before {
  background-image: url(../images/icons/icon-lines-2-dark.png);
}

.icon-lines {
  background-image: url(../images/icons/icon-lines-dark.png);
}

.news-section-two::before,
.about-section-four:before {
  background-image: url(../images/icons/shape-4-dark.png);
  opacity: 0.15;
}

.contact-section:before {
  opacity: 0.1;
}

.why-choose-us-two:before,
.about-section-three:before {
  opacity: 0.21;
}

.clients-carousel .slide-item img {
  background-color: #f4f5f8;
  opacity: 1;
}

.contact-form.light:before {
  background-image: url(../images/icons/shape-5-dark.png);
}


/* Mes compléments */

.list-style-two li {
  position: relative;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: var(--theme-color3);
  padding-left: 35px;
  margin-bottom: 10px;
  
}


.about-section .content-column .info-btn span {
  color: var(--theme-color3);
}

.btn-box span {
  color: var(--theme-color3);
}

.info-box h4 {
  color: var(--theme-color3);
}

.info-box .name span {
  color: var(--theme-color1);
}

.services-section .bottom-box .text {
  line-height: 28px;
  padding: 15px 30px;
  background-color: var(--bg-theme-color1);
}

.service-block .inner-box {
  position: relative;
  background-color: var(--bg-theme-color1);
  border: 1px solid #272727;
  padding: 45px 25px 50px 50px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  border-radius: 10px;
  overflow: hidden;
}

.service-block .inner-box:hover .icon-box {
  background-color: var(--bg-theme-color2);
}

.service-block .inner-box:hover .icon-box .icon {
  color: var(--bg-theme-color3);
}

.service-block .inner-box:hover .read-more i {
  color: var(--bg-theme-color3);
  background-color: var(--bg-theme-color2);
}

.service-block .icon-box {
  position: absolute;
  right: -52px;
  bottom: -52px;
  height: 210px;
  width: 210px;
  background: var(--bg-theme-color1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  padding: 40px 50px;
  border-radius: 50%;
}

.service-block .icon-box .icon {
  color: var(--theme-color2);
  font-size: 72px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block .title:hover {
  color: var(--theme-color2);
}

.service-block .read-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  color: #fff;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}


.service-block .read-more i {
  margin-right: 20px;
  height: 52px;
  width: 52px;
  font-size: 16px;
  color: var(--theme-color3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2);
}

.feature-block-four .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 64px;
  line-height: 1em;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: var(--theme-color3);
}

.feature-block .title {
  margin-bottom: 10px;
  letter-spacing: 0.05em;
  color: var(--theme-color3);
}
.feature-block .text {
  letter-spacing: 0.05em;
}

.play-now-two {
  color: var(--theme-color3);
}

.pie-graph .title {
  font-size: 18px;
  line-height: 1.2em;
  margin-bottom: 0;
  color: var(--theme-color3);
}

/*** 

====================================================================
    Clients Section
====================================================================

***/
.clients-section {
  position: relative;
  padding: 75px 0;
  background-color: var(--theme-color3);
}
.clients-section.style-two {
  padding: 85px 0;
  border-top: 1px solid #ececec;
}

.clients-section .slide-item a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.news-section {
  position: relative;
  padding: 120px 0 90px;
  overflow: hidden;
  background-color: var(--theme-color1);
}


.news-block .content-box .read-more {
  color: var(--theme-color1);
}

.contact-section .image-column .image:before {
  background-color: var(--bg-theme-color2);
}

.contact-section {
background-color: var(--bg-theme-color1);
background-image: url(../images/icons/shape-6.png);
background-repeat: no-repeat;
background-position: left;
}

.contact-details__right .text h6 ,span, a {
color: var(--bg-theme-color1);
}

.sec-title .section-title__title{
	color: var(--bg-theme-color1);
}

h2.quality {
  color: var(--theme-color2);
}

.title a {
  color: inherit;
}

.color1 {
  color: var(--theme-color1);
}

.color2 {
  color: var(--theme-color2);
}

.color3 {
  color: var(--theme-color3);
}


.title2 a {
  color: inherit;
}

.color1 {
  color: var(--theme-color1);
}

.color2 {
  color: var(--theme-color2);
}

.color3 {
  color: var(--theme-color3);
}

.text h6.title3 {
  color: var(--theme-color3);
}

.text span.title3 {
  color: var(--theme-color3);
}

.text a.title3 {
  color: var(--theme-color3);
}

.text a:hover.title3 {
  color: var(--theme-color2);
}


.info-box h4.name1 {
  color: var(--theme-color1);
}

.social-icon-one span {
  color: var(--theme-color3);
}