.elementor-3047 .elementor-element.elementor-element-af4db5d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3047 .elementor-element.elementor-element-af4db5d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#21A4BB;}.elementor-3047 .elementor-element.elementor-element-af4db5d > .elementor-element-populated{border-style:solid;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3047 .elementor-element.elementor-element-af4db5d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3047 .elementor-element.elementor-element-89d942f .elementor-heading-title{font-family:"lens medium", Sans-serif;font-weight:800;color:#FFFFFF;}.elementor-3047 .elementor-element.elementor-element-f9a8ddb:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3047 .elementor-element.elementor-element-f9a8ddb > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#036592;}.elementor-3047 .elementor-element.elementor-element-f9a8ddb > .elementor-element-populated{border-style:solid;border-color:#063E3D;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3047 .elementor-element.elementor-element-f9a8ddb > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3047 .elementor-element.elementor-element-7f0dda1 .elementor-heading-title{font-family:"lens medium", Sans-serif;font-weight:800;color:#FFFFFF;}.elementor-3047 .elementor-element.elementor-element-edfadfd:not(.elementor-motion-effects-element-type-background), .elementor-3047 .elementor-element.elementor-element-edfadfd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3047 .elementor-element.elementor-element-edfadfd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-3047 .elementor-element.elementor-element-edfadfd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3047 .elementor-element.elementor-element-11a05ed > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3047 .elementor-element.elementor-element-11a05ed > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3047 .elementor-element.elementor-element-d7eb42b{text-align:center;}.elementor-3047 .elementor-element.elementor-element-d7eb42b .elementor-heading-title{font-family:"lens medium", Sans-serif;font-size:38px;font-weight:bold;font-style:italic;color:#21A4BB;}.elementor-3047 .elementor-element.elementor-element-e2e6ff5 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-3047 .elementor-element.elementor-element-e2e6ff5{text-align:center;}.elementor-3047 .elementor-element.elementor-element-e2e6ff5 .elementor-heading-title{font-family:"lens medium", Sans-serif;font-size:17px;font-weight:500;font-style:italic;color:#003F3F;}body.elementor-page-3047:not(.elementor-motion-effects-element-type-background), body.elementor-page-3047 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:767px){.elementor-3047 .elementor-element.elementor-element-5cc102c > .elementor-container{max-width:1600px;}.elementor-3047 .elementor-element.elementor-element-5cc102c{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3047 .elementor-element.elementor-element-af4db5d{width:50%;}.elementor-3047 .elementor-element.elementor-element-af4db5d > .elementor-element-populated{border-width:1px 1px 1px 1px;text-align:center;}.elementor-3047 .elementor-element.elementor-element-89d942f{text-align:center;}.elementor-3047 .elementor-element.elementor-element-89d942f .elementor-heading-title{font-size:16px;}.elementor-3047 .elementor-element.elementor-element-f9a8ddb{width:50%;}.elementor-3047 .elementor-element.elementor-element-f9a8ddb > .elementor-element-populated{border-width:1px 1px 1px 1px;}.elementor-3047 .elementor-element.elementor-element-f9a8ddb > .elementor-element-populated, .elementor-3047 .elementor-element.elementor-element-f9a8ddb > .elementor-element-populated > .elementor-background-overlay, .elementor-3047 .elementor-element.elementor-element-f9a8ddb > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-3047 .elementor-element.elementor-element-7f0dda1{text-align:center;}.elementor-3047 .elementor-element.elementor-element-7f0dda1 .elementor-heading-title{font-size:16px;}.elementor-3047 .elementor-element.elementor-element-edfadfd{margin-top:47px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3047 .elementor-element.elementor-element-11a05ed > .elementor-element-populated, .elementor-3047 .elementor-element.elementor-element-11a05ed > .elementor-element-populated > .elementor-background-overlay, .elementor-3047 .elementor-element.elementor-element-11a05ed > .elementor-background-slideshow{border-radius:23px 23px 23px 23px;}.elementor-3047 .elementor-element.elementor-element-11a05ed > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:28px 0px 17px 0px;}.elementor-3047 .elementor-element.elementor-element-d7eb42b .elementor-heading-title{font-size:22px;}.elementor-3047 .elementor-element.elementor-element-e2e6ff5 .elementor-heading-title{font-size:17px;}}/* Start custom CSS for html, class: .elementor-element-27d1f35 *//* ================================
   Global Styles
================================ */
body {
  font-family: 'Roboto', sans-serif;
  color: #063E3D;
  background-color: #f5f9fc;
  line-height: 1.6;
}

h1, h2, h3 {
  color: #036093;
  font-weight: 700;
}

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ================================
   Section Hero
================================ */
.about-hero {
  background: linear-gradient(rgba(3, 96, 147, 0.85), rgba(3, 96, 147, 0.85)), url('http://www.avicina.ma/wp-content/uploads/2025/01/kzd.png') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 80px 20px;
}

.about-hero h1 {
  font-size: 2.8rem;
  margin-bottom: 20px;
}

.about-hero p {
  font-size: 1.2rem;
  max-width: 800px;
  margin: 0 auto;
}

/* ================================
   Mission / Vision / Valeurs
================================ */
.mission-vision-values {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 60px 20px;
  background-color: #ffffff;
  justify-content: space-between;
}

.mission, .vision, .values {
  flex: 1 1 300px;
  background-color: #ffffff;
  padding: 20px;
  border-left: 4px solid #4099b5;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.mission ul, .vision ul, .values ul {
  padding-left: 20px;
}

.values ul li {
  margin-bottom: 10px;
}

/* ================================
   Pourquoi Nous Choisir
================================ */
.why-choose-us {
  padding: 60px 20px;
  background-color: #e5e9e9;
  text-align: center;
}

.features {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 40px;
}

.feature-item {
  flex: 1 1 250px;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.feature-item:hover {
  transform: translateY(-5px);
}

.feature-item img {
  width: 50px;
  margin-bottom: 15px;
}

.feature-item h3 {
  font-size: 1.1rem;
  margin-bottom: 10px;
}

/* ================================
   Notre Équipe
================================ */
.our-team {
  background-color: #ffffff;
  padding: 60px 20px;
  text-align: center;
}

.team-highlights {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-top: 40px;
}

.highlight-item {
  flex: 1 1 280px;
  background: #f5f9fc;
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.highlight-item h3 {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

/* ================================
   Responsive
================================ */
@media (max-width: 768px) {
  .about-hero h1 {
    font-size: 2rem;
  }

  .about-hero p {
    font-size: 1rem;
  }

  .mission-vision-values {
    flex-direction: column;
  }

  .features,
  .team-highlights {
    flex-direction: column;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b1d6c3 */.cf7-avicina-form {
  max-width: 600px;
  margin: auto;
  background: #ffffff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  font-family: 'Roboto', sans-serif;
  color: #063E3D;
}

.cf7-avicina-form label {
  display: block;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 500;
  color: #036093;
}

.cf7-avicina-form input[type="text"],
.cf7-avicina-form input[type="number"],
.cf7-avicina-form input[type="tel"],
.cf7-avicina-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #d1e3e7;
  border-radius: 6px;
  background-color: #f8fafa;
  font-size: 14px;
}

.cf7-avicina-form input[type="radio"],
.cf7-avicina-form input[type="checkbox"] {
  margin-right: 10px;
}

.cf7-avicina-form .wpcf7-submit {
  background-color: #036093;
  color: #fff;
  border: none;
  padding: 14px 30px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: block;
  margin: 20px auto 0;
}

.cf7-avicina-form .wpcf7-submit:hover {
  background-color: #4099b5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37c8aa1 *//* =============================
   Footer AVICINA
============================= */
.footer-avicina {
  background-color: #022c43;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  padding: 60px 20px 20px;
}

.footer-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px;
}

/* Logo + Slogan */
.footer-logo-slogan img {
  max-width: 180px;
  margin-bottom: 15px;
}
.footer-logo-slogan p {
  font-size: 14px;
  line-height: 1.5;
  color: #d1e7f2;
}

/* Titres de section */
.footer-avicina h4 {
  font-size: 16px;
  margin-bottom: 15px;
  color: #ffffff;
  text-transform: uppercase;
}

/* Liens */
.footer-links ul,
.footer-cities ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li,
.footer-cities li {
  margin-bottom: 10px;
}

.footer-links a {
  color: #d1e7f2;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}
.footer-links a:hover {
  color: #ffffff;
}

/* Contact bloc */
.footer-contact p {
  font-size: 14px;
  margin-bottom: 10px;
  color: #d1e7f2;
}
.footer-contact a {
  color: #d1e7f2;
  text-decoration: none;
}
.footer-contact a:hover {
  color: #ffffff;
}

/* Bottom Bar */
.footer-bottom {
  text-align: center;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 13px;
  color: #a0c3d9;
  margin-top: 40px;
}

/* Responsive spacing */
@media (max-width: 768px) {
  .footer-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 500px) {
  .footer-container {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .footer-logo-slogan img {
    margin: 0 auto 15px;
  }
}/* End custom CSS */