@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap");*,:after,:before {  padding: 0;  margin: 0;  box-sizing: border-box;}:root {  --clr-primary: #2680c0;  --clr-primary-dark: #003e6b;  --clr-primary-light: #85c6f4;  --clr-grey-1: #102a42;  --clr-grey-5: #617d98;  --clr-grey-10: #f1f5f8;  --clr-white: #fff;  --clr-red-dark: #bb2525;  --clr-red-light: #e66b6b;  --transition: all 0.3s linear;  --spacing: 0.25rem;  --radius: 0.25rem;  --large-screen-width: 1170px;  --small-screen-width: 90vw;  --fixed-width: 50rem;  --clr-primary-1: #532004;  --clr-primary-2: #75300a;  --clr-primary-3: #86380e;  --clr-primary-4: #994314;  --clr-primary-5: #ba5d2c;  --clr-primary-6: #c86a37;  --clr-primary-7: #da8252;  --clr-primary-8: #f2ad88;  --clr-primary-9: #fdd5bf;  --clr-primary-10: #ffebe0;  --clr-grey-1: #102a42;  --clr-grey-2: #243a52;  --clr-grey-3: #324d67;  --clr-grey-4: #48647f;  --clr-grey-5: #617d98;  --clr-grey-6: #829ab0;  --clr-grey-7: #9eb2c7;  --clr-grey-8: #bcccdc;  --clr-grey-9: #dae2ec;  --clr-grey-10: #f1f5f8;  --clr-white: #fff;  --clr-red-dark: #bb2525;  --clr-red-light: #e66b6b;  --clr-green-dark: #25bb32;  --clr-green-light: #6be675;  --clr-black: var(--clr-grey-1);  --transition: all 0.3s linear;  --spacing: 0.02rem;  --radius: 0.25rem;  --light-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);  --dark-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);  --max-width: 1170px;  --fixed-width: 620px;  --clr-bcg: #fff;  --clr-font: #282c35;}html {  scroll-behavior: smooth;}body {  font-family: "Montserrat", sans-serif;  background-color: #fff;}ul {  list-style: none;}button,input,textarea {  font-family: "Nunito", sans-serif;}button:focus,input:focus,textarea:focus,select:focus {  outline: none !important;}button {  cursor: pointer;  border: none;}a {  text-decoration: none;}p {  letter-spacing: 0.04rem;  line-height: 1.8 !important;}h1,h2,h3,h4 {  font-family: "Nunito", sans-serif;}::selection {  background-color: #87b203 !important;  color: #fff !important;}.to-top {  position: fixed;  bottom: 64px;  right: 60px;  z-index: 10000;  display: none;}.to-top .fas {  color: #fff;  font-size: 22px;  background-color: #87b203;  width: 55px;  height: 55px;  display: flex;  justify-content: center;  align-items: center;  border-radius: 50%;  cursor: pointer;  border: 2px solid #fff;}.top-header {  background-color: #9bca0b;  padding: 0.8rem 0;  display: none;}.top-header .row {  width: 1170px;  margin: 0 auto;  display: grid;  grid-template-columns: auto auto;  justify-content: space-between;  align-items: center;  row-gap: 1rem;}.top-header .row .column a {  display: block;  color: #fff;  letter-spacing: 0.04rem;  font-size: 16px;}.top-header .row .column i {  font-size: 16.5px;  margin-right: 10px;  position: relative;  top: 1px;}header {  width: 100%;  padding: 2rem 0;  background-color: #fff;  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.03);  z-index: 99999;  position: relative;}#fixed-h {  transition: all 0.5s ease-out;  position: fixed;  top: -100%;  left: 0;  padding: 1.3rem 0;  display: none;}#fixed-h .header-container .logo {  max-width: 100px;}header .header-container {  width: 1170px;  margin: 0 auto;  display: grid;  grid-template-columns: auto 60%;  justify-content: space-between;  align-items: center;  row-gap: 1rem;}header .header-container .row {  display: flex;  justify-content: flex-end;}header .header-container .row .column img{width:100%;max-width: 480px;}header .header-container .column a {  display: block;  color: #3d5275;  letter-spacing: 0.04rem;  font-size: 16px;  font-weight: 500;}header .header-container .column i {  color: #87b203;  font-size: 16.5px;  margin-right: 10px;  position: relative;  top: 1px;}header .header-container .logo {  max-width: 140px;}header .header-container .logo img {  max-width: 100%;  object-fit: cover;}header .header-container .bar-mobile {  display: none;}header .header-container .bar-mobile span {  color: #8fbd01;  font-size: 2.4rem;  margin-right: 1.5rem;  cursor: pointer;}header .header-container .menu {  position: relative;  top: 3px;}header .header-container .menu ul {  display: flex;  justify-content: space-between;  align-items: center;}header .header-container .menu ul li a {  font-family: "Nunito";  font-weight: 700;  font-size: 1.03rem;  letter-spacing: 0.04px;  text-transform: uppercase;  margin-left: 2.8rem;  color: #3d5275;  transition: color 0.2s ease-out;}header .header-container .menu ul li a:hover {  color: #25bb32;}header .header-container .menu ul li:first-child a {  margin: 0;}aside {  width: 300px;  height: 100%;  position: fixed;  top: 0;  left: 0;  background-color: #fff;  box-shadow: rgba(170, 170, 236, 0.2) 0px 7px 22px 0px;  transition: var(--transition);  z-index: 9999;}aside .head {  background-color: #8fbd01;  display: flex;  align-items: center;  justify-content: space-between;  padding: 0.5rem 22px;}aside .head h2 {  color: #fff;  text-transform: capitalize;  font-size: 1.5rem;}aside .head span {  color: #fff;  display: inline-block;  font-size: 1.3rem;  cursor: pointer;}aside .head span i {  position: relative;  top: 2px;}aside ul {  display: block;  margin-top: 1rem;}aside ul li a {  display: block;  padding: 20px 22px;  text-transform: capitalize;  font-family: "Nunito";  font-weight: 700;  font-size: 1.03rem;  letter-spacing: 0.04px;  color: #3d5275;  transition: color 0.2s ease-out;}aside ul li a:hover {  color: #25bb32;}.dark {  width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, 0.5);  position: fixed;  top: 0;  left: 0;  z-index: 999;}.landing {  background-color: #fff;  padding: 5rem 0;}.landing .row {  width: 1170px;  margin: 0 auto;  display: grid;  grid-template-columns: auto auto;  justify-content: space-between;  align-items: center;  gap: 2rem 4rem;}.landing .row .column form {  width: 600px;  border-radius: 37px;  background-color: #fff;  border: 2px solid #dff1f7;  padding: 3rem 3.5rem;  box-shadow: rgba(170, 170, 236, 0.2) 0px 7px 15px 0px;  position: relative;  overflow: hidden;}.success {  background-color: #fff;  display: grid;  place-content: center;  text-align: center;  padding: 2rem 0 0 0;}.success .h1 {    color: #f77934;    margin: 1rem 0 2rem 0;    text-transform: uppercase;    font-size: 2.2rem;    font-weight: 700;}.success p{    width:100%;    max-width:600px;    margin:0 auto;}.success img {  width: 159px;  margin: 1rem auto 2rem auto;  object-fit: cover;}.landing .row .column form .line {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 6px;  background-color: #f9f9f9;  z-index: 15;  margin-top: 1rem;}.landing .row .column form .line .l {  width: 0%;  max-width: 100%;  min-width: 0.5%;  height: 100%;  background-color: #87b203;  transition: all 0.2s ease-out 0s;  border-radius: 22px;  position: relative;}.landing .row .column form .line .l #percent {  width: 30px;  height: 30px;  border-radius: 50%;  position: absolute;  top: 50%;  right: -28px;  transform: translateY(-50%);  background-color: #87b203;  color: #fff;  display: flex;  justify-content: center;  align-items: center;  font-size: 11px;}.success a {  margin: 2rem 0;  display: block;  color: #87b203;  font-weight: 500;  text-decoration: underline;}.landing .row .column span {  color: #8fbd01;  display: flex;  align-items: center;  letter-spacing: 2px;  font-size: 0.9rem;  font-weight: 600;  text-transform: uppercase;}.landing .row .column span i {  margin-right: 10px;  font-size: 1.15rem;}.landing .row .column .h1 {  color: #f77934;  margin: 1rem 0 2rem 0;  text-transform: uppercase;  font-size: 2.2rem;  font-weight: 700;}.landing .row .column .h11 {  font-size: 2rem;  text-transform: capitalize;}.landing .row .column .h2 {  font-size: 1.5rem;  color: #3d5275;  font-weight: 500;  text-transform: capitalize;  font-family: "Montserrat", sans-serif;  line-height: 1.5;  margin-bottom: 2.5rem;}.landing .row .column form .h2{font-size: 1.3rem;}.landing .row .column .h2 b {  font-weight: 700;}.landing .row .column ul {  display: block;  margin-top: 2rem;}.landing .row .column ul li { padding: 1rem;border-radius: 30px; background-color: #fff;box-shadow: rgb(170 170 236 / 20%) 0px 0px 10px 0px;  display: inline-block;  margin-bottom: 1rem;  color: #3d5275;  font-size: 14.5px;  font-weight: 500;  letter-spacing: 0.4px;  display: grid;  grid-template-columns: 25px auto;}.landing .row .column ul li b{line-height: 1.5;}.landing .row .column ul li i {  margin-right: 10px;  color: #8fbd01;  position: relative;  top: 1.5px;}.landing .row .column .install {  color: #536480;  font-size: 14.5px;  font-weight: 500;  margin-left: 1.7rem;  letter-spacing: 0.4px;  transition: var(--transition);  display: grid;  grid-template-columns: 22px auto;}.landing .row .column .install:hover {  color: #f77934;}.landing .row .column .install i {  color: #f77934;  position: relative;  top: 3px;  margin-right: 10px;  transition: var(--transition);}.landing .row .column .install:hover i {  transform: translateX(5px);}.landing .row .column .parts {  display: grid;  grid-template-columns: 48% 48%;  justify-content: space-between;  row-gap: 1rem;}.landing .steps {  width: 100%;  overflow: hidden !important;  display: flex;  position: relative;  margin-top: 0rem;}.landing .step {  width: 97%;  transition: all 0.4s ease-out;  position: absolute;  top: 3rem;  left: 1.5%;  opacity: 0;  z-index: -1;  visibility: hidden;  /* overflow-x: visible;  overflow-y: auto;  min-height: 350px; */  /* transform: translateX(-50%); */}.landing .step.active {  opacity: 1;  z-index: 1;  visibility: visible;}.landing .stepo {  left: 110%;  /* transform: none; */  overflow-y: hidden;  padding: 0 1rem;}.landing .stepo {  left: 110%;  /* transform: none; */}.landing .row .column .parts label {  display: flex;  align-items: center;  text-transform: uppercase;  width: 100%;  font-size: 16px;  font-weight: 600;  color: #5b7094;  padding: 0.4rem 0.8rem;  border-radius: 30px;  background-color: #fff;  box-shadow: rgb(0 0 0 / 5%) 0px 0px 8px 2px;  cursor: pointer;  transition: var(--transition);}.landing .row .column .stepo .parts {  grid-template-columns: 100%;}.landing .row .column .step-4 .parts {  grid-template-columns: 47% 47%;}.landing .row .column .stepo .parts label {  padding: 0.6rem 1.4rem;  text-transform: capitalize;  font-size: 15px;}.landing .row .column .step-4 .parts label {  display: block;  text-align: center;  padding: 2rem 1rem;}.landing .row .column .step-4 .parts label span {  margin: 0 auto 0.5rem auto;}.landing .row .column .step-9 .parts label {  padding: 0;  margin: 0;  background: transparent !important;  transition: none;  color: #5b7094 !important;  margin-bottom: 0.3rem;  margin-left: 11px;  box-shadow: none;}.landing .row .column .step-9 .parts label:active {  transform: none;}.landing .row .column .step-9 .parts input[type="text"],.landing .row .column .step-9 .parts input[type="email"],.landing .row .column .step-9 .parts input[type="tel"] {  width: 100%;  border: 1px solid #efefef;  height: 50px;  padding-left: 38px;  border-radius: 15px;  font-size: 0.95rem;}.landing .row .column .step-9 .inp {  position: relative;}.landing .row .column .step-9 .inp .fas {  position: absolute;  top: 50%;  left: 14px;  transform: translateY(-50%);  color: #c7eb58;}.error_msg {  color: red !important;  font-size: 0.8rem !important;  margin: 0 !important;  margin-top: 0.2rem !important;  text-transform: capitalize !important;  margin-left: 18px !important;}.landing .row .column .step-10 {  height: 100%;  display: grid;  place-content: center;  text-align: center;  padding: 0 0;}.landing .row .column .step-10 img {  width: 181px;  margin: 0 auto 2rem auto;}.landing .row .column .step-10 .h2 {  text-align: center;  color: #000;  margin-bottom: 0 !important;}.landing .row .column .step-6 .parts label {  margin: 0;  display: block;  text-align: center;  width: 100%;  padding: 15px;  color: #fff;  background-color: #9bca0b;  text-transform: uppercase;  margin-top: 2rem;  border-radius: 30px;  font-size: 15px;  letter-spacing: 0.1rem;  font-weight: 500;  box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 15px;  transition: var(--transition);}.landing .row .column .step-6 .parts input[type="text"] {  width: 100%;  border: 1px solid #efefef;  height: 50px;  padding-left: 18px;  border-radius: 15px;  font-size: 0.95rem;}.landing .row .column .step-6 .parts label i {  position: relative;  top: 1px;  margin-left: 10px;  font-size: 16px;}.landing .row .column .parts label.active {  background-color: #7faee1;  color: #fff;}.landing .row .column .parts label:hover {  background-color: #7faee1;  color: #fff;}.landing .row .column .parts label:active {  transform: translateY(5px);}.landing .row .column .parts label span {  display: grid;  place-content: center;  margin-right: 15px;  width: 55px;  min-width: 55px;  height: 50px;  min-height: 50px;  border-radius: 45%;  background-color: #7faee1;  padding: 5px;}.landing .row .column .parts input[type="radio"] {  display: none;}.landing .row .column .parts label span img {  max-width: 80%;  margin: 0 auto;  object-fit: cover;}.landing .row .column form .retour,.landing .row .column form .retour_first {  color: #5b7094;  margin-top: 2rem;  cursor: pointer;}.landing .row .column form .retour i,.landing .row .column form .retour_first i {  margin-right: 8px;  position: relative;  top: 1px;}.landing .row .column form button {  width: 100%;  padding: 15px 0;  color: #fff;  background-color: #9bca0b;  text-transform: uppercase;  margin-top: 2rem;  border-radius: 30px;  font-size: 15px;  letter-spacing: 0.1rem;  font-weight: 500;  box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 15px;  transition: var(--transition);  display: none;}.landing .row .column form button:hover {  background-color: #f77934;}.landing .row .column form button i {  position: relative;  top: 1px;  margin-left: 10px;  font-size: 16px;  transition: var(--transition);}.landing .row .column form button:hover i {  transform: translateX(10px);}.landing .row .column form button:active {  transform: translateY(5px);}.facture {  background-color: #fff;  padding: 4rem 0;  transform: translateY(90px);  opacity: 0;  transition: all 0.8s ease-out;}.facture.active {  transform: translateY(0px);  opacity: 1;}.facture .row {  width: 1290px;  margin: 0 auto;  display: grid;  grid-template-columns: 44% 49%;  justify-content: space-between;  align-items: center;}.facture .row .column img {  width: 100%;  object-fit: cover;}.facture .row .column span {  color: #f77934;  display: flex;  align-items: center;  letter-spacing: 2px;  font-size: 0.9rem;  font-weight: 600;  text-transform: uppercase;}.facture .row .column span i {  color: #8fbd01;  margin-right: 10px;  font-size: 1.15rem;}.facture .row .column .h1 {  color: #f77934;  margin: 1rem 0 1rem 0;  text-transform: capitalize;  font-size: 2.8rem;  font-weight: 700;  position: relative;  top: -10px;}.facture .row .column .h1-f {  color: #8fbd01;  margin: 2rem 0 0 0;  text-transform: uppercase;  font-size: 3.9rem;  font-weight: 800;  line-height: 1;}.facture .row .column .h11 {  font-size: 2rem;  text-transform: capitalize;}.facture .row .column .h2 {  font-size: 1.35rem;  color: #3d5275;  font-weight: 600;  text-transform: capitalize;  font-family: "Montserrat", sans-serif;  line-height: 1.4;}.facture .row .column p {  color: #3d5275;  text-align: justify;  line-height: 1.5 !important;  font-size: 0.85rem;  font-weight: 400;  margin-bottom: 0.8rem;  word-spacing: -2px;}.facture .row .column .btns {  display: flex;  align-items: center;  margin-top: 2.4rem;}.facture .row .column .btns .f-1 {  text-transform: capitalize;  color: #fff;  background-color: #8fbd01;  padding: 12px 20px;  border-top-left-radius: 20px;  border-bottom-right-radius: 20px;  font-size: 15px;  letter-spacing: 0.06rem;  font-weight: 500;  font-family: "Nunito";  transition: var(--transition);}.facture .row .column .btns .f-1:hover {  background-color: #f77934;}.facture .row .column .btns .f-1 i {  margin-right: 8px;}.facture .row .column .btns .f-2 {  text-transform: capitalize;  color: #3d5275;  border-top-left-radius: 20px;  border-bottom-right-radius: 20px;  font-size: 16px;  letter-spacing: 0.06rem;  font-weight: 800;  font-family: "Nunito";  margin-left: 2rem;  position: relative;  transition: var(--transition);}.facture .row .column .btns .f-2:hover {  color: #8fbd01;}.facture .row .column .btns .f-2::before {  content: "";  width: 85%;  height: 1px;  background-color: #3d5275;  position: absolute;  bottom: 2px;  left: 0;  transition: var(--transition);}.facture .row .column .btns .f-2:hover:before {  width: 100%;  background-color: #8fbd01;}.facture .row .column .btns .f-2 i {  margin-left: 8px;  position: relative;  top: 1px;}.faq {  background-color: #fff;  padding: 9rem 0;  transform: translateY(250px);  opacity: 0;  transition: all 0.8s ease-out;}.faq.active {  transform: translateY(0px);  opacity: 1;}.faq .row {  width: 1290px;  margin: 0 auto;  display: grid;  grid-template-columns: 49% 45%;  justify-content: space-between;  align-items: center;}.faq .row .column .contain {  max-width: 570px;  margin: 0 auto;}.faq .row .column img {  width: 100%;  object-fit: cover;}.faq .row .column span {  color: #8fbd01;  display: flex;  align-items: center;  letter-spacing: 2px;  font-size: 0.9rem;  font-weight: 600;  text-transform: uppercase;}.faq .row .column span i {  color: #8fbd01;  margin-right: 10px;  font-size: 1.15rem;}.faq .row .column .h1 {  color: #f77934;  margin: 1rem 0 2rem 0;  text-transform: uppercase;  font-size: 2.2rem;  font-weight: 700;}.faq .row .column .h1-f {  color: #8fbd01;  margin: 2rem 0 0 0;  text-transform: uppercase;  font-size: 3.9rem;  font-weight: 800;  line-height: 1;}.faq .row .column .h11 {  font-size: 2rem;  text-transform: capitalize;}.faq .row .column .h2 {  font-size: 1.35rem;  color: #3d5275;  font-weight: 600;  text-transform: capitalize;  font-family: "Montserrat", sans-serif;  line-height: 1.4;}.faq .row .column p {  color: #3d5275;  text-align: justify;  line-height: 1.5 !important;  font-size: 0.85rem;  font-weight: 400;  margin-bottom: 0.8rem;  word-spacing: -2px;}.faq .row .column .questions {  display: block;}.faq .row .column .questions .ques {  background-color: #fff;  box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 15px;  border-radius: 18px;  padding: 1rem 1.5rem;  margin-bottom: 2rem;}.faq .row .column .questions .ques .q {  font-size: 1.05rem;  font-weight: 600;  color: #5286bf;  display: flex;  align-items: center;  padding: 0.5rem 0;  cursor: pointer;}.faq .row .column .questions .ques.active .q {  color: #8fbd01;}.faq .row .column .questions .ques .q span {  margin-right: 12px;  background-color: #5286bf;  color: #fff;  border-radius: 50%;  width: 18px;  height: 18px;  min-width: 18px;  min-height: 18px;  display: grid;  place-content: center;  font-size: 0.85rem;}.faq .row .column .questions .ques.active .q span {  background-color: #8fbd01;}.faq .row .column .questions .ques .q span i {  color: #fff;  margin: 0;  font-size: 0.7rem;  position: relative;  top: 1px;  left: 1px;  display: inline-block;}.faq .row .column .questions .ques .q span .fa-plus {  top: 1px;}.faq .row .column .questions .ques .answer {  height: 0;  overflow: hidden;  transition: all 0.3s ease-out;}.faq .row .column .questions .ques .answer p {  color: #647da7;  font-size: 13px;  line-height: 1.6 !important;  font-weight: 600;}.faq .row .column .questions .ques.active .answer {  margin: 0.8rem 1rem 0.8rem 1.9rem;  height: auto;}.certification {  background-color: #fff;  padding: 4rem 0;  transform: translateY(90px);  opacity: 0;  transition: all 0.8s ease-out;}.certification.active {  transform: translateY(0px);  opacity: 1;}.certification .btn {  text-align: right;}.certification .btn button {  text-transform: capitalize;  color: #3d5275;  border-top-left-radius: 20px;  border-bottom-right-radius: 20px;  font-size: 16px;  letter-spacing: 0.06rem;  font-weight: 800;  font-family: "Nunito";  margin-left: 2rem;  position: relative;  transition: var(--transition);  background-color: transparent;}.certification .btn button::before {  content: "";  width: 85%;  height: 1px;  background-color: #3d5275;  position: absolute;  bottom: 0px;  left: 0;  transition: var(--transition);}.certification .btn button:hover::before {  width: 100%;  background-color: #8fbd01;}.certification .btn button i {  margin-left: 8px;  position: relative;  top: 1px;}.certification .btn button:hover {  color: #87b203;}.certification .cert-container {  width: 1290px;  margin: 0 auto;}.certification .cert-container .title {  text-align: center;}.certification .cert-container .title span {  color: #8fbd01;  display: flex;  justify-content: center;  align-items: center;  letter-spacing: 2px;  font-size: 0.9rem;  font-weight: 600;  text-transform: uppercase;}.certification .cert-container .title span i {  color: #8fbd01;  margin-right: 10px;  font-size: 1.15rem;}.certification .cert-container .title .h1 {  color: #f77934;  margin: 1rem auto 2rem auto;  text-transform: uppercase;  font-size: 1.8rem;  font-weight: 800;  width: 100%;  max-width: 800px;}.certification .cert-container .title .h1 a {  color: #8fbd01;}.certification .cert-container .title .h1 a:hover {  text-decoration: underline;}.certification .cert-container .images_list {  margin: 2rem 0;}.certification .slick-slide {  margin: 0 20px;  align-items: center;}.certification .cert-container .images_list .img_c {  display: flex;  justify-content: center;  align-items: center;  max-height: 200px;}.certification .cert-container .images_list .img_c img {  width: 100%;  /* max-width: 100px; */}.dark_for_call {  width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, 0.4);  position: fixed;  top: 0;  left: 0;  z-index: 99999;  display: none;}.call_form {  width: 950px;  height: 90vh;  margin: 0 auto;  background-color: #f1fcfb;  border-radius: var(--radius);  position: fixed;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  text-align: center;  padding: 2rem;  overflow-y: auto;  opacity: 0;  z-index: -1;  visibility: hidden;  transition: all 0.2s ease-in;}.call_form .close {  font-size: 1.1rem;  color: #333;  position: absolute;  top: 0;  right: 0;  width: 50px;  height: 50px;  display: flex;  justify-content: center;  align-items: center;  cursor: pointer;}.call_form.active {  opacity: 1;  z-index: 999999;  visibility: visible;}/* width */.call_form::-webkit-scrollbar {  width: 4px;}/* Track */.call_form::-webkit-scrollbar-track {  background: #f1f1f1;}/* Handle */.call_form::-webkit-scrollbar-thumb {  background: #87b203;  border-radius: 15px;}/* Handle on hover */.call_form::-webkit-scrollbar-thumb:hover {  background: #87b203;}.call_form .h1 {  font-size: 2.3rem;  font-weight: 600;  color: #f77934;}.call_form .h2 {  color: #3d5275;  margin: 1.5rem 0;  font-size: 2rem;  font-weight: 500;}.call_form .h3 {  color: #87b203;  font-size: 1.4rem;  font-weight: 500;  width: 100%;  margin: 0 auto 2rem auto;  max-width: 800px;}.call_form form {  width: 100%;  margin: 0 auto;}.call_form form .row {  display: grid;  grid-template-columns: 49% 49%;  justify-content: space-between;  align-items: center;  row-gap: 0.8rem;}.call_form form input,.call_form form textarea {  display: block;  width: 100%;  height: 50px;  background-color: #fff;  border: 1px solid #eaf7f2;  color: #333;  border-radius: 30px;  padding: 0 24px 0 18px;  font-family: "Montserrat", sans-serif;}.call_form form textarea {  resize: vertical;  height: 170px;  min-height: 170px;  max-height: 200px;  padding-top: 18px;  padding-left: 24px;  margin-top: 0.8rem;}.call_form form input::placeholder,.call_form form textarea::placeholder {  color: #647da7;  font-size: 14px;  font-weight: 500;}.last_row {  display: grid;  grid-template-columns: 35px auto;  align-items: flex-start;  margin-top: 0.8rem;}.last_row input {  width: 30px !important;  height:20px !important;  cursor: pointer;  position:relative;  top:6px;}.last_row label {  text-align: left;  font-size: 14px;  cursor: pointer;  text-align:justify;  line-height:1.6;}.last_row label a {  color: #87b203;  text-decoration: underline;}.call_form form .last_row {  display: grid;  grid-template-columns: 40px auto;  margin-top: 0.8rem;}.call_form form .last_row input {  width: 25px;  cursor: pointer;  top:0;}.call_form form .last_row label {  text-align: justify;  font-size: 14px;  cursor: pointer;}.call_form form .last_row label a {  color: #87b203;  text-decoration: underline;}.call_form form .btn {  text-align: center;  margin-top: 1rem;}.call_form form .btn button {  background-color: #8fbd01;  color: #fff;  font-size: 0.98rem;  letter-spacing: 0.08rem;  padding: 10px 30px;  border-radius: 25px;  text-transform: uppercase;  font-family: "Nunito", sans-serif;  transition: var(--transition);}.call_form form .btn button i {  margin-left: 6px;  transition: var(--transition);}.call_form form .btn button:hover {  background-color: #f77934;}.call_form form .btn button:hover i {  transform: translateX(5px);}.free_call {  background-color: #87b203;  color: #fff;  width: 100px;  height: 100px;  position: fixed;  top: 50%;  right: 0;  transform: translateY(-50%);  display: grid;  place-content: center;  text-align: center;  cursor: pointer;  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;  z-index:9999;}.free_call span {  font-size: 1.6rem;  margin-bottom: 0.6rem;  transform: rotate(-40deg);}.free_call p {  font-size: 12px;  font-weight: 600;  line-height: 1.4 !important;  letter-spacing: 0.06rem;  text-transform: uppercase;  margin: 0;  padding: 0;}.avis {  background-color: #f5fbff;  padding: 4rem 0;  transform: translateY(90px);  opacity: 0;  transition: all 0.8s ease-out;}.avis.active {  transform: translateY(0px);  opacity: 1;}.avis .avis-container {  width: 1290px;  margin: 0 auto;}.avis .avis-container .title {  text-align: center;}.avis .avis-container .title span {  color: #8fbd01;  display: flex;  justify-content: center;  align-items: center;  letter-spacing: 2px;  font-size: 0.9rem;  font-weight: 600;  text-transform: uppercase;}.avis .avis-container .title span i {  color: #8fbd01;  margin-right: 10px;  font-size: 1.15rem;}.avis .avis-container .title .h1 {  color: #f77934;  margin: 1rem 0 2rem 0;  text-transform: uppercase;  font-size: 2.2rem;  font-weight: 800;}.avis .avis-list {  margin: 1rem 0;}.avis .avis-list .avi {  background-color: transparent;  height: auto;  border-radius: 35px;  padding: 2.5rem 1.7rem 2.3rem 1.7rem;  transition: var(--transition);}.slick-list {  padding: 2rem 0 !important;}.avi.slick-slide.slick-current.slick-active.slick-center {  box-shadow: rgba(131, 131, 228, 0.2) 0px 7px 22px 0px;}.avis .avis-list .avi .head {  display: grid;  grid-template-columns: auto 65% auto;  justify-content: space-between;  align-items: center;  margin-bottom: 1.5rem;}.avis .avis-list .avi .head img {  max-width: 65px;  margin-right: 1rem;}.avis .avis-list .avi .head h2 {  font-size: 1.05rem;  font-weight: 700;  margin-bottom: 0.2rem;  color: #5286bf;  letter-spacing: 0.02rem;}.avis .avis-list .avi .head h2 span {  text-transform: uppercase;}.avis .avis-list .avi .head p {  font-size: 0.85rem;  color: #f77934;  font-family: "Poppins";  font-weight: 500;}.avis .avis-list .avi .head i {  font-size: 2.2rem;  color: #c6f13f;}.avis .avis-list .avi .body p {  max-width: 90%;  font-family: "Poppins";  font-size: 13px;  text-align: justify;  word-spacing: -2px;  color: #647da7;  margin: 0;}.contact {  background-color: #fff;  padding: 6rem 0;  transform: translateY(90px);  opacity: 0;  transition: all 0.8s ease-out;}.contact.active {  transform: translateY(0px);  opacity: 1;}.contact .contact-container {  width: 1290px;  margin: 0 auto;}.contact .contact-container .title {  text-align: center;}.contact .contact-container .title span {  color: #8fbd01;  display: flex;  justify-content: center;  align-items: center;  letter-spacing: 2px;  font-size: 0.9rem;  font-weight: 600;  text-transform: uppercase;}.contact .contact-container .title span i {  color: #8fbd01;  margin-right: 10px;  font-size: 1.15rem;}.contact .contact-container .title .h1 {  width: 50%;  color: #f77934;  margin: 1rem auto 2rem auto;  text-transform: capitalize;  font-size: 2.1rem;  font-weight: 700;}.contact .contact-container .row {  display: grid;  grid-template-columns: 50% 50%;  justify-content: space-between;  padding: 5rem 2rem;  background-color: #f1fcfb;  border-radius: 35px;  margin-top: 6rem;}.contact .contact-container .row .column {  position: relative;}.contact .contact-container .row .column img {  max-width: 95%;  position: absolute;  top: -9rem;  left: 50%;  transform: translateX(-50%);}.contact .contact-container .row .column form {  width: 85%;  margin: 0 auto;}.contact .contact-container .row .column form input,.contact .contact-container .row .column form textarea {  display: block;  width: 100%;  height: 50px;  margin-bottom: 0.8rem;  background-color: #fff;  border: 1px solid #eaf7f2;  color: #333;  border-radius: 30px;  padding: 0 24px 0 18px;  font-family: "Montserrat", sans-serif;}.contact .contact-container .row .column form input::placeholder,.contact .contact-container .row .column form textarea::placeholder {  color: #647da7;  font-size: 14px;  font-weight: 500;}.contact .contact-container .row .column form textarea {  resize: vertical;  height: 170px;  min-height: 170px;  max-height: 200px;  padding-top: 18px;  padding-left: 24px;}.contact .contact-container .row .column form button {  background-color: #8fbd01;  color: #fff;  font-size: 0.98rem;  letter-spacing: 0.08rem;  padding: 10px 30px;  border-radius: 25px;  text-transform: uppercase;  font-family: "Nunito", sans-serif;  transition: var(--transition);}.contact .contact-container .row .column form button i {  margin-left: 6px;  transition: var(--transition);}.contact .contact-container .row .column form button:hover {  background-color: #f77934;}.contact .contact-container .row .column form button:hover i {  transform: translateX(5px);}.contact .contact-container .row .column form button:active {  transform: translateY(5px);}footer {  width: 100%;  background-image: url("../img/wave.png");  background-size: cover;  background-repeat: no-repeat;  background-position: bottom;  background-color: #fff;  padding-top: 12rem;}footer .footer-container {  width: 1170px;  margin: 0 auto;}footer .footer-container .head {  width: 90%;  margin: 0 auto;}footer .footer-container .head .links {  display: grid;  grid-template-columns: 33% 33% 33%;  justify-content: space-between;}footer .footer-container .head .links .part h3 {  color: #87b203;  font-size: 1rem;  margin-bottom: 0.9rem;  text-transform: capitalize;  letter-spacing: 0.03rem;}footer .footer-container .head .links .part li {  margin-bottom: 0.4rem;  font-size: 0.88rem;  font-weight: 500;  color: #3d5275;  display: flex;  align-items: center;  transition: var(--transition);}footer .footer-container .head .links .part li a {  font-size: 0.88rem;  font-weight: 500;  color: #3d5275;  display: flex;  align-items: center;  transition: var(--transition);}footer .footer-container .head .links .part li a:hover {  color: #87b203;}footer .footer-container .head .links .part li a i {  font-size: 0.5rem;  margin-right: 8px;  position: relative;  top: 1px;}footer .footer-container .head .links .part .social-icons {  display: grid;  grid-template-columns: auto auto auto;  justify-content: flex-start;  align-items: center;  column-gap: 1rem;  margin-top: 1rem;}footer .footer-container .head .links .part .social-icons i {  font-size: 1rem;  font-weight: 500;  color: #6f7580;  transition: var(--transition);}footer .footer-container .head .links .part .social-icons a{    display:block;}footer .footer-container .head .links .part .social-icons a:hover i{    color:#3b5998;}footer .footer-container .head .links .part .social-icons .fa-facebook-f {  font-size: 0.9rem;}footer .footer-container hr {  width: 100%;  border: none;  border-top: 1px solid #c3dcce;  margin: 1.8rem 0 0 0;}footer .footer-container .copy-right {  display: grid;  grid-template-columns: auto;  justify-content: center;  align-items: center;  padding: 1.6rem 0;}footer .footer-container .copy-right p {  font-size: 14px;  font-weight: 500;  color: #3d5275;}footer .footer-container .copy-right p a {  transition: var(--transition);}footer .footer-container .copy-right p a:hover {  color: #8fbd01;}.appel_immediat {    border-top: 1px solid #ccc;    padding-top: 25px;    text-align: left;}.appel_immediat .txt_{display: grid;row-gap: .9rem; grid-template-columns: 80px auto;justify-content: space-between;column-gap: .8rem;}.appel_immediat .txt_ .img{background-color: #fff; padding: .4rem;    box-shadow: rgb(170 170 236 / 20%) 0px 0px 10px 0px;height: 54px;border-radius: 30px;padding: .6rem;}.appel_immediat .txt_ .img img{width: 100%;height: 100%;object-fit: contain;}.appel_immediat p {    font-size: 1.2rem;    color: #3d5275;    font-weight: 500;    margin-bottom: 10px;    line-height: 1.4 !important;}.appel_immediat p b{text-transform: capitalize;}.tel_immediat {    display: inline-flex;text-align: center;margin-top: 1.3rem;}.tel_immediat img{width: 100%;object-fit: contain;}.tel_immediat .text-bllk {        background: linear-gradient(0deg, #87b203, #87b203 38%);    color: #fff;    padding: 3px 10px;    box-shadow: 1px 0px 4px 0px #87b203;    margin-right: 9px;}.tel_immediat a {    color: #87b203;    font-weight: bold;    font-size: 25px;    margin-right: 10px;    margin-left: 10px;position: relative;}.tel_immediat h4{font-size:14px;}.tel_immediat a:after {    width: 0;    height: 0;    content: "";    border-top: 10px solid transparent;    border-bottom: 10px solid transparent;    border-left: 10px solid white;    position: absolute;    top: 50%;    right: -22px;    transform: translate(-50%,-50%);}footer .tel_immediat, footer .tel_immediat a{    font-size: 16px;}.img_mades{      display: grid;grid-template-columns: 48% 48%;    align-items: center;    margin-top: 30px;    justify-content: space-between;}.img_mades img{width: 100%;height: 100%;object-fit: contain;}.img_mades .img{padding: .8rem 1.3rem;background-color: #fff;    box-shadow: rgb(170 170 236 / 20%) 0px 0px 10px 0px;width: 100%;height: 140px;border-radius: 30px;}@media screen and (max-width: 1320px) {  .facture .row {    width: 95%;  }  .faq .row {    width: 95%;  }  .avis .avis-container {    width: 95%;  }    .certification .cert-container {    width: 95%;  }  .contact .contact-container {    width: 95%;  }  .contact .contact-container .row .column img {    max-width: 100%;    top: -6rem;  }  .contact .contact-container .row .column form {    width: 95%;  }}@media screen and (max-width: 1200px) {  .top-header .row {    width: 95%;  }  header .header-container {    width: 95%;  }  .landing .row {    width: 95%;  }  .landing .row .column form {    max-width: 500px;  }  .landing .row .column form {    padding: 3rem 2rem;  }  footer .footer-container {    width: 95%;  }}@media screen and (max-width: 1100px) {  .facture .row {    grid-template-columns: 80%;    justify-content: center;    row-gap: 2rem;  }  .facture .row .column.b {    grid-row: 1;  }  .faq .row {    grid-template-columns: 65%;    justify-content: center;    row-gap: 2rem;  }  .faq .row .column.b {    grid-row: 1;  }  .faq .row .column .contain {    max-width: 100%;  }  .faq .row .column span {    justify-content: center;  }  .faq .row .column .h1 {    text-align: center;  }  .slick-list {    /* overflow: visible !important; */    padding: 2rem 1rem !important;  }  .contact .contact-container .row {    grid-template-columns: 70%;    justify-content: center;    row-gap: 2rem;  }  .contact .contact-container .row .column img {    max-width: 80%;    margin: 0 auto;    position: relative;    top: 0;  }  footer .footer-container .head {    width: 100%;  }}@media screen and (max-width: 1000px) {  .landing .row {    grid-template-columns: 80%;    justify-content: center;    align-items: center;  }  .landing .row .column form {    width: 100%;    max-width: 100%;  }  .contact .contact-container .title .h1 {    width: 100%;  }    .call_form {    width: 95%;  }  .call_form .h1 {    font-size: 1.8rem;  }  .call_form .h2 {    font-size: 1.5rem;    margin: 1rem 0;  }  .call_form .h3 {    font-size: 0.9rem;  }}@media screen and (min-width: 900px) {  aside {    display: none !important;  }  .dark {    display: none !important;  }  body {    overflow: hidden auto !important;  }}@media screen and (max-width: 900px) {  header .header-container .menu {    display: none;  }  header .header-container .bar-mobile {    display: block;  }  .faq .row {    grid-template-columns: 80%;  }  footer .footer-container .head .links {    grid-template-columns: 47% 47%;    row-gap: 1.5rem;  }}@media screen and (max-width: 730px) {    .certification .cert-container .title .h1{        font-size:1.2rem;    }    .certification .cert-container .title span{        font-size:.8rem;    }  .landing {    padding: 2rem 0;  }  .landing .row {    grid-template-columns: 100%;  }  .landing .row .column .h1 {    font-size: 1.9rem;  }  header .header-container {    grid-template-columns: auto;justify-content: center;  }   header .header-container .logo {    text-align: center;    margin: auto;  }  header .header-container .column.phone {    margin-top: 0;  }  header .header-container .column.email {    display:none;  }  header .header-container .column a {    font-size: 1.1rem;  }  header .header-container .column a i {    font-size: 1.1rem;  }  header .header-container .row {    flex-direction: column;  }  .facture .row {    grid-template-columns: 100%;  }  .facture .row .column .h1 {    font-size: 2rem;  }  .facture .row .column .h1-f {    font-size: 3rem;  }  .faq .row {    grid-template-columns: 100%;  }  .contact .contact-container .row {    grid-template-columns: 100%;  }  .contact .contact-container .row .column img {    max-width: 100%;    margin: 0 auto;    position: relative;    top: 0;    left: 0;    transform: none;  }  footer .footer-container .copy-right {    grid-template-columns: auto;    justify-content: center;    text-align: center;    row-gap: 1rem;  }}.price__ {  margin-left: 6px;  font-weight: 600;}@media screen and (min-width: 600px) {  .landing .steps {    min-height: 300.938px;  }  .landing .step-10 {    max-height: 400px;  }}@media screen and (max-width: 600px) {   .appel_immediat .txt_{grid-template-columns: auto;justify-content: center;text-align: center;}.appel_immediat .txt_ .img{width: 90px;margin: 0 auto;}   .call_form form .row {    grid-template-columns: 100%;  } .tel_immediat h4 {font-size: 13px;} .call_form form .last_row p {    font-size: 13px;  }  .call_form .h1 {    font-size: 1.7rem;  }  .call_form .h2 {    font-size: 1.4rem;    margin: 1rem 0;  }  .call_form .h3 {    font-size: 0.9rem;  }  	.free_call{		width:50px;		height:50px;	}	.free_call p{		display:none;	}	.free_call span{		margin:0;	}    .certification .btn button{        font-size:14px;    }  .landing .row .column .parts {    grid-template-columns: 100%;  }  .landing .steps {    min-height: 430.453px;  }  .landing .step-10 {    max-height: 400px;  }  .landing .row .column .step-4 .parts {    grid-template-columns: 100%;  }  .faq .row .column .h1{      font-size:1.8rem;  }  .faq .row .column .questions .ques .q{      font-size:.9rem  }  .faq .row .column .questions .ques .answer p{      font-size:12px;  }  .avis .avis-container .title .h1{      font-size:1.8rem;  }  .contact .contact-container .title .h1{      font-size:1.8rem;  }}@media screen and (max-width: 500px) {  .top-header .row {    grid-template-columns: 100%;  }  .top-header .row .column {    text-align: center;  }  footer .footer-container .head .links {    grid-template-columns: 100%;  }  .landing .row .column .step-6 .parts label {    margin-top: 1rem;    border-radius: 30px;    font-size: 11px;  }  .landing .row .column .step-6 .parts label i {    font-size: 12px;  }  header .header-container .column a {    font-size: 1rem;  }  header .header-container .column a i {    font-size: 1rem;  }  header .header-container .logo {    max-width: 140px;  }  .landing .row .column .parts label {    padding: 0.35rem;    font-size: 12px;  }  .landing .row .column .stepo .parts label {    padding: 0.35rem;    font-size: 12px;  }  .landing .row .column .parts label span {    width: 40px;    min-width: 40px;    height: 40px;    min-height: 40px;  }  .landing .row .column .parts label span img {    max-width: 60%;  }  .landing .step {    padding: 0 0.5rem;  }  .landing .row .column .step-6 .parts label {    padding: 10px;    font-size: 11px;  }  .landing .row .column .step-2 .parts label {    padding: 0.35rem 1rem;  }  .landing .row .column .step-3 .parts label {    padding: 0.35rem 1rem;  }  .tel_immediat a {      font-size: 25px;  }}@media screen and (max-width: 450px) {  .top-header .row {    grid-template-columns: 100%;  }  .top-header .row .column {    text-align: center;  }  .facture .row .column .btns {    flex-direction: column;  }  .facture .row .column .btns .f-1 {    margin-bottom: 1rem;  }  .facture .row .column .btns .f-2 {    margin: 0;  }  .landing .row .column .h1 {    font-size: 1.5rem;    margin-bottom: 1.5rem;  }  .landing .row .column .h2 {    font-size: 1.2rem;  }  .contact .contact-container .row {    padding: 4rem 1rem;  }  .landing .row .column form {    padding: 2rem 0.5rem;  }}@media screen and (max-width: 390px) {  .img_mades{flex-direction: column;justify-content: center;row-gap:1rem} .landing .row .column .h1 {    font-size: 1.3rem;    margin-bottom: 1.2rem;  }  .landing .row .column .h2 {    font-size: 1rem;  }  .facture .row .column .h1-f {    font-size: 2.5rem;  }  .facture .row .column .h1 {    font-size: 1.2rem;  }  .avis .avis-list .avi .head i {    display: none;  }  .avis .avis-list .avi .body p {    max-width: 100%;    font-size: 12px;  }  .tel_immediat .text-bllk {   display: none;   font-size: 14px;  }  .tel_immediat a {      font-size: 16px;      margin-right: 6px;  }  .tel_immediat a:after {   display:none;  right: -19px;  }}