@font-face{font-family:ETmodules;font-display:swap;src:url(//discomp.fr/wp-content/themes/Divi/core/admin/fonts/modules/social/modules.eot);src:url(//discomp.fr/wp-content/themes/Divi/core/admin/fonts/modules/social/modules.eot?#iefix) format("embedded-opentype"),url(//discomp.fr/wp-content/themes/Divi/core/admin/fonts/modules/social/modules.woff) format("woff"),url(//discomp.fr/wp-content/themes/Divi/core/admin/fonts/modules/social/modules.ttf) format("truetype"),url(//discomp.fr/wp-content/themes/Divi/core/admin/fonts/modules/social/modules.svg#ETmodules) format("svg");font-weight:400;font-style:normal}@media only screen and (min-width: 200px) and (max-width: 670px) {
div.logo-box > img {
display: block;
width: 50% !important;
height: auto;
text-align: center !important;
margin: auto !important;
}
}
body {
font-family: 'Poppins', sans-serif;
}
body h1 {
font-size: 48px;
font-weight: 600;
line-height: 54px;
}
body h2 {
font-size: 28px;
line-height: 32px;
}
body h3 {
font-size: 18px;
font-weight: 600 !important;
}
body p {
font-size: 16px;
}
body p.small {
font-size: 14px;
} #top-menu li {
font-weight: 500;
font-size: 15px;
}
.et_mobile_menu li a, .nav li li a {
font-size: 15px;
} .hero h1 {
font-size: 48px ;
font-weight: 600 ;
} .hero {
position: relative;
overflow: hidden;
}
.hero::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
rgba(0, 82, 200, 0.65) 0%,
rgba(0, 70, 190, 0.78) 55%,
rgba(20, 35, 105, 0.95) 100%
);
z-index: 1;
pointer-events: none;
}
.hero .et_pb_row {
position: relative;
z-index: 2;
} .hero-benefits {
display: flex;
justify-content: center;
align-items: center;
gap: 70px;
list-style: none !important;
margin: 0 auto;
padding: 0 !important;
max-width: 1100px;
}
.hero-benefits li {
position: relative;
list-style: none !important;
padding-left: 22px;
color: #fff;
white-space: nowrap;
}
.hero-benefits li::marker {
content: "";
}
.hero-benefits li::before {
content: "✓";
position: absolute;
left: 0;
color: #fff;
} .sticky-call-button {
position: fixed;
right: 0;
top: 190px;
z-index: 9999;
display: flex;
align-items: center;
width: 60px;
height: 60px;
padding: 0 18px;
background: #1A1F7A;
border-radius: 40px 0 0 40px;
overflow: hidden;
color: #fff;
text-decoration: none;
white-space: nowrap;
transition: width 0.4s ease;
}
.sticky-call-button:hover {
width: 240px;
color: #fff;
}
.sticky-call-icon {
width: 26px;
height: 26px;
object-fit: contain;
flex-shrink: 0;
}
.sticky-call-number {
margin-left: 10px;
font-size: 16px;
font-weight: 600;
opacity: 0;
transform: translateX(10px);
transition:
opacity 0.25s ease 0.1s,
transform 0.3s ease 0.1s;
}
.sticky-call-button:hover .sticky-call-number {
opacity: 1;
transform: translateX(0);
} .service-card {
display: flex;
align-items: flex-start;
gap: 20px;
min-height: 120px;
box-sizing: border-box;
} .service-card > p:first-child {
width: 36px;
min-width: 36px;
flex: 0 0 36px;
margin: 0;
padding: 0;
line-height: 0;
} .service-card > p:first-child img {
display: block;
width: 36px;
height: 36px;
max-width: none;
margin: 0;
padding: 0;
object-fit: contain;
}
.service-content {
flex: 1;
}
.service-content h3 {
margin: 0 0 10px;
padding-bottom: 0;
} .product-cards .et_pb_image {
overflow: hidden;
border-radius: 25px;
} .product-cards .et_pb_image img {
transition: transform 0.5s ease;
} .product-cards .et_pb_column:hover .et_pb_image img {
transform: scale(1.06);
} .logo-marquee {
overflow: hidden;
width: 100%;
padding: 10px 0;
background: #fff;
}
.logo-track {
display: flex;
align-items: center;
gap: 80px;
width: max-content;
animation: logo-scroll 85s linear infinite;
}
.logo-track img {
max-height: 40px;
width: auto;
object-fit: contain;
flex-shrink: 0;
}
@keyframes logo-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
} .footer p {
font-size: 14px;
}
.footer-links {
list-style: none !important;
padding: 0 !important;
margin: 0;
}
.footer-links li {
list-style: none !important;
padding: 0;
margin: 0;
}
.footer-links li::marker {
content: "";
}
.footer-links a {
color: #fff;
text-decoration: none;
}
.footer-links a:hover {
opacity: 0.7;
} .contact-infos a {
color: #3152ff;
text-decoration: none;
}
.contact-infos a:hover {
text-decoration: underline;
} .pcb-table-wrapper {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.pcb-table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
} .pcb-table th,
.pcb-table td {
padding: 14px 16px;
border: 1px solid #e2e2e2;
vertical-align: middle;
} .pcb-table thead th {
font-weight: 700;
text-align: center;
background: #eef1ff;
} .pcb-table tbody th {
font-weight: 600;
text-align: left;
background: transparent;
} .pcb-table td {
text-align: center;
} .pcb-table tbody tr:nth-child(even) {
background: #f5f5f5;
} .pcb-table tbody tr {
transition: background-color 0.2s ease;
}
.pcb-table tbody tr:hover {
background: #eef1ff;
} @media (max-width: 980px) {
.pcb-table {
min-width: 750px;
font-size: 14px;
}
.pcb-table th,
.pcb-table td {
padding: 10px 12px;
}
} @media (min-width: 981px) {
}
@media (max-width: 980px) {
#main-header .container.et_menu_container {
width: 100%;
padding: 0 15px;
}
.hero-benefits {
flex-wrap: wrap;
justify-content: center;
gap: 15px 40px;
}
.service-card {
min-height: 250px;
}
.benefices-head {
text-align: center;
margin: auto;
}
.hero-benefits, .hero-benefits li {
text-align: center;
}
}
@media (max-width: 767px) {
.hero-benefits {
align-items: flex-start;
flex-direction: column;
gap: 10px;
}
.service-card {
min-height: 100px;
}
}
@media (max-width: 520px) {
.hero h1, h1{
font-size: 38px;
line-height: 1.1em;
}
body h2 {
font-size: 26px;
}
.sticky-call-button {
top: 100px;
}
}