:root :where(a:where(:not(.wp-element-button))) {
text-decoration: none!important;
}
@font-face {
font-family: 'AeonikRegular';
src: url(//biowrap.fr/wp-content/themes/Divi-child/font/AeonikTRIAL-Regular.otf) format('opentype');
}
@font-face {
font-family: 'AeonikLight';
src: url(//biowrap.fr/wp-content/themes/Divi-child/font/AeonikTRIAL-Light.otf) format('opentype');
}
@font-face {
font-family: 'AeonikBold';
src: url(//biowrap.fr/wp-content/themes/Divi-child/font/AeonikTRIAL-Bold.otf) format('opentype');
}
@font-face {
font-family: 'EurostileRegular';
src: url(//biowrap.fr/wp-content/themes/Divi-child/font/Eurostile.otf) format('opentype');
}
@font-face {
font-family: 'EurostileBold';
src: url(//biowrap.fr/wp-content/themes/Divi-child/font/Eurostile_Bold.otf) format('opentype');
}
@font-face {
font-family: 'EurostileMedium';
src: url(//biowrap.fr/wp-content/themes/Divi-child/font/Eurostile_Medium.otf) format('opentype');
} @font-face {
font-family: "Space Grotesk"; src: url(//biowrap.fr/wp-content/themes/Divi-child/font/SpaceGrotesk-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
} body:not(.et-fb){
font-family: "Verdana";
}
header{
position: relative;
z-index: 1000;
} :root {
--main-color: #039987; --main-color-dark: #027a6a; --ink: #1a1a1a; --muted: #6b6b6b; --surface: #f7faf9; --line: rgba(3,153,135,0.18); --shadow: 0 8px 24px rgba(0,0,0,0.06); --badge-nouveaute: #039987;
--badge-promo: #039987;
--badge-eco: #039987;
}
body:not(.et-fb) p{
font-family: 'Verdana', Helvetica, Arial, Lucida, sans-serif;
}
body:not(.et-fb) li{
font-family: 'Verdana', Helvetica, Arial, Lucida, sans-serif;
font-size: 16px;
}
body #page-container{
overflow: hidden;
} .bandeau-video {
position: relative;
height: 400px;
overflow: hidden;
}
.video-background {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
object-fit: cover;
}
.bandeau-video .overlay {
position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
background: rgba(0,0,0,0.35);
}
.bandeau-video h1 {
color: #fff;
font-size: 76px;
text-align: center;
font-family: "Space Grotesk";
} .archive-produits {
max-width: 1200px;
margin: auto;
padding: 40px 20px;
}
.grid-produits {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 30px;
}
.produit-item {
display: flex;
flex-direction: column;
justify-content: space-between;
border: 1px solid #e5e5e5;
border-radius: 8px;
background: #fff;
transition: transform 0.4s ease, box-shadow 0.4s ease;
padding: 20px; text-align: center; }
.produit-item:hover {
transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(0,0,0,0.12);
}
.image-produit {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
border-radius: 8px 8px 0 0;
}
.image-produit img {
width: 100%;
height: 100%!important;
object-fit: cover;
transition: transform 0.4s ease;
}
.produit-item:hover .image-produit img {
transform: scale(1.05);
} .image-produit::after {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: var(--main-color);
opacity: 0;
transition: opacity 0.4s ease;
}
.produit-item:hover .image-produit::after {
opacity: 0.35;
} .badge {
padding: 4px 10px;
font-size: 0.85em;
font-weight: normal;
text-transform: none;
border-radius: 4px;
letter-spacing: 0.3px;
color: #fff;
opacity: 0.9;
}
.badge-nouveaute { background: var(--badge-nouveaute); }
.badge-promo { background: var(--badge-promo); }
.badge-eco-responsable { background: var(--badge-eco); }
.badge-default { background: var(--main-color); }
.produit-item h2 {
font-size: 1.2em !important;
margin: 15px 0 10px!important;
color: var(--main-color)!important;
font-family: "Space Grotesk", sans-serif!important;
font-weight: 400!important;
text-align: left;
}
.resume-produit {
flex-grow: 1;
font-size: 0.95em;
text-align: left;
color: #555;
font-family: "Verdana";
margin: 10px 0 20px; }
.no-desc {
font-style: italic;
color: #777;
}
.btn-fiche {
align-self: center;
margin-top: auto;
padding: 5px 20px;
background: var(--main-color);
color: #fff;
text-decoration: none;
border-radius: 6px;
transition: background 0.3s ease;
}
.btn-fiche:hover {
background: var(--main-color-dark);
} .filtre-produits {
margin: 20px 0;
text-align: right;
}
.filtre-produits label {
margin-right: 8px;
color: #333;
}
.filtre-produits select {
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 4px;
} .pagination {
margin-top: 30px;
text-align: center;
}
.pagination a,
.pagination span {
display: inline-block;
margin: 0 5px;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 4px;
color: var(--main-color);
text-decoration: none;
}
.pagination a:hover {
background: var(--main-color);
color: #fff;
} .fiche-produit {
max-width: 1200px;
margin: auto;
padding: 40px 20px;
}
.fiche-produit h1 {
text-align: center;
font-size: 2.5em;
margin-bottom: 30px;
color: var(--main-color);
}
.image-produit {
text-align: center;
margin-bottom: 40px;
}
.image-produit img {
max-width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.fiche-produit section {
margin-bottom: 40px;
} .applications ul {
list-style: none;
padding: 0;
}
.applications li {
background: #f1f1f1;
margin: 5px 0;
padding: 8px 12px;
border-radius: 4px;
} .grid-declinaisons {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
}
.declinaison-item {
background: #fafafa;
border: 1px solid #ddd;
padding: 15px;
text-align: center;
border-radius: 6px;
}
.declinaison-item img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
border-radius: 4px;
}
.declinaison-item h3 {
font-size: 1.2em;
margin-bottom: 8px;
color: var(--main-color);
font-family: "Verdana";
} .liste-atouts {
list-style: none;
padding: 0;
}
.liste-atouts li {
display: flex;
align-items: center;
margin: 10px 0;
font-size: 1.1em;
}
.liste-atouts img {
width: 30px;
height: 30px;
margin-right: 10px;
} .bloc-biowrap {
max-width: 1100px;
margin: 64px auto;
padding: 48px 44px;
background: var(--surface);
border: 1px solid var(--line);
border-radius: 12px;
box-shadow: var(--shadow);
}
.bloc-biowrap .biowrap-content {
max-width: 820px;
margin: 0 auto;
text-align: center;
}
.bloc-biowrap h2 {
margin: 0 0 18px;
font-size: 2rem;
line-height: 1.25;
font-weight: 600;
letter-spacing: 0.2px;
color: var(--ink);
font-family: "Space Grotesk";
}
.bloc-biowrap p {
margin: 10px 0;
font-size: 1.05rem;
line-height: 1.7;
color: var(--muted);
}
.bloc-biowrap p strong {
color: var(--ink);
font-weight: 600;
}
.bloc-biowrap hr {
margin: 28px auto;
width: 88px;
height: 1px;
border: none;
background: linear-gradient(to right, transparent, var(--line), transparent);
}
.cta-group {
margin-top: 26px;
}
.cta-biowrap {
display: inline-block;
padding: 12px 24px;
border: 1px solid var(--main-color);
border-radius: 8px;
background: transparent;
color: var(--main-color);
text-decoration: none;
font-size: 0.98rem;
letter-spacing: 0.2px;
transition: color 220ms ease, background 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}
.cta-biowrap:hover {
background: rgba(3,153,135,0.08);
color: var(--ink);
box-shadow: 0 6px 18px rgba(3,153,135,0.18);
transform: translateY(-1px);
}
.cta-biowrap.is-filled {
background: var(--main-color);
color: #fff;
border-color: var(--main-color);
}
.cta-biowrap.is-filled:hover {
background: var(--main-color-dark);
box-shadow: 0 8px 22px rgba(3,153,135,0.25);
} .bloc-biowrap .emoji,
.bloc-biowrap .icon {
margin-right: 6px;
font-size: 1.05em;
vertical-align: -1px;
color: var(--main-color);
} .biowrap-atouts {
max-width: 1200px;
margin: 0px auto;
padding: 60px 40px;
}
.biowrap-atouts h2 {
font-size: 2.2rem;
color: var(--ink);
margin-bottom: 50px;
font-weight: 600;
letter-spacing: 0.5px;
font-family: "Space Grotesk";
}
.atouts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.atout {
background: #f5f5f5;
border: 1px solid var(--line);
border-radius: 12px;
padding: 30px 24px;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.atout:hover {
transform: translateY(-6px);
box-shadow: 0 12px 24px rgba(0,0,0,0.08);
background: rgba(0, 128, 0, 0.1);
}
.atout .icon {
font-size: 2.2em;
display: block;
margin-bottom: 15px;
color: var(--main-color);
}
.atout h3 {
font-size: 1.4em;
margin-bottom: 12px;
color: var(--ink);
font-weight: 500;
font-family: "Verdana";
}
.atout p {
font-size: 1rem;
color: var(--muted);
line-height: 1.6;
} @media (max-width: 992px) {
.grid-produits { gap: 24px; }
.atouts-grid { grid-template-columns: repeat(2, 1fr); }
.bloc-biowrap { padding: 40px 32px; }
}
@media (max-width: 768px) {
.bandeau-video { height: 240px; }
.bandeau-video h1 { font-size: 2rem; }
.grid-produits { grid-template-columns: 1fr; gap: 22px; }
.image-produit { height: 190px; }
.bloc-biowrap { padding: 36px 24px; border-radius: 10px; }
.bloc-biowrap h2 { font-size: 1.7rem; }
.bloc-biowrap p { font-size: 1rem; }
.cta-biowrap { padding: 11px 20px; }
.biowrap-atouts h2 { font-size: 1.7rem; margin-bottom: 28px; }
.atouts-grid { grid-template-columns: 1fr!important; gap: 20px; }
.atout{padding:10px!important;}
.biowrap-atouts{padding:15px;}
.fiche-header{display: block!important;}
.hero-produit h1{font-size: 2rem!important;}
.applications-grid {grid-template-columns: 1fr!important;}
.fiche-produit::before{
display: none!important;
}
}
.section-custom {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
max-width: 1200px;
margin: 50px auto;
padding: 60px 40px;
}
.section-custom::before{ 
content:"";
background:#e5e5e5;
height: 1px;
width: 70%;
position: absolute;
left:50%;
transform: translateX(-50%);
top: 0;
}
.section-custom .content {
text-align: left;
}
.section-custom h2 {
font-size: 2.2rem;
font-weight: 600;
color: var(--ink);
margin-bottom: 20px;
letter-spacing: 0.5px;
font-family: "Space Grotesk";
}
.section-custom p {
font-size: 1.05rem;
line-height: 1.7;
color: var(--muted);
margin-bottom: 20px;
font-family: "Verdana";
}
.section-custom p strong {
color: var(--ink);
font-weight: 600;
}
.section-custom .cta {
display: inline-block;
padding: 12px 24px;
border: 1px solid var(--main-color);
border-radius: 8px;
background: transparent;
color: var(--main-color);
text-decoration: none;
font-size: 0.98rem;
transition: all 0.3s ease;
}
.section-custom .cta:hover {
background: var(--main-color);
color: #fff;
}
.section-custom .image {
text-align: right;
}
.section-custom .image img {
max-width: 100%;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
} @media (max-width: 992px) {
.section-custom {
grid-template-columns: 1fr;
text-align: center;
}
.section-custom .image {
text-align: center;
margin-top: 30px;
}
} .fiche-header {
display: grid;
grid-template-columns: 50% 50%; gap: 40px;
align-items: start;
max-width: 1200px;
margin: 60px auto;
padding: 0 20px;
} .fiche-slider .swiper {
width: 100%;
max-height: 500px; aspect-ratio: 4 / 3; } .fiche-slider .swiper-wrapper {
align-items: stretch; }
.fiche-slider .swiper-slide {
width: auto; } .fiche-slider .swiper-slide img {
width: 100%;
height: 100%; object-fit: contain; border-radius: 12px;
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
@media (max-width: 992px) {
.fiche-slider .swiper {
max-height: 320px;
aspect-ratio: 4 / 3;
}
} .fiche-slider .swiper {  }
.fiche-slider .swiper-slide img {  } .swiper-button-prev,
.swiper-button-next {
color: #222;
}
.swiper-pagination-bullet {
background: #999;
} @media (max-width: 992px) {
.fiche-header {
grid-template-columns: 1fr;
gap: 24px;
}
}
.fiche-details h1 {
font-size: 2.2rem;
color: var(--main-color);
margin-bottom: 20px;
}
.fiche-details .description,
.fiche-details .caracteristiques {
margin-bottom: 30px;
}
.fiche-details .description strong,
.fiche-details .caracteristiques strong{
color:var(--main-color);
}
.fiche-details p{
font-size: 16px;
line-height: 1.6;
} @media (max-width: 992px) {
.fiche-header {
grid-template-columns: 1fr;
text-align: center;
}
.fiche-details {
margin-top: 30px;
}
}
.hero-produit {
position: relative;
width: 100%;
height: 400px; overflow: hidden;
}
.hero-produit .hero-background img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(70%); }
.hero-produit .hero-overlay {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.hero-produit h1 {
color: #fff;
font-size: 3rem;
font-weight: 600;
text-align: center;
letter-spacing: 1px;
font-family: "Space Grotesk";
}
.slider-produit {
max-width: 1200px;
margin: 40px auto;
}
.swiper-slide img {
width: 100%;
border-radius: 12px;
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
} .swiper-button-prev,
.swiper-button-next {
color: var(--main-color); font-size: 24px; width: 48px; height: 48px;
background: rgba(255,255,255,0.8); border-radius: 50%;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
} .swiper-button-prev::after,
.swiper-button-next::after {
font-size: 20px; font-weight: bold;
} .swiper-button-prev:hover,
.swiper-button-next:hover {
background: var(--main-color);
color: #fff;
} .fiche-produit h2 {
font-size: 26px;
font-weight: 600;
color: var(--ink);
display: inline-block;
position: relative;
margin-bottom: 30px;
padding-left:15px;
padding-bottom:0;
font-family: "Space Grotesk";
} .fiche-produit h2::after {
content: "";
position:absolute;
left:0;
height: 100%;
width: 3px;
background: var(--main-color);
top:50%;
transform:translateY(-50%);
} .fiche-tabs {
max-width: 1200px;
margin: 60px auto;
padding: 30px 20px;
background: #fafafa;
border: 1px solid #ddd;
border-radius: 12px;
box-shadow: 0 6px 18px rgba(0,0,0,0.05);
} .tabs-nav {
display: flex;
gap: 16px;
margin-bottom: 24px;
justify-content: center;
border-bottom: 1px solid #eee;
}
.tab-btn {
font-size: 1.05rem; font-weight: 700;
line-height: 1;
padding: 14px 28px;
border-radius: 8px; background: #ffffff;
color: #0b3d2e; border: 2px solid var(--main-color);
cursor: pointer;
transition: all 0.25s ease;
position: relative;
}
.tab-btn.active {
background: var(--main-color);
color: #fff;
border-color: var(--main-color);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.tab-btn:hover {
background: #eaeaea; color: #0b3d2e;
transform: translateY(-1px);
}
.tab-btn:focus-visible {
outline: 3px solid #9fd6b3;
outline-offset: 2px;
} .tab-content {
display: none;
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 14px rgba(0,0,0,0.06);
padding: 24px;
animation: fadeInUp 0.35s ease;
}
.tab-content.active {
display: block;
} .tab-section-title {
font-size: 1.2rem; font-weight: 700;
color: var(--main-color);
margin-bottom: 14px;
text-transform: uppercase;
letter-spacing: 0.4px;
}
.tab-section-text {
font-size: 1rem;
color: var(--ink);
line-height: 1.6;
} @keyframes fadeInUp {
from { opacity: 0; transform: translateY(10px); }
to   { opacity: 1; transform: translateY(0); }
} @media (max-width: 768px) {
.tabs-nav {
flex-direction: column;
gap: 12px;
}
.tab-btn {
width: 100%;
text-align: center;
}
} .applications-grid {
display: grid;
grid-template-columns: 1fr 1fr; gap: 20px;
}
.application-item {
background: #f5f5f5; padding: 16px 20px;
border-radius: 8px;
display: flex;
align-items: center;
gap: 12px;
transition: background 0.3s ease, transform 0.2s ease;
}
.application-item .icon {
font-size: 1.2rem;
color: var(--main-color); width:30px;
}
.application-item:hover {
background: rgba(0, 128, 0, 0.1); transform: translateY(-2px); }
.fiche-sections {
margin: 4rem 0;
}
.sections-grid { gap: 2rem;
}
.section-block {
background: #f9f9f9;
padding: 2rem;
border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.05);
transition: transform 0.2s ease;
}
.section-block:hover {
transform: translateY(-5px);
}
.section-block h2 {
font-size: 1.4rem;
margin-bottom: 1rem;
color: #2c3e50;
font-family: "Space Grotesk";
}
.section-text {
font-size: 1rem;
line-height: 1.6;
}
.product-thumb img{
height: 200px;
object-fit: cover;
}
.fiche-produit::before{
content:'';
background:url(//biowrap.fr/wp-content/uploads/2026/01/feuille-BW.svg);
position:absolute;
left:-40px;
top:530px;
height:430px;
width:500px;
opacity:0.05;
}
.biowrap-atouts {
margin: 4rem auto; text-align: center;
max-width: 1200px; }
.biowrap-atouts h2 {
font-size: 2rem;
margin-bottom: 2rem;
color: #2c3e50;
}
.atouts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.atout {
background: #fff;
padding: 2rem;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.badge {
font-size: 1rem;
font-weight: bold;
color: #fff;
background: var(--main-color); display: inline-block;
padding: 0.5rem 1rem;
border-radius: 50px;
margin-bottom: 1rem;
}
.atout h3 {
font-size: 1.2rem;
margin-bottom: 0.5rem;
color: #34495e;
font-family: "Verdana";
}
.atout p {
font-size: 0.95rem;
line-height: 1.5;
color: #555;
font-family: "Verdana";
} .nf-form-cont {
font-family: "Verdana", sans-serif;
} .nf-form-cont .nf-field-label label {
font-weight: bold;
color: #2c3e50;
margin-bottom: 0.5rem;
display: block;
}
.label-hidden .nf-field-label{
height: 0;
margin: 0 !important;
visibility: hidden;
width: 100%;
} .nf-form-cont .nf-field-element input.ninja-forms-field,
.nf-form-cont .nf-field-element textarea.ninja-forms-field,
.nf-form-cont .nf-field-element select.ninja-forms-field {
border: 1px solid #ccc;
border-radius: 6px;
padding: 0.8rem;
width: 100%;
margin-bottom: 1rem;
font-size: 1rem;
transition: border-color 0.2s ease;
}
.nf-form-title h2{
font-size: 26px;
font-family: "Space Grotesk";
text-align: left;
font-weight: 600;
margin-bottom:15px;
display: inline-block;
padding-left:10px;
position: relative;
left:50%;
transform: translateX(-50%);
}
.nf-form-cont .nf-field-element input.ninja-forms-field:focus,
.nf-form-cont .nf-field-element textarea.ninja-forms-field:focus,
.nf-form-cont .nf-field-element select.ninja-forms-field:focus {
border-color: var(--main-color);
outline: none;
}
.nf-form-content textarea.ninja-forms-field{
height:100px!important;
}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]){
height: 40px!important;
}
.nf-field-element{
position: relative;
}
.nf-form-hp{
position: absolute!important;
visibility: hidden!important;
}
.nf-error.field-wrap .nf-field-element:after{
background: #e80000;
bottom: 1px;
color: #fff;
content: "\f12a";
font-family: FontAwesome;
font-size: 20px;
height: 38px!important;
line-height: 40px!important;
border-radius: 0 5px 5px 0;
position: absolute;
right: 1px;
text-align: center;
top: 1px;
transition: all .5s;
width: 38px!important;
} .nf-form-cont .nf-field-element input[type="submit"].ninja-forms-field {
background: var(--main-color);
color: #fff;
width: auto;
border: none;
height: 50px !important;
padding: 0.8rem 1.5rem;
border-radius: 5px;
cursor: pointer;
font-weight: bold;
transition: background 0.2s ease;
}
.nf-form-cont .nf-field-element input[type="submit"].ninja-forms-field:hover {
background: var(--main-color-dark);
} .nf-error-msg {
color: #e74c3c;
font-size: 0.9rem;
margin-top: -0.5rem;
margin-bottom: 1rem;
}
.nf-response-msg {
background: transparent;
color: #2c3e50;
padding: 1rem;
border-radius: 6px;
margin-top: 1rem;
}
.nf-before-form-content{
display: none!important;
} .nf-form-cont .inline-half {
width: 49%; display: inline-block; vertical-align: top;
}
.nf-form-cont .inline-half:last-child {
margin-right: 0; }
.nf-form-cont .inline-last {
width: 99%; display: inline-block; vertical-align: top;
margin-right: 2%;
} @media (max-width: 768px) {
.nf-form-cont .inline-half, .nf-form-cont .inline-last {
width: 100%;
margin-right: 0;
display: block;
}
}
#ninja_forms_required_items, .nf-field-container{
margin-bottom:0px!important;
}
.timeline-menu {
position: fixed;
top: 50%;
left: 20px;
transform: translateY(-50%);
z-index: 1000;
border-right:1px solid;
}
@media (max-width:990px){
.timeline-menu {
display: none!important;
}
.df_timeline_date_area{
display: inline-block!important;
width: 100%!important;
text-align: center;
}
.df_timeline_date_content {
width: 100%!important;
}
}
.timeline-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.timeline-menu li {
margin: 5px 0;
}
.timeline-menu a {
text-decoration: none;
color: #474747;
transition: color 0.3s;
font-size:16px;
}
.timeline-menu a.active {
color: #e63946; } .timeline-menu {
left: 20px;
max-width: 215px;  padding-right:20px;
overflow: hidden; } .timeline-menu a {
display: block;
white-space: nowrap; overflow: hidden;
text-overflow: ellipsis; max-width: 100%; text-decoration: none;
color: #333;
transition: color 0.3s;
}
.timeline-menu a.active {
color: #e63946; }
.timeline-menu {
opacity: 0;
transition: opacity 0.3s;
}
.timeline-menu.visible {
opacity: 1;
}
.difl_timeline_0 .difl_timelineitem{
padding-top:150px;
}
@media (max-width: 768px){
.difl_timeline_0 .difl_timelineitem{
padding-top:0px;
}
}
.section-custom-2{
position: relative;
gap: 40px;
align-items: center;
max-width: 1200px;
margin: 50px auto;
padding: 60px 40px;
}
.application-item span{
font-size:16px;
}
footer .nf-form-title h2 {
font-size: 18px;
font-family: "Verdana";
font-weight: bold;
text-align: left;
margin-bottom: 15px;
padding-left: 0;
display: inline-block;
position: relative;
left: 0;
transform: translateX(0%);
}
footer .nf-form-cont .nf-field-element input[type="submit"].ninja-forms-field{
background: var(--main-color);
color: #fff;
width: 200px;
border: none;
height: 40px !important;
padding: 0;
border-radius: 5px;
cursor: pointer;
font-weight: 400;
transition: background 0.2s ease;
}
footer .nf-form-content {
padding:0;
}:root :where(a:where(:not(.wp-element-button))) {
text-decoration: none!important;
}
@font-face {
font-family: 'AeonikRegular';
src: url(//biowrap.fr/wp-content/themes/Divi-child/font/AeonikTRIAL-Regular.otf) format('opentype');
}
@font-face {
font-family: 'AeonikLight';
src: url(//biowrap.fr/wp-content/themes/Divi-child/font/AeonikTRIAL-Light.otf) format('opentype');
}
@font-face {
font-family: 'AeonikBold';
src: url(//biowrap.fr/wp-content/themes/Divi-child/font/AeonikTRIAL-Bold.otf) format('opentype');
}
@font-face {
font-family: 'EurostileRegular';
src: url(//biowrap.fr/wp-content/themes/Divi-child/font/Eurostile.otf) format('opentype');
}
@font-face {
font-family: 'EurostileBold';
src: url(//biowrap.fr/wp-content/themes/Divi-child/font/Eurostile_Bold.otf) format('opentype');
}
@font-face {
font-family: 'EurostileMedium';
src: url(//biowrap.fr/wp-content/themes/Divi-child/font/Eurostile_Medium.otf) format('opentype');
} @font-face {
font-family: "Space Grotesk"; src: url(//biowrap.fr/wp-content/themes/Divi-child/font/SpaceGrotesk-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
} body:not(.et-fb){
font-family: "Verdana";
}
header{
position: relative;
z-index: 1000;
} :root {
--main-color: #039987; --main-color-dark: #027a6a; --ink: #1a1a1a; --muted: #6b6b6b; --surface: #f7faf9; --line: rgba(3,153,135,0.18); --shadow: 0 8px 24px rgba(0,0,0,0.06); --badge-nouveaute: #039987;
--badge-promo: #039987;
--badge-eco: #039987;
}
body:not(.et-fb) p{
font-family: 'Verdana', Helvetica, Arial, Lucida, sans-serif;
}
body:not(.et-fb) li{
font-family: 'Verdana', Helvetica, Arial, Lucida, sans-serif;
font-size: 16px;
}
body #page-container{
overflow: hidden;
} .bandeau-video {
position: relative;
height: 400px;
overflow: hidden;
}
.video-background {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
object-fit: cover;
}
.bandeau-video .overlay {
position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
background: rgba(0,0,0,0.35);
}
.bandeau-video h1 {
color: #fff;
font-size: 76px;
text-align: center;
font-family: "Space Grotesk";
} .archive-produits {
max-width: 1200px;
margin: auto;
padding: 40px 20px;
}
.grid-produits {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 30px;
}
.produit-item {
display: flex;
flex-direction: column;
justify-content: space-between;
border: 1px solid #e5e5e5;
border-radius: 8px;
background: #fff;
transition: transform 0.4s ease, box-shadow 0.4s ease;
padding: 20px; text-align: center; }
.produit-item:hover {
transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(0,0,0,0.12);
}
.image-produit {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
border-radius: 8px 8px 0 0;
}
.image-produit img {
width: 100%;
height: 100%!important;
object-fit: cover;
transition: transform 0.4s ease;
}
.produit-item:hover .image-produit img {
transform: scale(1.05);
} .image-produit::after {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background: var(--main-color);
opacity: 0;
transition: opacity 0.4s ease;
}
.produit-item:hover .image-produit::after {
opacity: 0.35;
} .badge {
padding: 4px 10px;
font-size: 0.85em;
font-weight: normal;
text-transform: none;
border-radius: 4px;
letter-spacing: 0.3px;
color: #fff;
opacity: 0.9;
}
.badge-nouveaute { background: var(--badge-nouveaute); }
.badge-promo { background: var(--badge-promo); }
.badge-eco-responsable { background: var(--badge-eco); }
.badge-default { background: var(--main-color); }
.produit-item h2 {
font-size: 1.2em !important;
margin: 15px 0 10px!important;
color: var(--main-color)!important;
font-family: "Space Grotesk", sans-serif!important;
font-weight: 400!important;
text-align: left;
}
.resume-produit {
flex-grow: 1;
font-size: 0.95em;
text-align: left;
color: #555;
font-family: "Verdana";
margin: 10px 0 20px; }
.no-desc {
font-style: italic;
color: #777;
}
.btn-fiche {
align-self: center;
margin-top: auto;
padding: 5px 20px;
background: var(--main-color);
color: #fff;
text-decoration: none;
border-radius: 6px;
transition: background 0.3s ease;
}
.btn-fiche:hover {
background: var(--main-color-dark);
} .filtre-produits {
margin: 20px 0;
text-align: right;
}
.filtre-produits label {
margin-right: 8px;
color: #333;
}
.filtre-produits select {
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 4px;
} .pagination {
margin-top: 30px;
text-align: center;
}
.pagination a,
.pagination span {
display: inline-block;
margin: 0 5px;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 4px;
color: var(--main-color);
text-decoration: none;
}
.pagination a:hover {
background: var(--main-color);
color: #fff;
} .fiche-produit {
max-width: 1200px;
margin: auto;
padding: 40px 20px;
}
.fiche-produit h1 {
text-align: center;
font-size: 2.5em;
margin-bottom: 30px;
color: var(--main-color);
}
.image-produit {
text-align: center;
margin-bottom: 40px;
}
.image-produit img {
max-width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.fiche-produit section {
margin-bottom: 40px;
} .applications ul {
list-style: none;
padding: 0;
}
.applications li {
background: #f1f1f1;
margin: 5px 0;
padding: 8px 12px;
border-radius: 4px;
} .grid-declinaisons {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
}
.declinaison-item {
background: #fafafa;
border: 1px solid #ddd;
padding: 15px;
text-align: center;
border-radius: 6px;
}
.declinaison-item img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
border-radius: 4px;
}
.declinaison-item h3 {
font-size: 1.2em;
margin-bottom: 8px;
color: var(--main-color);
font-family: "Verdana";
} .liste-atouts {
list-style: none;
padding: 0;
}
.liste-atouts li {
display: flex;
align-items: center;
margin: 10px 0;
font-size: 1.1em;
}
.liste-atouts img {
width: 30px;
height: 30px;
margin-right: 10px;
} .bloc-biowrap {
max-width: 1100px;
margin: 64px auto;
padding: 48px 44px;
background: var(--surface);
border: 1px solid var(--line);
border-radius: 12px;
box-shadow: var(--shadow);
}
.bloc-biowrap .biowrap-content {
max-width: 820px;
margin: 0 auto;
text-align: center;
}
.bloc-biowrap h2 {
margin: 0 0 18px;
font-size: 2rem;
line-height: 1.25;
font-weight: 600;
letter-spacing: 0.2px;
color: var(--ink);
font-family: "Space Grotesk";
}
.bloc-biowrap p {
margin: 10px 0;
font-size: 1.05rem;
line-height: 1.7;
color: var(--muted);
}
.bloc-biowrap p strong {
color: var(--ink);
font-weight: 600;
}
.bloc-biowrap hr {
margin: 28px auto;
width: 88px;
height: 1px;
border: none;
background: linear-gradient(to right, transparent, var(--line), transparent);
}
.cta-group {
margin-top: 26px;
}
.cta-biowrap {
display: inline-block;
padding: 12px 24px;
border: 1px solid var(--main-color);
border-radius: 8px;
background: transparent;
color: var(--main-color);
text-decoration: none;
font-size: 0.98rem;
letter-spacing: 0.2px;
transition: color 220ms ease, background 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}
.cta-biowrap:hover {
background: rgba(3,153,135,0.08);
color: var(--ink);
box-shadow: 0 6px 18px rgba(3,153,135,0.18);
transform: translateY(-1px);
}
.cta-biowrap.is-filled {
background: var(--main-color);
color: #fff;
border-color: var(--main-color);
}
.cta-biowrap.is-filled:hover {
background: var(--main-color-dark);
box-shadow: 0 8px 22px rgba(3,153,135,0.25);
} .bloc-biowrap .emoji,
.bloc-biowrap .icon {
margin-right: 6px;
font-size: 1.05em;
vertical-align: -1px;
color: var(--main-color);
} .biowrap-atouts {
max-width: 1200px;
margin: 0px auto;
padding: 60px 40px;
}
.biowrap-atouts h2 {
font-size: 2.2rem;
color: var(--ink);
margin-bottom: 50px;
font-weight: 600;
letter-spacing: 0.5px;
font-family: "Space Grotesk";
}
.atouts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.atout {
background: #f5f5f5;
border: 1px solid var(--line);
border-radius: 12px;
padding: 30px 24px;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.atout:hover {
transform: translateY(-6px);
box-shadow: 0 12px 24px rgba(0,0,0,0.08);
background: rgba(0, 128, 0, 0.1);
}
.atout .icon {
font-size: 2.2em;
display: block;
margin-bottom: 15px;
color: var(--main-color);
}
.atout h3 {
font-size: 1.4em;
margin-bottom: 12px;
color: var(--ink);
font-weight: 500;
font-family: "Verdana";
}
.atout p {
font-size: 1rem;
color: var(--muted);
line-height: 1.6;
} @media (max-width: 992px) {
.grid-produits { gap: 24px; }
.atouts-grid { grid-template-columns: repeat(2, 1fr); }
.bloc-biowrap { padding: 40px 32px; }
}
@media (max-width: 768px) {
.bandeau-video { height: 240px; }
.bandeau-video h1 { font-size: 2rem; }
.grid-produits { grid-template-columns: 1fr; gap: 22px; }
.image-produit { height: 190px; }
.bloc-biowrap { padding: 36px 24px; border-radius: 10px; }
.bloc-biowrap h2 { font-size: 1.7rem; }
.bloc-biowrap p { font-size: 1rem; }
.cta-biowrap { padding: 11px 20px; }
.biowrap-atouts h2 { font-size: 1.7rem; margin-bottom: 28px; }
.atouts-grid { grid-template-columns: 1fr!important; gap: 20px; }
.atout{padding:10px!important;}
.biowrap-atouts{padding:15px;}
.fiche-header{display: block!important;}
.hero-produit h1{font-size: 2rem!important;}
.applications-grid {grid-template-columns: 1fr!important;}
.fiche-produit::before{
display: none!important;
}
}
.section-custom {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
max-width: 1200px;
margin: 50px auto;
padding: 60px 40px;
}
.section-custom::before{ 
content:"";
background:#e5e5e5;
height: 1px;
width: 70%;
position: absolute;
left:50%;
transform: translateX(-50%);
top: 0;
}
.section-custom .content {
text-align: left;
}
.section-custom h2 {
font-size: 2.2rem;
font-weight: 600;
color: var(--ink);
margin-bottom: 20px;
letter-spacing: 0.5px;
font-family: "Space Grotesk";
}
.section-custom p {
font-size: 1.05rem;
line-height: 1.7;
color: var(--muted);
margin-bottom: 20px;
font-family: "Verdana";
}
.section-custom p strong {
color: var(--ink);
font-weight: 600;
}
.section-custom .cta {
display: inline-block;
padding: 12px 24px;
border: 1px solid var(--main-color);
border-radius: 8px;
background: transparent;
color: var(--main-color);
text-decoration: none;
font-size: 0.98rem;
transition: all 0.3s ease;
}
.section-custom .cta:hover {
background: var(--main-color);
color: #fff;
}
.section-custom .image {
text-align: right;
}
.section-custom .image img {
max-width: 100%;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
} @media (max-width: 992px) {
.section-custom {
grid-template-columns: 1fr;
text-align: center;
}
.section-custom .image {
text-align: center;
margin-top: 30px;
}
} .fiche-header {
display: grid;
grid-template-columns: 50% 50%; gap: 40px;
align-items: start;
max-width: 1200px;
margin: 60px auto;
padding: 0 20px;
} .fiche-slider .swiper {
width: 100%;
max-height: 500px; aspect-ratio: 4 / 3; } .fiche-slider .swiper-wrapper {
align-items: stretch; }
.fiche-slider .swiper-slide {
width: auto; } .fiche-slider .swiper-slide img {
width: 100%;
height: 100%; object-fit: contain; border-radius: 12px;
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
@media (max-width: 992px) {
.fiche-slider .swiper {
max-height: 320px;
aspect-ratio: 4 / 3;
}
} .fiche-slider .swiper {  }
.fiche-slider .swiper-slide img {  } .swiper-button-prev,
.swiper-button-next {
color: #222;
}
.swiper-pagination-bullet {
background: #999;
} @media (max-width: 992px) {
.fiche-header {
grid-template-columns: 1fr;
gap: 24px;
}
}
.fiche-details h1 {
font-size: 2.2rem;
color: var(--main-color);
margin-bottom: 20px;
}
.fiche-details .description,
.fiche-details .caracteristiques {
margin-bottom: 30px;
}
.fiche-details .description strong,
.fiche-details .caracteristiques strong{
color:var(--main-color);
}
.fiche-details p{
font-size: 16px;
line-height: 1.6;
} @media (max-width: 992px) {
.fiche-header {
grid-template-columns: 1fr;
text-align: center;
}
.fiche-details {
margin-top: 30px;
}
}
.hero-produit {
position: relative;
width: 100%;
height: 400px; overflow: hidden;
}
.hero-produit .hero-background img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(70%); }
.hero-produit .hero-overlay {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.hero-produit h1 {
color: #fff;
font-size: 3rem;
font-weight: 600;
text-align: center;
letter-spacing: 1px;
font-family: "Space Grotesk";
}
.slider-produit {
max-width: 1200px;
margin: 40px auto;
}
.swiper-slide img {
width: 100%;
border-radius: 12px;
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
} .swiper-button-prev,
.swiper-button-next {
color: var(--main-color); font-size: 24px; width: 48px; height: 48px;
background: rgba(255,255,255,0.8); border-radius: 50%;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
} .swiper-button-prev::after,
.swiper-button-next::after {
font-size: 20px; font-weight: bold;
} .swiper-button-prev:hover,
.swiper-button-next:hover {
background: var(--main-color);
color: #fff;
} .fiche-produit h2 {
font-size: 26px;
font-weight: 600;
color: var(--ink);
display: inline-block;
position: relative;
margin-bottom: 30px;
padding-left:15px;
padding-bottom:0;
font-family: "Space Grotesk";
} .fiche-produit h2::after {
content: "";
position:absolute;
left:0;
height: 100%;
width: 3px;
background: var(--main-color);
top:50%;
transform:translateY(-50%);
} .fiche-tabs {
max-width: 1200px;
margin: 60px auto;
padding: 30px 20px;
background: #fafafa;
border: 1px solid #ddd;
border-radius: 12px;
box-shadow: 0 6px 18px rgba(0,0,0,0.05);
} .tabs-nav {
display: flex;
gap: 16px;
margin-bottom: 24px;
justify-content: center;
border-bottom: 1px solid #eee;
}
.tab-btn {
font-size: 1.05rem; font-weight: 700;
line-height: 1;
padding: 14px 28px;
border-radius: 8px; background: #ffffff;
color: #0b3d2e; border: 2px solid var(--main-color);
cursor: pointer;
transition: all 0.25s ease;
position: relative;
}
.tab-btn.active {
background: var(--main-color);
color: #fff;
border-color: var(--main-color);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.tab-btn:hover {
background: #eaeaea; color: #0b3d2e;
transform: translateY(-1px);
}
.tab-btn:focus-visible {
outline: 3px solid #9fd6b3;
outline-offset: 2px;
} .tab-content {
display: none;
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 14px rgba(0,0,0,0.06);
padding: 24px;
animation: fadeInUp 0.35s ease;
}
.tab-content.active {
display: block;
} .tab-section-title {
font-size: 1.2rem; font-weight: 700;
color: var(--main-color);
margin-bottom: 14px;
text-transform: uppercase;
letter-spacing: 0.4px;
}
.tab-section-text {
font-size: 1rem;
color: var(--ink);
line-height: 1.6;
} @keyframes fadeInUp {
from { opacity: 0; transform: translateY(10px); }
to   { opacity: 1; transform: translateY(0); }
} @media (max-width: 768px) {
.tabs-nav {
flex-direction: column;
gap: 12px;
}
.tab-btn {
width: 100%;
text-align: center;
}
} .applications-grid {
display: grid;
grid-template-columns: 1fr 1fr; gap: 20px;
}
.application-item {
background: #f5f5f5; padding: 16px 20px;
border-radius: 8px;
display: flex;
align-items: center;
gap: 12px;
transition: background 0.3s ease, transform 0.2s ease;
}
.application-item .icon {
font-size: 1.2rem;
color: var(--main-color); width:30px;
}
.application-item:hover {
background: rgba(0, 128, 0, 0.1); transform: translateY(-2px); }
.fiche-sections {
margin: 4rem 0;
}
.sections-grid { gap: 2rem;
}
.section-block {
background: #f9f9f9;
padding: 2rem;
border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.05);
transition: transform 0.2s ease;
}
.section-block:hover {
transform: translateY(-5px);
}
.section-block h2 {
font-size: 1.4rem;
margin-bottom: 1rem;
color: #2c3e50;
font-family: "Space Grotesk";
}
.section-text {
font-size: 1rem;
line-height: 1.6;
}
.product-thumb img{
height: 200px;
object-fit: cover;
}
.fiche-produit::before{
content:'';
background:url(//biowrap.fr/wp-content/uploads/2026/01/feuille-BW.svg);
position:absolute;
left:-40px;
top:530px;
height:430px;
width:500px;
opacity:0.05;
}
.biowrap-atouts {
margin: 4rem auto; text-align: center;
max-width: 1200px; }
.biowrap-atouts h2 {
font-size: 2rem;
margin-bottom: 2rem;
color: #2c3e50;
}
.atouts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.atout {
background: #fff;
padding: 2rem;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.badge {
font-size: 1rem;
font-weight: bold;
color: #fff;
background: var(--main-color); display: inline-block;
padding: 0.5rem 1rem;
border-radius: 50px;
margin-bottom: 1rem;
}
.atout h3 {
font-size: 1.2rem;
margin-bottom: 0.5rem;
color: #34495e;
font-family: "Verdana";
}
.atout p {
font-size: 0.95rem;
line-height: 1.5;
color: #555;
font-family: "Verdana";
} .nf-form-cont {
font-family: "Verdana", sans-serif;
} .nf-form-cont .nf-field-label label {
font-weight: bold;
color: #2c3e50;
margin-bottom: 0.5rem;
display: block;
}
.label-hidden .nf-field-label{
height: 0;
margin: 0 !important;
visibility: hidden;
width: 100%;
} .nf-form-cont .nf-field-element input.ninja-forms-field,
.nf-form-cont .nf-field-element textarea.ninja-forms-field,
.nf-form-cont .nf-field-element select.ninja-forms-field {
border: 1px solid #ccc;
border-radius: 6px;
padding: 0.8rem;
width: 100%;
margin-bottom: 1rem;
font-size: 1rem;
transition: border-color 0.2s ease;
}
.nf-form-title h2{
font-size: 26px;
font-family: "Space Grotesk";
text-align: left;
font-weight: 600;
margin-bottom:15px;
display: inline-block;
padding-left:10px;
position: relative;
left:50%;
transform: translateX(-50%);
}
.nf-form-cont .nf-field-element input.ninja-forms-field:focus,
.nf-form-cont .nf-field-element textarea.ninja-forms-field:focus,
.nf-form-cont .nf-field-element select.ninja-forms-field:focus {
border-color: var(--main-color);
outline: none;
}
.nf-form-content textarea.ninja-forms-field{
height:100px!important;
}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]){
height: 40px!important;
}
.nf-field-element{
position: relative;
}
.nf-form-hp{
position: absolute!important;
visibility: hidden!important;
}
.nf-error.field-wrap .nf-field-element:after{
background: #e80000;
bottom: 1px;
color: #fff;
content: "\f12a";
font-family: FontAwesome;
font-size: 20px;
height: 38px!important;
line-height: 40px!important;
border-radius: 0 5px 5px 0;
position: absolute;
right: 1px;
text-align: center;
top: 1px;
transition: all .5s;
width: 38px!important;
} .nf-form-cont .nf-field-element input[type="submit"].ninja-forms-field {
background: var(--main-color);
color: #fff;
width: auto;
border: none;
height: 50px !important;
padding: 0.8rem 1.5rem;
border-radius: 5px;
cursor: pointer;
font-weight: bold;
transition: background 0.2s ease;
}
.nf-form-cont .nf-field-element input[type="submit"].ninja-forms-field:hover {
background: var(--main-color-dark);
} .nf-error-msg {
color: #e74c3c;
font-size: 0.9rem;
margin-top: -0.5rem;
margin-bottom: 1rem;
}
.nf-response-msg {
background: transparent;
color: #2c3e50;
padding: 1rem;
border-radius: 6px;
margin-top: 1rem;
}
.nf-before-form-content{
display: none!important;
} .nf-form-cont .inline-half {
width: 49%; display: inline-block; vertical-align: top;
}
.nf-form-cont .inline-half:last-child {
margin-right: 0; }
.nf-form-cont .inline-last {
width: 99%; display: inline-block; vertical-align: top;
margin-right: 2%;
} @media (max-width: 768px) {
.nf-form-cont .inline-half, .nf-form-cont .inline-last {
width: 100%;
margin-right: 0;
display: block;
}
}
#ninja_forms_required_items, .nf-field-container{
margin-bottom:0px!important;
}
.timeline-menu {
position: fixed;
top: 50%;
left: 20px;
transform: translateY(-50%);
z-index: 1000;
border-right:1px solid;
}
@media (max-width:990px){
.timeline-menu {
display: none!important;
}
.df_timeline_date_area{
display: inline-block!important;
width: 100%!important;
text-align: center;
}
.df_timeline_date_content {
width: 100%!important;
}
}
.timeline-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.timeline-menu li {
margin: 5px 0;
}
.timeline-menu a {
text-decoration: none;
color: #474747;
transition: color 0.3s;
font-size:16px;
}
.timeline-menu a.active {
color: #e63946; } .timeline-menu {
left: 20px;
max-width: 215px;  padding-right:20px;
overflow: hidden; } .timeline-menu a {
display: block;
white-space: nowrap; overflow: hidden;
text-overflow: ellipsis; max-width: 100%; text-decoration: none;
color: #333;
transition: color 0.3s;
}
.timeline-menu a.active {
color: #e63946; }
.timeline-menu {
opacity: 0;
transition: opacity 0.3s;
}
.timeline-menu.visible {
opacity: 1;
}
.difl_timeline_0 .difl_timelineitem{
padding-top:150px;
}
@media (max-width: 768px){
.difl_timeline_0 .difl_timelineitem{
padding-top:0px;
}
}
.section-custom-2{
position: relative;
gap: 40px;
align-items: center;
max-width: 1200px;
margin: 50px auto;
padding: 60px 40px;
}
.application-item span{
font-size:16px;
}
footer .nf-form-title h2 {
font-size: 18px;
font-family: "Verdana";
font-weight: bold;
text-align: left;
margin-bottom: 15px;
padding-left: 0;
display: inline-block;
position: relative;
left: 0;
transform: translateX(0%);
}
footer .nf-form-cont .nf-field-element input[type="submit"].ninja-forms-field{
background: var(--main-color);
color: #fff;
width: 200px;
border: none;
height: 40px !important;
padding: 0;
border-radius: 5px;
cursor: pointer;
font-weight: 400;
transition: background 0.2s ease;
}
footer .nf-form-content {
padding:0;
}