.elementor-kit-8{--e-global-color-primary:#F3C683;--e-global-color-secondary:#000000;--e-global-color-text:#787878;--e-global-color-accent:#FFFFFF;--e-global-color-ff77f21:#E5E5E5;--e-global-typography-primary-font-family:"natom-pro";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"natom-pro";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"natom-pro";--e-global-typography-accent-font-size:0.875rem;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:1px;--e-global-typography-2f0a7c7-font-family:"Montserrat";--e-global-typography-2f0a7c7-font-weight:500;--e-global-typography-1e19170-font-family:"Montserrat";--e-global-typography-1e19170-font-weight:600;background-color:var( --e-global-color-ff77f21 );color:var( --e-global-color-text );font-family:"Montserrat";font-size:1rem;font-weight:400;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1500ms;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"natom-pro";font-size:0.875rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-accent );border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000;border-radius:0px 0px 0px 0px;padding:1rem 2rem 1rem 2rem;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:#00000000;color:var( --e-global-color-primary );border-style:solid;border-color:var( --e-global-color-primary );}.elementor-kit-8 e-page-transition{background-color:var( --e-global-color-secondary );}.elementor-kit-8 p{margin-block-end:1rem;}.elementor-kit-8 a{color:var( --e-global-color-primary );}.elementor-kit-8 h1{color:var( --e-global-color-accent );font-family:"natom-pro";font-size:3rem;font-weight:700;text-transform:uppercase;}.elementor-kit-8 h2{color:var( --e-global-color-secondary );font-family:"Montserrat";font-size:2.25rem;font-weight:600;}.elementor-kit-8 h3{color:var( --e-global-color-secondary );font-family:"natom-pro";font-size:1.5rem;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85vw;}.e-con{--container-max-width:85vw;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1365px){.elementor-kit-8 h1{font-size:2.25rem;}}@media(max-width:1023px){.elementor-kit-8 h2{font-size:2rem;}}@media(max-width:767px){.elementor-kit-8 h1{font-size:1.75rem;}}/* Start custom CSS *//* GENERAL */

/* Animations */

@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translate3d(0,-30px,0)
  }
  a
  to {
    opacity: 1;
    transform: none
  }
}

.elementor-element.fadeInDown {
  animation-name: fadeDown
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translate3d(-30px,0,0)
  }
  
  to {
    opacity: 1;
    transform: none
  }
}

.elementor-element.fadeInLeft {
  animation-name: fadeLeft
}

@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translate3d(30px,0,0)
  }
  
  to {
    opacity: 1;
    transform: none
  }
}

.elementor-element.fadeInRight {
  animation-name: fadeRight
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translate3d(0,30px,0)
  }
  
  to {
    opacity: 1;
    transform: none
  }
}

.elementor-element.fadeInUp {
  animation-name: fadeUp
}

@media (min-width: 1400px) {
	.parallax {
		background-attachment: fixed !important;
	}
}


/* Text */

p:last-of-type {
  margin-bottom: 0;
}

h1 {
  span {
    display: block;
    font-size: 1.75rem;
    text-transform: none;
    font-weight: 400;
    font-family: 'Montserrat';
    margin-top: 1rem;
    
    @media(max-width: 767px) {
      font-size: 1.25rem;
    }
  }
}

h2 {
  span {
    font-family: "natom-pro";
    color: var(--e-global-color-primary);
    font-weight: 700;
    font-size: 2rem;
    display: block;
    text-transform: uppercase;
    padding-left: 5rem;
    margin-bottom: 0.5rem;
    
    @media(max-width: 1023px) {
      font-size: 1.5rem;
    }
  }
}

#contactez-nous {
  h2 {
    span {
      color: var(--e-global-color-accent);
    }
  }
}

ul {
  margin: 1rem 0;
  padding-left: 2rem;

  li {
    margin: 0.25rem 0;
    
    &::marker {
      color: var(--e-global-color-primary);
    }
    
    ul li {
      margin: 0.5rem 0;
    }
  }
}


/* Flip box */

.elementor-flip-box {
  display: flex;
}

.elementor-flip-box,
.elementor-flip-box__inner {
  height: 100% !important;
}

.elementor-flip-box__front {
  position: relative !important;
  
  .elementor-flip-box__layer__overlay {
    color: var(--e-global-color-text);

    ul {
      padding-left: 1rem;
      margin: 0;
    }

    .elementor-flip-box__layer__inner {
      z-index: 0;
    }
  }
}

.steps {
  .elementor-flip-box__front {
    .elementor-flip-box__layer__overlay {
      &:before {
        content: '1';
        position: absolute;
        top: 1rem;
        left: 1rem;
        font-size: 15rem;
        font-family: "natom-pro";
        font-weight: 700;
        line-height: 0.55;
        opacity: 0.75;
        color: var(--e-global-color-primary);
      }
    }
  }
}

.step2 {
  .elementor-flip-box__front {
    .elementor-flip-box__layer__overlay {
      &:before {
        content: '2';
      }
    }
  }
}

.step3 {
  .elementor-flip-box__front {
    .elementor-flip-box__layer__overlay {
      &:before {
        content: '3';
      }
    }
  }
}

@media (max-width: 767px) {
  .elementor-flip-box,
  .elementor-flip-box__inner {
    height: auto !important;
  }
}



/* HEADER */

header {

  .brand-header {
    img {
      transition: 0.6s;
    }
  }

  .elementor-sticky--effects {
    backdrop-filter: grayscale(1) blur(10px);

    .brand-header {
      img {
        width: 150px !important;
      }
    }
  }
}


/* BANNER */

.banner {
  position: relative;

  .e-con-inner {
    &:before,
    &:after {
      content: '';
      background: var(--e-global-color-ff77f21);
      width: 3rem;
      position: absolute;
      z-index: 1;
      top: 50%;
      bottom: 0;

      @media(max-width: 1023px) {
        width: 2rem;
      }

      @media(max-width: 767px) {
        display: none;
      }
    }

    &:before {
      left: 0;
    }

    &:after {
      right: 0;

    }
  }
}/* End custom CSS */