:root { --color-primary: #00905F;
--color-primary-dark: #006B47;
--color-secondary: #FFC02A;
--color-white: #FFFFFF;
--color-dark: #1a2e1a;
--color-text: #2d3e2d;
--color-text-light: #5a6c5a;
--color-bg-gray: #F5F5F5;
--color-bg-cream: #FFFBF1;
--color-bg-green: #F0F7F4; --font-heading: 'Amatic SC', cursive;
--font-body: 'Manrope', sans-serif; --container-max: 1200px;
--section-padding: 80px;
--gap-lg: 60px;
--gap-md: 40px;
--gap-sm: 24px; --radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 20px;
--radius-xl: 24px;
--radius-full: 9999px;
} *, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
}
body {
font-family: var(--font-body);
color: var(--color-text);
line-height: 1.7;
background: var(--color-white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
text-decoration: none;
color: inherit;
}
ul {
}
.single h1, .single h2, .single h3, .single  h4{
margin-bottom:20px
}   .single-agences .container, .single-services .container {
width: 100%;
max-width: var(--container-max);
margin: 0 auto;
padding: 0 24px;
} .single-agences .btn, .single-services  .btn{
display: inline-block;
padding: 17px 25px;
border-radius: 10px;
font-family: var(--font-body);
font-size: 16px;
font-weight: 600;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
border: 2px solid transparent;
white-space: nowrap;
}
.btn-yellow {
background-color: var(--color-secondary);
color: var(--color-dark);
border-color: var(--color-secondary);
}
.btn-yellow:hover {
background-color: var(--color-white);
border-color: #000;
color: #000;
transform: translateY(-2px);
}
.btn-outline {
background-color: var(--color-primary);
color: var(--color-white);
border-color: var(--color-primary);
}
.btn-outline:hover {
background-color: transparent;
color: var(--color-primary);
} .eyebrow {
font-size: 16px;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 16px;
font-family: var(--font-body);
color: var(--color-white);
opacity: 0.95;
}
.eyebrow-dark {
color: #1C1C1C;
opacity: 1;
} .navbar {
position: sticky;
top: 0;
background: var(--color-white);
border-bottom: 1px solid #e5e7eb;
z-index: 1000;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.navbar .container {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: var(--gap-md);
padding-top: 16px;
padding-bottom: 16px;
}
.logo {
font-family: var(--font-heading);
font-size: 36px;
font-weight: 700;
color: var(--color-dark);
letter-spacing: 1px;
}
.nav-menu {
display: flex;
gap: 32px;
justify-content: center;
}
.nav-menu a {
font-size: 15px;
font-weight: 500;
color: var(--color-text);
position: relative;
transition: color 0.3s ease;
}
.nav-menu a:hover {
color: var(--color-primary);
}
.nav-menu a::after {
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 0;
height: 2px;
background: var(--color-primary);
transition: width 0.3s ease;
}
.nav-menu a:hover::after {
width: 100%;
}
.nav-buttons {
display: flex;
gap: 12px;
} .hero-section {
background: var(--color-primary);
padding: var(--section-padding) 0;
padding:150px 0 80px;
}
.hero-section .container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--gap-lg);
align-items: center;
}
.hero-content {
color: var(--color-white);
}
.hero-section h1 {
color: var(--color-white);
}
.hero-text {
font-size: 17px;
line-height: 1.8;
color: var(--color-white);
opacity: 0.95;
margin-bottom: 32px;
}
.hero-image {
border-radius: var(--radius-xl);
overflow: hidden;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.hero-image img {
width: 100%;
height: auto;
border-radius: 13px;
object-fit: cover;
min-height: 450px;
margin-bottom: -2px;
} .services-section {
background: var(--color-bg-gray);
padding: var(--section-padding) 0;
}
.services-section .container {
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: var(--gap-lg);
align-items: center;
}
.services-text {
padding-top: 10px;
}
.services-text h2 {
font-size: clamp(2.5rem, 4vw, 4rem);
margin-bottom: 24px;
}
.services-text p {
font-size: 16px;
line-height: 1.8;
color: var(--color-text);
margin-bottom: 32px;
}
.services-cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--gap-sm);
}
.service-card {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.service-icon {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.service-icon img {
width: 40px;
height: 40px;
}
.service-card h3 {
font-family: var(--font-body);
font-size: 22px;
font-weight: 700;
color: var(--color-dark);
margin-bottom: 10px;
}
.service-card p {
font-size: 15px;
line-height: 1.65;
color: var(--color-text);
margin: 0;
} .steps-section {
background: var(--color-secondary);
padding: var(--section-padding) 0;
text-align: center;
}
.steps-header {
max-width: 900px;
margin: 0 auto 48px;
}
.steps-header .eyebrow {
color: var(--color-dark);
opacity: 0.8;
}
.steps-header h2 {
color: var(--color-dark);
margin-bottom: 20px;
}
.steps-header p {
font-size: 17px;
line-height: 1.8;
color: var(--color-dark);
opacity: 0.9;
}
.steps-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--gap-sm);
}
.step-card {
background: var(--color-primary);
color: var(--color-white);
border-radius: var(--radius-lg);
padding: 32px 24px;
text-align: left;
transition: transform 0.3s ease;
}
.step-card:hover {
transform: translateY(-4px);
}
.step-number {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
opacity: 0.85;
margin-bottom: 16px;
}
.step-card h3 {
color: var(--color-white);
font-size: 1.8rem;
margin-bottom: 12px;
}
.step-card p {
font-size: 15px;
line-height: 1.6;
color: #1C1C1C;
opacity: 0.95;
margin: 0;
}
.steps-section {
background: #ffc533;
padding: 80px 0;
}
.steps-header {
text-align: center;
max-width: 800px;
margin: 0 auto 50px;
}
.steps-progress {
position: relative;
max-width: 900px;
margin: 0 auto 40px;
display: flex;
justify-content: space-between;
}
.progress-line {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 4px;
background: rgba(255,255,255,0.4);
transform: translateY(-50%);
border-radius: 4px;
overflow: hidden;
}
.progress-line-fill {
height: 100%;
width: 0%;
background: #0b8f5a;
transition: width 0.35s ease;
}
.progress-dot {
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
position: relative;
z-index: 2;
transition: background 0.3s;
}
.progress-dot.active {
background: #0b8f5a;
}
.steps-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.step-card {
background: #ffffff;
padding: 30px 25px;
border-radius: 16px;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
}
.step-card h3 {
color: #0b8f5a;
}
.step-card.active,
.step-card:hover {
background: #0b8f5a;
color: #fff;
}
.step-card.active h3,
.step-card:hover h3 {
color: #fff;
}
.step-card.active p,
.step-card:hover p {
color: #fff;
}
.step-number {
font-weight: 600;
margin-bottom: 10px;
} .methodology-section {
background: var(--color-bg-cream);
padding: var(--section-padding) 0;
}
.methodology-section .container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--gap-lg);
align-items: center;
}
.methodology-content p {
margin-bottom: 20px;
}
.methodology-image {
border-radius: var(--radius-xl);
overflow: hidden;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.methodology-image img {
width: 100%;
height: auto;
object-fit: cover;
min-height: 400px;
} .vision-section {
background: var(--color-bg-green);
padding: var(--section-padding) 0;
}
.vision-section .container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--gap-lg);
align-items: center;
}
.vision-image {
border-radius: var(--radius-xl);
overflow: hidden;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.vision-image img {
width: 100%;
height: auto;
object-fit: cover;
min-height: 400px;
}
.vision-content p {
margin-bottom: 20px;
} .expertise-section {
background: var(--color-white);
padding: var(--section-padding) 0;
}
.expertise-section .container {
max-width: 900px;
}
.expertise-section h2 {
margin-bottom: 24px;
}
.expertise-section p {
font-size: 17px;
line-height: 1.8;
} .about-section {
background: var(--color-bg-green);
padding: var(--section-padding) 0;
background-image: url(https://zynnia.fr/wp-content/uploads/2026/02/appli-detoure.png);
background-repeat: no-repeat;
background-size: contain;
}
.about-section .container {
display: grid;
grid-template-columns: 1fr 2fr;
gap: var(--gap-lg);
align-items: center;
}
.about-image {
display: flex;
justify-content: center;
align-items: center;
}
.about-image img {
display: none;
max-width: 400px;
width: 100%;
height: auto;
}
.about-content h2 {
margin-bottom: 24px;
}
.about-content p {
font-size: 16px;
line-height: 1.8;
margin-bottom: 32px;
} .footer {
background: #123f24;
color: #ffffff;
font-size: 14px;
}
.footer-top {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1fr;
gap: 40px;
padding: 70px 0;
}
.footer-logo img {
max-width: 160px;
margin-bottom: 20px;
}
.footer-col h4 {
font-size: 16px;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.footer-col p {
line-height: 1.6;
color: white;
}
.footer-col ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-col ul li {
margin-bottom: 12px;
}
.footer-col a {
color: #ffffff;
text-decoration: none;
opacity: 0.85;
transition: opacity 0.3s;
}
.footer-col a:hover {
opacity: 1;
}
.footer-contacts li {
display: flex;
gap: 10px;
align-items: flex-start;
}
.footer-socials {
display: flex;
gap: 15px;
margin-top: 20px;
}
.footer-socials a {
width: 36px;
height: 36px;
border-radius: 6px;
background: #ffffff;
color: #123f24;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
transition: transform 0.25s ease;
}
.footer-socials a:hover {
transform: translateY(-3px);
}
.footer-bottom {
border-top: 1px solid rgba(255,255,255,0.2);
padding: 20px 0;
}
.footer-bottom p{
color: white;
}
.footer-bottom .container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
font-size: 13px;
opacity: 0.8;
}  .burger {
display: none;
flex-direction: column;
gap: 6px;
background: none;
border: none;
cursor: pointer;
padding: 4px;
}
.burger span {
width: 26px;
height: 3px;
background: var(--color-dark);
border-radius: 2px;
transition: 
transform 0.35s ease,
opacity 0.25s ease;
} .burger.open span:nth-child(1) {
transform: translateY(9px) rotate(45deg);
}
.burger.open span:nth-child(2) {
opacity: 0;
}
.burger.open span:nth-child(3) {
transform: translateY(-9px) rotate(-45deg);
} @media (max-width: 768px) {
.burger {
display: flex;
}
} @media (max-width: 1024px) {
.nav-menu {
gap: 20px;
}
.nav-buttons .btn {
padding: 12px 22px;
font-size: 14px;
}
} @media (max-width: 768px) {
.navbar {
position: relative;
}
.burger {
display: flex;
}
.navbar .container {
grid-template-columns: auto auto;
justify-content: space-between;
}
.nav-menu,
.nav-buttons {
position: absolute;
left: 0;
right: 0;
background: var(--color-white);
flex-direction: column;
align-items: center;
gap: 20px;
padding: 24px 0;
display: none;
border-top: 1px solid #eee;
}
.nav-menu {
top: 100%;
}
.nav-buttons {
top: calc(100% + 160px);
}
.nav-menu.active,
.nav-buttons.active {
display: flex;
}
.nav-menu a {
font-size: 16px;
}
.nav-buttons {
padding-bottom: 32px;
}
.nav-buttons .btn {
width: 80%;
}
.about-image img{
display: block;
margin-left: -60px;
}
.about-section{
background-image: none;
}
} @media (max-width: 480px) {
.nav-buttons .btn {
width: 90%;
}
}
@media (max-width: 768px) {
.hero-content,
.methodology-image,
.vision-image,
.about-image,
.services-text {
order: 1;
}
.hero-image,
.services-cards,
.methodology-content,
.vision-content,
.about-content {
order: 2;
}
} @media (max-width: 768px) {
.footer-top {
display: flex;
flex-direction: column;
gap: 40px;
padding: 50px 20px !important;
text-align: center;
}
.footer-col {
width: 100%;
}
.footer-logo img {
margin: 0 auto 20px;
}
.footer-socials {
justify-content: center;
}
.footer-bottom .container {
flex-direction: column;
text-align: center;
gap: 8px;
}
} @media (max-width: 1024px) {
:root {
--section-padding: 60px;
--gap-lg: 40px;
--gap-md: 28px;
}
.container {
padding: 0 28px;
} .hero-section .container,
.services-section .container,
.methodology-section .container,
.vision-section .container,
.about-section .container {
grid-template-columns: 1fr;
gap: 48px;
}
.services-cards {
grid-template-columns: repeat(2, 1fr);
}
.steps-grid {
grid-template-columns: repeat(2, 1fr);
} .steps-progress {
max-width: 100%;
padding: 0 20px;
} .footer-top {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
}
@media (max-width: 768px) { .container {
padding-left: 20px;
padding-right: 20px;
} h2 {
text-align: center;
margin-bottom: 15px;
}
.elementor-heading-title{
text-align:left;
} h2 + p,
h3 + p {
margin-top: 0;
margin-bottom: 15px;
} .hero-content,
.services-text,
.methodology-content,
.vision-content,
.about-content,
.steps-header {
text-align: center;
}
.service-description{
text-align:justify;
} .hero-section,
.services-section,
.steps-section,
.methodology-section,
.vision-section,
.about-section,
.expertise-section {
padding: 60px 0;
} .service-card h3,
.step-card h3 {
margin-bottom: 15px;
} .footer-top p,
.footer-top li,
.services-text p, .vision-content p {
margin-bottom: 15px;
}
.steps-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.hero-section{
padding:120px 0 60px;
}
} .agency-section {
background: #E8F5F0;
padding: 80px 0;
}
.agency-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.agency-photo {
border-radius: 16px;
overflow: hidden;
}
.agency-photo img {
width: 100%;
height: 100%;
min-height: 520px;
object-fit: cover;
object-position: center top;
display: block;
border-radius: 16px;
}
.agency-cards {
display: flex;
flex-direction: column;
gap: 20px;
}
.agency-card {
background: #FFFFFF;
border-radius: 16px;
border: 1px solid #e4ede9;
padding: 28px 32px;
display: flex;
align-items: flex-start;
gap: 24px;
transition: transform 0.25s ease, box-shadow 0.25s ease;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.agency-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(0, 144, 95, 0.1);
}
.agency-card-icon {
width: 48px;
height: 48px;
min-width: 48px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 4px;
}
.agency-card-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.agency-card-text {
flex: 1;
}
.agency-card-label {
font-family: 'Manrope', sans-serif;
font-size: 16px;
font-weight: 700;
color: #1a2e1a;
line-height: 1.4;
margin-bottom: 4px;
}
.agency-card-title {
font-family: 'Manrope', sans-serif;
font-size: 24px;
font-weight: 700;
color: #1a2e1a;
margin-bottom: 8px;
line-height: 1.3;
}
.agency-card-name {
font-family: 'Amatic SC', cursive;
font-size: 2rem;
font-weight: 700;
color: #1a2e1a;
margin-bottom: 6px;
line-height: 1.2;
}
.agency-card-text p:not(.agency-card-label) {
font-family: 'Manrope', sans-serif;
font-size: 15px;
color: #5a6c5a;
line-height: 1.7;
margin: 0;
}
.agency-cta {
text-align: center;
margin-top: 40px;
} @media (max-width: 1024px) {
.agency-container {
grid-template-columns: 1fr;
gap: 40px;
padding: 0 30px;
}
.agency-photo img {
min-height: 380px;
object-position: center 20%;
}
}
@media (max-width: 768px) {
.agency-section {
padding: 50px 0;
}
.agency-container {
padding: 0 20px;
gap: 28px;
}
.agency-photo img {
min-height: 300px;
}
.agency-card {
padding: 24px;
gap: 18px;
}
.agency-card-title {
font-size: 18px;
}
.agency-card-name {
font-size: 1.8rem;
}
.agency-card-label,
.agency-card-text p:not(.agency-card-label) {
font-size: 14px;
}
}
@media (max-width: 480px) {
.agency-section {
padding: 40px 0;
}
.agency-card {
padding: 20px;
gap: 14px;
border-radius: 12px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.agency-card-icon {
width: 40px;
height: 40px;
min-width: 40px;
}
.agency-card-title {
font-size: 17px;
}
.agency-card-name {
font-size: 1.6rem;
}
.agency-card-label,
.agency-card-text p:not(.agency-card-label) {
font-size: 13px;
}
}
.title-box{
text-align:center !important;
}
:root {
--zynnia-green: #00905f;
--zynnia-green-dark: #041009;
--zynnia-yellow: #ffc02a;
--zynnia-text: #1c1c1c;
--zynnia-white: rgba(255, 255, 255, 0.89);
--zynnia-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
--zynnia-radius: 18px;
--zynnia-container: 1880px;
}
.zynnia-hero {
position: relative;
overflow: hidden;
background-image: url(https://zynnia.fr/wp-content/uploads/2025/03/Header-1-optimized-1.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.zynnia-topbar {
position: relative;
z-index: 3;
padding: 16px 36px 0;
}
.zynnia-topbar__inner {
width: min(100%, var(--zynnia-container));
margin: 0 auto;
min-height: 118px;
display: grid;
grid-template-columns: 220px 1fr auto;
align-items: center;
gap: 24px;
padding: 24px 34px;
background: var(--zynnia-white);
border-radius: var(--zynnia-radius);
box-shadow: var(--zynnia-shadow);
backdrop-filter: blur(8px);
}
.zynnia-topbar__brand img {
display: block;
width: 190px;
max-width: 100%;
height: auto;
}
.zynnia-topbar__nav ul {
display: flex;
align-items: center;
justify-content: center;
gap: 56px;
margin: 0;
padding: 0;
list-style: none;
}
.zynnia-topbar__nav a {
color: var(--zynnia-text);
text-decoration: none;
font-family: "Manrope", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 1.2;
}
.zynnia-topbar__nav li:first-child a {
color: var(--zynnia-green);
}
.zynnia-topbar__actions {
display: flex;
align-items: center;
gap: 24px;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 62px;
padding: 0 34px;
border-radius: 18px;
font-family: "Manrope", sans-serif;
font-size: 18px;
font-weight: 700;
text-decoration: none;
white-space: nowrap;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.btn:hover {
background-color: #FFC02A00;
color: #000000;
border-color: #000000;
border:1px solid #000;
}
.btn--green {
background: var(--zynnia-green);
color: #fff;
}
.btn--yellow {
background: var(--zynnia-yellow);
color: var(--zynnia-green-dark);
}
.zynnia-topbar__toggle {
display: none;
width: 52px;
height: 52px;
padding: 0;
border: 0;
border-radius: 14px;
background: var(--zynnia-green);
cursor: pointer;
}
.zynnia-topbar__toggle span {
display: block;
width: 22px;
height: 2px;
margin: 4px auto;
background: #fff;
border-radius: 999px;
}
.zynnia-hero__content {
position: relative;
z-index: 2;
display: flex;
align-items: center;
padding: 220px 50px 65px;
}
.zynnia-hero__inner {
width: min(100%, var(--zynnia-container));
margin: 0 auto;
}
.zynnia-hero__copy {
max-width: 640px;
padding-left: clamp(12px, 6vw, 150px);
padding-top: clamp(10px, 6vw, 70px);
}
.zynnia-hero__logo-white {
width: min(300px, 80vw);
height: auto;
margin-bottom: 50px;
}
.zynnia-hero h1 {
margin: 0 0 34px;
color: #fff;
font-family: "Amatic SC", cursive;
font-size: 50px;
font-weight: 700;
line-height: 0.98;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.zynnia-hero__badge {
width: 35%;
}
.zynnia-how__description-custom h3{
font-weight: 700;
color: #00905F;
}
@media (max-width: 1280px) {
.zynnia-topbar__inner {
grid-template-columns: 190px 1fr;
}
.zynnia-topbar__actions {
grid-column: 1 / -1;
justify-content: flex-end;
}
.zynnia-topbar__nav ul {
gap: 34px;
}
}
@media (max-width: 991px) {
.zynnia-topbar {
padding: 14px 16px 0;
}
.zynnia-topbar__inner {
grid-template-columns: 1fr auto;
padding: 18px 18px;
min-height: 88px;
}
.zynnia-topbar__nav,
.zynnia-topbar__actions {
display: none;
}
.zynnia-topbar__toggle {
display: inline-flex;
align-items: center;
justify-content: center;
}
.zynnia-hero__content {
min-height: calc(100vh - 105px);
align-items: flex-end;
padding: 48px 16px 40px;
}
.zynnia-hero__copy {
max-width: 100%;
padding-left: 0;
padding-top: 0;
}
.zynnia-hero__logo-white {
width:200px;
margin-bottom: 35px;
}
.zynnia-hero h1 {
margin-bottom: 24px;
font-size: clamp(34px, 9vw, 56px);
}
.zynnia-hero__badge {
width: 170px;
padding: 18px;
}
}
@media (max-width: 640px) {
.zynnia-hero {
min-height: auto;
background-image: url(https://zynnia.fr/wp-content/uploads/2025/04/1-4.png);
background-position: bottom center;
}
.zynnia-topbar__brand img {
width: 150px;
}
.zynnia-topbar__inner {
border-radius: 14px;
}
.zynnia-hero__content {
padding: 150px 20px 200px;
min-height:auto;
}
.zynnia-hero__badge {
width: 170px;
}
} .zynnia-how {
padding: 110px 36px 120px;
background: #f7f3ed;
}
.zynnia-how__inner {
width: min(100%, 1500px);
margin: 0 auto;
display: grid;
grid-template-columns: minmax(420px, 0.92fr) minmax(420px, 1fr);
gap: 90px;
align-items: start;
}
.zynnia-how__media {
position: sticky;
top: 40px;
}
.zynnia-how__video {
position: relative;
display: block;
background: #ffffff;
padding: 16px;
box-shadow: 0 22px 50px rgba(87, 70, 40, 0.22);
text-decoration: none;
}
.zynnia-how__video img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1.18 / 1;
object-fit: cover;
}
.zynnia-how__play {
position: absolute;
top: 50%;
left: 50%;
width: 94px;
height: 94px;
transform: translate(-50%, -50%);
display: inline-flex;
align-items: center;
justify-content: center;
}
.zynnia-how__play svg {
width: 100%;
height: 100%;
display: block;
filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.12));
}
.zynnia-how__content {
padding-top: 8px;
}
.zynnia-how__title {
margin: 0 0 34px;
color: #1f2b3d;
font-family: "Amatic SC", cursive;
font-size: clamp(42px, 4vw, 82px);
font-weight: 700;
line-height: 0.95;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.zynnia-how__list {
display: grid;
gap: 34px;
}
.zynnia-how__item h3 {
margin: 0 0 12px;
color: var(--zynnia-green);
font-family: "Manrope", sans-serif;
font-size: clamp(24px, 1.65vw, 40px);
font-weight: 700;
line-height: 1.15;
}
.zynnia-how__item p {
margin: 0;
color: #4a4a4a;
font-family: "Manrope", sans-serif;
font-size: clamp(17px, 1.02vw, 23px);
line-height: 1.7;
}
.zynnia-how__actions {
margin-top: 42px;
}
.zynnia-how__actions .btn {
min-width: 216px;
}
@media (max-width: 1200px) {
.zynnia-how {
padding: 90px 24px 100px;
}
.zynnia-how__inner {
grid-template-columns: 1fr;
gap: 50px;
}
.zynnia-how__media {
position: relative;
top: auto;
max-width: 760px;
}
.zynnia-how__content {
max-width: 900px;
}
}
@media (max-width: 767px) {
.zynnia-how {
padding: 40px 16px 40px;
}
.zynnia-how__video {
padding: 10px;
}
.zynnia-how__play {
width: 72px;
height: 72px;
}
.zynnia-how__title {
margin-bottom: 26px;
font-size: clamp(34px, 11vw, 54px);
text-align:left
}
.zynnia-how__list {
gap: 24px;
}
.zynnia-how__item h3 {
margin-bottom: 10px;
font-size: 24px;
}
.zynnia-how__item p {
font-size: 16px;
line-height: 1.65;
}
.zynnia-how__actions .btn {
width: 100%;
min-width: 0;
}
} .zynnia-why {
padding: 110px 36px 120px;
background: #ffc02a;
}
.zynnia-why__inner {
width: min(100%, 1520px);
margin: 0 auto;
}
.zynnia-why__header {
text-align: center;
margin-bottom: 130px;
}
.zynnia-why__title {
margin: 0;
color: var(--zynnia-green-dark);
font-family: "Amatic SC", cursive;
font-size: clamp(44px, 4.5vw, 86px);
font-weight: 700;
line-height: 0.95;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.zynnia-why__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 26px;
align-items: stretch;
}
.zynnia-why__card {
position: relative;
padding: 104px 20px 20px;
min-height: 300px;
background: #ffffff;
border-radius: 14px;
box-shadow: 0 14px 28px rgba(110, 92, 33, 0.18);
text-align: center;
}
.zynnia-why__icon {
position: absolute;
top: 0;
left: 50%;
width: 122px;
height: 122px;
transform: translate(-50%, -48%);
border-radius: 50%;
background: var(--zynnia-green);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 12px 24px rgba(0, 144, 95, 0.18);
}
.zynnia-why__icon img {
object-fit: contain;
}
.zynnia-why__card h3 {
margin: 0 0 24px;
color: var(--zynnia-green);
font-family: "Manrope", sans-serif;
font-size: clamp(22px, 1.45vw, 33px);
font-weight: 600;
line-height: 1.2;
}
.zynnia-why__card p {
margin: 0 auto;
color: #454545;
font-family: "Manrope", sans-serif;
font-size: clamp(17px, 1vw, 22px);
font-weight: 400;
line-height: 1.7;
}
.zynnia-why__actions {
display: flex;
justify-content: center;
margin-top: 74px;
}
.zynnia-why__actions .btn {
min-width: 255px;
}
@media (max-width: 1200px) {
.zynnia-why {
padding: 90px 24px 100px;
}
.zynnia-why__header {
margin-bottom: 110px;
}
.zynnia-why__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 70px 24px;
}
}
@media (max-width: 767px) {
.zynnia-why {
padding: 70px 16px 80px;
}
.zynnia-why__header {
margin-bottom: 88px;
}
.zynnia-why__title {
font-size: clamp(34px, 10vw, 54px);
}
.zynnia-why__grid {
grid-template-columns: 1fr;
gap: 76px;
}
.zynnia-why__card {
min-height: auto;
padding: 92px 24px 32px;
}
.zynnia-why__icon {
width: 106px;
height: 106px;
}
.zynnia-why__icon img {
width: 50px;
max-width: 50px;
}
.zynnia-why__card h3 {
margin-bottom: 16px;
font-size: 24px;
}
.zynnia-why__card p {
max-width: 100%;
font-size: 16px;
line-height: 1.65;
}
.zynnia-why__actions {
margin-top: 48px;
}
.zynnia-why__actions .btn {
width: 100%;
min-width: 0;
}
} .zynnia-services {
padding: 110px 36px 120px;
background: #eef3f1;
}
.zynnia-services__inner {
width: min(100%, 1380px);
margin: 0 auto;
}
.zynnia-services__header {
text-align: center;
margin-bottom: 68px;
}
.zynnia-services__title {
margin: 0;
color: var(--zynnia-green-dark);
font-family: "Amatic SC", cursive;
font-size: clamp(44px, 4.5vw, 84px);
font-weight: 700;
line-height: 0.95;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.zynnia-services__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 26px;
}
.zynnia-services__card {
min-width: 0;
}
.zynnia-services__link {
display: block;
height: 100%;
overflow: hidden;
border-radius: 28px;
background: #ffffff;
box-shadow: 0 10px 24px rgba(40, 56, 49, 0.14);
text-decoration: none;
transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.zynnia-services__link:hover {
transform: translateY(-4px);
box-shadow: 0 16px 30px rgba(40, 56, 49, 0.18);
}
.zynnia-services__media {
aspect-ratio: 1.08 / 1;
overflow: hidden;
}
.zynnia-services__media img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.zynnia-services__body {
display: flex;
align-items: center;
justify-content: center;
min-height: 96px;
padding: 18px 24px;
text-align: center;
}
.zynnia-services__body h3 {
margin: 0;
color: #2f2f2f;
font-family: "Manrope", sans-serif;
font-size: clamp(21px, 1.35vw, 30px);
font-weight: 500;
line-height: 1.3;
}
@media (max-width: 1200px) {
.zynnia-services {
padding: 90px 24px 100px;
}
.zynnia-services__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
}
@media (max-width: 767px) {
.zynnia-services {
padding: 70px 16px 80px;
}
.zynnia-services__header {
margin-bottom: 36px;
}
.zynnia-services__title {
font-size: clamp(34px, 10vw, 54px);
}
.zynnia-services__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.zynnia-services__link {
border-radius: 22px;
}
.zynnia-services__body {
min-height: 84px;
padding: 16px 18px;
}
.zynnia-services__body h3 {
font-size: 22px;
}
} .tax-credit {
display: grid;
grid-template-columns: minmax(0, 52%) minmax(0, 48%);
min-height: 640px;
overflow: hidden;
}
.tax-credit__media {
position: relative;
min-height: 640px;
background-image: url(https://zynnia.fr/wp-content/uploads/2025/01/Photos-zynnia.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.tax-credit__media::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.08) 0%,
rgba(0, 0, 0, 0.03) 45%,
rgba(0, 0, 0, 0) 100%
);
}
.tax-credit__badge {
position: absolute;
top: 50%;
right: 0%;
transform: translateY(-50%);
background: #f2bc2d;
border-radius: 180px 0 0 180px;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 20px 20px 50px;
z-index: 2;
}
.tax-credit__badge-inner {
text-align: right;
color: #1f2f63;
}
.tax-credit__badge-kicker,
.tax-credit__badge-caption {
margin: 0;
font-family: "Amatic SC", cursive;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
.tax-credit__badge-kicker {
font-size: clamp(28px, 2.2vw, 56px);
margin-bottom: 22px;
}
.tax-credit__badge-value {
font-family: "Amatic SC", cursive;
font-weight: 700;
font-size: clamp(88px, 8vw, 180px);
line-height: 0.9;
margin-bottom: 18px;
color: #1e293b;
}
.tax-credit__badge-caption {
max-width: 95%;
margin-inline: auto;
font-size: clamp(26px, 1.8vw, 44px);
}
.tax-credit__content {
position: relative;
display: flex;
align-items: center;
min-height: 640px;
background-color: #0b9765;
background-image:
linear-gradient(rgba(11, 151, 101, 0.92), rgba(11, 151, 101, 0.92)),
url(https://zynnia.fr/wp-content/uploads/2025/01/Photos-zynnia.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.tax-credit__content-inner {
position: relative;
z-index: 1;
width: 100%;
max-width: 760px;
padding: 64px 72px 64px 86px;
}
.tax-credit__title {
margin: 0 0 28px;
color: #ffffff;
font-family: "Amatic SC", cursive;
font-weight: 700;
text-transform: uppercase;
font-size: 55px;
line-height: 1.08;
letter-spacing: 0.01em;
}
.tax-credit__text {
margin: 0;
color: #ffffff;
font-family: "Manrope", sans-serif;
font-size: clamp(18px, 1.3vw, 25px);
line-height: 1.45;
}
@media (max-width: 1366px) {
.tax-credit,
.tax-credit__media,
.tax-credit__content {
min-height: 560px;
}
.tax-credit__badge {
right: -4%;
width: clamp(320px, 40vw, 520px);
min-height: clamp(280px, 28vw, 430px);
border-radius: 130px 0 0 130px;
padding: 32px 34px;
}
.tax-credit__content-inner {
padding: 48px 42px 48px 64px;
}
}
@media (max-width: 1024px) {
.tax-credit {
grid-template-columns: 1fr;
}
.tax-credit__media,
.tax-credit__content {
min-height: 460px;
}
.tax-credit__badge {
right: 0;
bottom: 0;
top: auto;
transform: none;
width: min(82%, 520px);
min-height: 260px;
border-radius: 90px 0 0 0;
}
.tax-credit__content-inner {
max-width: none;
padding: 40px 28px 44px;
}
.tax-credit__title,
.tax-credit__text {
max-width: none;
}
}
@media (max-width: 767px) {
.tax-credit__media {
min-height: 340px;
background-position: left center;
}
.tax-credit__content {
min-height: auto;
background-position: center top;
}
.tax-credit__badge {
width: calc(100% - 45%);
min-height: 210px;
padding: 22px 18px; 
border-radius: 90px 0 0 90px;
bottom: 50px;
}
.tax-credit__badge-kicker {
font-size: 26px;
margin-bottom: 10px;
}
.tax-credit__badge-value {
font-size: 82px;
margin-bottom: 10px;
}
.tax-credit__badge-caption {
font-size: 23px;
max-width: 100%;
}
.tax-credit__content-inner {
padding: 30px 20px 36px;
}
.tax-credit__title {
font-size: 34px;
margin-bottom: 18px;
}
.tax-credit__text {
font-size: 17px;
line-height: 1.55;
}
} .news-home {
padding: 72px 0 88px;
background: #ffffff;
}
.news-home__container {
width: min(1620px, calc(100% - 120px));
margin: 0 auto;
}
.news-home__header {
margin-bottom: 56px;
text-align: center;
}
.news-home__title {
margin: 0;
color: #121212;
font-family: "Amatic SC", cursive;
font-size: clamp(54px, 4.2vw, 92px);
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
.news-home__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 42px;
align-items: start;
}
.news-card {
display: flex;
flex-direction: column;
min-width: 0;
}
.news-card__image-link {
display: block;
overflow: hidden;
text-decoration: none;
}
.news-card__image-link img {
display: block;
width: 100%;
aspect-ratio: 1.52 / 1;
object-fit: cover;
}
.news-card__body {
padding-top: 28px;
}
.news-card__title {
margin: 0 0 18px;
color: #111111;
font-family: "Manrope", sans-serif;
font-size: clamp(24px, 1.8vw, 32px);
font-weight: 500;
line-height: 1.25;
}
.news-card__title a {
color: inherit;
text-decoration: none;
}
.news-card__title a:hover {
color: #0b9765;
}
.news-card__excerpt {
margin: 0 0 24px;
color: #7a7a7a;
font-family: "Manrope", sans-serif;
font-size: clamp(17px, 1.1vw, 22px);
font-weight: 400;
line-height: 1.6;
}
.news-card__link {
display: inline-flex;
align-items: center;
color: #111111;
font-family: "Manrope", sans-serif;
font-size: 17px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
}
.news-card__link::after {
content: "\00A0\00BB";
}
.news-card__link:hover {
color: #0b9765;
}
.news-home__footer {
display: flex;
justify-content: center;
margin-top: 64px;
}
.news-home__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 254px;
min-height: 70px;
padding: 16px 34px;
border-radius: 14px;
background: #0b9765;
color: #ffffff;
font-family: "Manrope", sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: background-color 0.25s ease, transform 0.25s ease;
}
.news-home__button:hover {
background-color: #FFC02A;
color: #000000;
border-color: #000000;
}
@media (max-width: 1200px) {
.news-home__container {
width: min(100%, calc(100% - 48px));
}
.news-home__grid {
grid-template-columns: 1fr;
gap: 40px;
}
.news-card__image-link img {
aspect-ratio: 16 / 9;
}
}
@media (max-width: 767px) {
.news-home {
padding: 52px 0 64px;
}
.news-home__header {
margin-bottom: 34px;
}
.news-home__container {
width: calc(100% - 32px);
}
.news-card__body {
padding-top: 5px;
}
.news-card__title {
margin-bottom: 14px;
font-size: 24px;
}
.news-card__excerpt {
margin-bottom: 18px;
font-size: 17px;
line-height: 1.55;
}
.news-home__footer {
margin-top: 40px;
}
.news-home__button {
width: 100%;
min-width: 0;
min-height: 58px;
font-size: 19px;
}
} .contact-home {
position: relative;
padding: 72px 0 110px;
background: #f7fdfb;
overflow: visible;
}
.contact-home__container {
width: min(1680px, calc(100% - 120px));
margin: 0 auto;
}
.contact-home__grid {
display: grid;
grid-template-columns: minmax(620px, 1fr) minmax(420px, 780px);
gap: 72px;
align-items: start;
}
.contact-home__intro {
position: relative;
padding-top: 10px;
min-height: 100%;
}
.contact-home__title {
margin: 0 0 68px;
color: #111111;
font-family: "Amatic SC", cursive;
font-size: clamp(56px, 5vw, 104px);
font-weight: 700;
line-height: 0.95;
text-transform: uppercase;
}
.contact-home__text {
margin: 0;
max-width: 640px;
color: #323232;
font-family: "Manrope", sans-serif;
font-size: clamp(24px, 2vw, 34px);
font-weight: 400;
line-height: 1.38;
}
.contact-home__form-wrap {
position: relative;
z-index: 2;
}
.contact-form-card {
padding: 38px 58px 54px;
background: #ffffff;
border-radius: 20px;
box-shadow: 0 10px 28px rgba(20, 53, 43, 0.16);
}
.page-template-page-home-test .wpforms-title {
margin: 0 0 42px;
color: #111111;
text-align: center;
font-family: "Amatic SC", cursive;
font-size: clamp(34px, 3vw, 66px);
font-weight: 700;
line-height: 1.02;
text-transform: uppercase;
}
.contact-form-card__form {
display: flex;
flex-direction: column;
gap: 22px;
}
.contact-form-card__row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px 24px;
}
.form-field input,
.form-field textarea {
width: 100%;
border: 2px solid #1ba67a;
border-radius: 18px;
background: #ffffff;
color: #222222;
font-family: "Manrope", sans-serif;
font-size: 18px;
font-weight: 400;
outline: none;
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.form-field input {
height: 88px;
padding: 0 22px;
}
.form-field textarea {
min-height: 200px;
padding: 22px;
resize: vertical;
}
.form-field input::placeholder,
.form-field textarea::placeholder {
color: #b8b8b8;
opacity: 1;
}
.form-field input:focus,
.form-field textarea:focus {
border-color: #0b9765;
box-shadow: 0 0 0 4px rgba(11, 151, 101, 0.12);
}
.form-consent {
display: grid;
grid-template-columns: 24px 1fr;
gap: 16px;
align-items: start;
margin-top: -4px;
color: #5f5f5f;
font-family: "Manrope", sans-serif;
font-size: 14px;
line-height: 1.45;
}
.form-consent input {
width: 24px;
height: 24px;
margin: 0;
accent-color: #0b9765;
}
.contact-form-card__captcha {
margin-top: -2px;
}
.contact-form-card__captcha-box {
display: flex;
align-items: center;
justify-content: flex-start;
min-height: 92px;
max-width: 450px;
padding: 0 18px;
border: 1px solid #d6d6d6;
background: #f9f9f9;
color: #7d7d7d;
font-family: "Manrope", sans-serif;
font-size: 16px;
}
.contact-form-card__actions {
display: flex;
justify-content: center;
margin-top: 16px;
}
.contact-form-card__submit {
min-width: 228px;
min-height: 74px;
padding: 16px 36px;
border: 0;
border-radius: 16px;
background: #0b9765;
color: #ffffff;
font-family: "Manrope", sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 1;
box-shadow: 0 10px 18px rgba(11, 151, 101, 0.24);
transition: background-color 0.25s ease, transform 0.25s ease;
}
.contact-form-card__submit:hover {
background: #087e54;
transform: translateY(-1px);
}
.contact-social-card {
position: absolute;
left: 40%;
bottom: -24px;
z-index: 3;
width: 75%;
padding: 35px 35px 25px;
border-radius: 18px;
background: #ffc12a;
box-shadow: 0 14px 28px rgba(110, 83, 8, 0.18);
}
.contact-social-card__title {
margin: 0 0 26px;
color: #111111;
font-family: "Amatic SC", cursive;
font-size: clamp(42px, 3.2vw, 74px);
font-weight: 700;
line-height: 1.02;
text-transform: uppercase;
}
.contact-social-card__links {
display: flex;
gap: 28px;
}
.contact-social-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
color: #111111;
text-decoration: none;
}
.contact-social-card__icon svg {
width: 100%;
height: 100%;
}
.contact-social-card__icon:hover {
color: #0b9765;
}
@media (max-width: 1400px) {
.contact-home__container {
width: min(100%, calc(100% - 48px));
}
.contact-home__grid {
grid-template-columns: 1fr;
gap: 42px;
}
.contact-home__intro {
padding-top: 0;
}
.contact-social-card {
position: relative;
left: 0;
bottom: 0;
width: 100%;
margin-top: 40px;
}
}
@media (max-width: 767px) {
.contact-home {
padding: 52px 0 64px;
}
.contact-home__container {
width: calc(100% - 32px);
}
.contact-home__title {
margin-bottom: 28px;
font-size: 58px;
}
.contact-home__text {
font-size: 18px;
line-height: 1.45;
}
.contact-form-card {
padding: 26px 18px 30px;
border-radius: 16px;
}
.contact-form-card__title {
margin-bottom: 24px;
font-size: 38px;
}
.contact-form-card__row {
grid-template-columns: 1fr;
gap: 16px;
}
.form-field input {
height: 62px;
padding: 0 16px;
border-radius: 14px;
font-size: 16px;
}
.form-field textarea {
min-height: 160px;
padding: 16px;
border-radius: 14px;
font-size: 16px;
}
.form-consent {
grid-template-columns: 20px 1fr;
gap: 12px;
font-size: 13px;
}
.form-consent input {
width: 20px;
height: 20px;
}
.contact-form-card__captcha-box {
min-height: 76px;
max-width: 100%;
font-size: 14px;
}
.contact-form-card__actions {
margin-top: 6px;
}
.contact-form-card__submit {
width: 100%;
min-width: 0;
min-height: 58px;
border-radius: 14px;
font-size: 19px;
}
.contact-social-card {
margin-top: 28px;
padding: 26px 22px 24px;
border-radius: 16px;
text-align:center;
}
.contact-social-card__title {
margin-bottom: 18px;
font-size: 35px;
}
.contact-social-card__links {
gap: 12px;
display:inline-block;
}
.contact-social-card__icon {
width: 40px;
height: 40px;
}
.zynnia-how__inner{
gap:0px;
}
}
.page-template-page-nos-agences-test .agency-section {
padding: 70px 0 80px 0 ;
background-color: #f2f7f5 ;
width: 100%;
box-sizing: border-box;
}
.page-template-page-nos-agences-test .agency-main-title {
display: block;
text-align: center;
color: #43967b ;
text-transform: uppercase ;
margin-bottom: 50px ;
}
.page-template-page-nos-agences-test .agency-grid-container {
display: flex !important;
justify-content: center !important;
align-items: flex-start !important;
gap: 30px !important;
max-width: 1140px !important;
margin: 0 auto !important;
padding: 0 20px !important;
box-sizing: border-box;
}
.page-template-page-nos-agences-test .agency-map-box {
flex: 0 0 50% !important;
max-width: 550px !important;
}
.page-template-page-nos-agences-test .agency-map-box img {
width: 100% !important;
height: auto !important;
display: block !important;
border-radius: 2px !important;
}
.page-template-page-nos-agences-test .agency-cards-list {
flex: 0 0 45% !important;
display: flex !important;
flex-direction: column !important;
gap: 15px !important;
} .page-template-page-nos-agences-test .agency-single-card {
display: flex !important;
align-items: center !important;
background: #ffffff !important;
padding: 20px 25px !important;
box-shadow: 0 5px 15px rgba(0,0,0,0.03) !important;
min-height: 90px !important;
box-sizing: border-box;
} .page-template-page-nos-agences-test .agency-card-icon {
width: 30px !important;
margin-right: 20px !important;
flex-shrink: 0 !important;
}
.page-template-page-nos-agences-test .agency-card-icon img {
width: 100% !important;
height: auto !important;
} .page-template-page-nos-agences-test .agency-card-info h3 {
margin: 0 0 2px 0 !important;
font-size:29px;
color: #333 !important;
font-weight: 600 !important;
font-family: inherit !important;
}
.page-template-page-nos-agences-test .agency-address {
font-size: 16px ;
font-weight:600;
color: #666 ;
line-height: 1.3em;
} @media (max-width: 991px) {
.page-template-page-nos-agences-test .agency-grid-container {
flex-direction: column !important;
align-items: center !important;
}
.page-template-page-nos-agences-test .agency-map-box,
.page-template-page-nos-agences-test .agency-cards-list {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
.wpforms-container .wpforms-title{
color: #041009;
font-style: normal;
font-size: 35px !important;
font-weight: 700;
margin: 0 0 10px 0;
font-family: 'Amatic SC';
line-height: normal;
text-align: center;
}
.franchise-page {
background-color: #fdfaf5; 
color: #333;
width:100%;
}
.franchise-page .container {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
}
.franchise-banner-one {
padding: 200px 0px 50px;
background-image: url(https://zynnia.fr/wp-content/uploads/2025/01/Header-2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: scroll;
text-align: center;
}
.franchise-banner {
padding: 50px 0px 50px;
text-align:center;
}
.franchise-banner-one h1 {
font-family: 'Amatic SC', cursive;
color: #1b8a5a;
font-size: 3rem;
text-transform: uppercase;
margin-bottom: 20px;
color:#fff;
}
.franchise-banner h1 {
font-family: 'Amatic SC', cursive;
color: #1b8a5a;
font-size: 3rem;
text-transform: uppercase;
margin-bottom: 20px;
}
.banner-description {
font-size: 1.2rem;
line-height: 1.6;
max-width: 900px;
margin: 0 auto;
}
.banner-description b, 
.banner-description strong {
font-weight: 700;
}
.franchise-grid-container {
display: grid;
grid-template-columns: 1fr 1fr; 
gap: 40px;
align-items: start;
}
.franchise-map-box img {
max-width: 100%;
height: auto;
display: block;
}
.franchise-cards-list {
background: #ffffff;
padding: 40px;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
border: 1px solid #eee;
}
.franchise-cards-list h3,
.franchise-cards-list .rejoignez-title {
font-family: 'Amatic SC', cursive;
text-align: center;
font-size: 2rem;
color: #333;
margin-bottom: 30px;
}
.franchise-section{
padding:70px 0;
}
.franchise-cards-list input[type="text"],
.franchise-cards-list input[type="email"],
.franchise-cards-list input[type="tel"],
.franchise-cards-list select,
.franchise-cards-list textarea {
width: 100%;
padding: 12px 15px;
margin-bottom: 15px;
border: 1px solid #a5d6c1; 
border-radius: 8px;
background-color: #fff;
font-size: 0.95rem;
}
.franchise-cards-list textarea {
height: 120px;
}
.franchise-cards-list input[type="submit"],
.franchise-cards-list .btn-submit {
background-color: #ffc107;
color: #333;
border: none;
padding: 15px 40px;
border-radius: 10px;
font-weight: bold;
cursor: pointer;
display: block;
margin: 20px auto 0;
transition: background 0.3s ease;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.franchise-cards-list input[type="submit"]:hover {
background-color: #eab000;
}
.page-template-page-nos-agences-test .ast-container{
display:block;
}
.page-template-page-nos-agences-test .agency-banner{
padding: 200px 0px 50px;
background-image: url(https://zynnia.fr/wp-content/uploads/2025/01/Header-2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: scroll;
text-align: center;
}
.page-template-page-nos-agences-test .agency-main-title{
color:#fff
}
@media (max-width: 768px) {
.franchise-grid-container {
grid-template-columns: 1fr;
}
.franchise-banner h1 {
}
.franchise-map-box {
order: 2; 
}
.franchise-section{
padding:0px;
}
.franchise-cards-list{
padding:25px;
}
.franchise-banner-one {
padding: 150px 0px 30px;
background-image: url(https://zynnia.fr/wp-content/uploads/2025/01/Header-2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: scroll;
text-align: center;
}
.page-template-page-nos-agences-test .agency-section {
padding: 40px 0 40px 0 ;
}
}