html{
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}
body{
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
    position: relatives;
} 
.button-whatsapp{
    position: fixed;
    z-index: 100;
    bottom: 90px;
    right: 25px;
    border-radius: 50px;
    padding: 5px 2px 9px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    background-color: #25D366;
}

.button-whatsapp svg{
  width: 40px;
  height: 40px;
  fill: #fff; /* Icon color */
}
.button-mail svg{
  width: 30px;
  height: 30px;
  fill: #fff; /* Icon color */
}
.button-phone svg{
  width: 32px;
  height: 32px;
  fill: #fff; /* Icon color */
}
.button-phone{
    position: fixed;
    z-index: 100;
    bottom: 230px;
    right: 25px;
    background-color: #03E78B;
    border-radius: 50px;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
}
.button-mail{
    position: fixed;
    z-index: 100;
    bottom: 160px;
    right: 25px;
    background-color: red; 
    border-radius: 50px;
    padding: 7px 6px 7px 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
}
.tooltip {
    position: absolute;
    left: -270%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 15px;
    opacity: 1;
    transition: opacity 0.3s;
}
.tooltip::after {
  content: ""; 
    position: absolute;
    top: 50%;
    left: 100%; /* Position the arrow at the right edge of the tooltip */
    transform: translateY(-50%);
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
}
.button-chat{
    position: fixed;
    z-index: 100;
    bottom: 20px;
    right: 25px;
    background-color: #f09425;
    padding: 1% 1% 0.5% 1%;
    border-radius: 50px;
}
.button-chat:hover{ 
    background-color: #1f1f1f; 
}
.button-chat svg{
    width: 25px;
} 
.mb-header{
    display: none;
}
.ds-header{
    position: fixed;
    top: 0;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border-bottom: 1px solid #ffffff;
    z-index: 3;
}
.header-container{ 
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
}
.header-row{ 
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between; 
    width: 86%;
    max-width: 86%;
    margin: 0;
    padding: 8px 7%;
}
.col-logo-header{
    padding: 0;
    margin: 0;
    width: 16%;
}
.col-logo-header a{
    width: 100%;
    text-decoration: none;
}
.col-logo-header a img{
    padding: 0;
    margin: 0;
    width: 100%;
}
.col-items-header{
    padding: 0;
    margin: 0;
    width: 70%;
}
.menu-items{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center; 
    list-style: none;
}
.item-menu{
    font-family: "Poppins", sans-serif;
}
.item-menu a{
    text-decoration: none;
    font-size: 0.813rem;
    font-weight: 600;
    letter-spacing: .5px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent !important;
    color: #ffffff;
    line-height: 25px;
    cursor: pointer;
    position: relative;
    display: block;
    padding: 5px 15px;
}   
.item-menu a:hover {
    color: #f09425;
}
.item-menu a:hover svg path{
    fill: #f09425;
}
.active a {
    color: #f09425 !important;  
}
.item-menu-facebook a svg{
    color: #282828; 
    width: 0.85em;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: center;
}
.item-menu-linkdin a svg{
    width: 1.25em;
    color: #282828; 
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: center;
}
.scrolled{
    background-color: rgb(255, 255, 255); 
    z-index: 10;
}
.scrolled .item-menu a{ 
    color: #282828;
}
.scrolled .item-menu a svg path {
    fill: #282828; 
}
/* section hero design */
.section-hero{
    background-image: url(../images/What_is_a_3D_Scanner_4500x.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;  
    width: 100%;  
    height: 100vh;  
    display: flex;  
    align-items: flex-end;  
    justify-content: center;
} 
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    z-index: 1;
    transition: .5s ease;
    background-color: #000000;
}
.hero-contune{
    position: relative;
    z-index: 2; 
    width: 80%;
    padding: 0% 10%;
} 
.hero-title{
    font-size: 3.375rem;
    line-height: 70px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center; 
}
.h1-p2 , .h1-p1 {
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}
.h1-p1 { 
  animation: showup 7s infinite;
} 
.h1-p2 {
  width:0px;
  animation: reveal 7s infinite;
} 
.h1-p2 span {
  margin-left:-660px;
  animation: slidein 7s infinite;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-800px; }
    20% { margin-left:-800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:660px;}
    80% {opacity:1;}
    100% {opacity:0;width:660px;}
} 

.hero-p{
    font-size: 1.05rem;
    line-height: 1.975rem;
    color: #ffffff;
    font-weight: 300;
    text-align: center;
    width: 60%; 
    margin: 0% 20%;
    font-family: "Poppins", sans-serif;
}
.hero-foot-row{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 3% auto;  
}
.hero-btn{
    background-color: #f09425;
    color: #ffffff;
    font-size: 0.95rem;
    line-height: 1.975rem;
    width: fit-content;
    padding: 10px 2%;
    text-decoration: none;
    border-radius: 6px;
    margin: 1%  
}
.hero-btn-cont{ 
    color: #ffffff;
    font-size: 0.95rem;
    line-height: 1.975rem;
    width: fit-content; 
    text-decoration: none;
    border-radius: 6px; 
    margin: 1%;  
    opacity: 0.8;
}
.hero-btn-cont:hover{  
    opacity: 1;
}
.hero-btn:hover {
    background-color:#000;
} 
.hero-next-btn {
    margin: 6% auto 3% auto;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 20px 15px;
    width: 10px;
} 
.hero-next-btn:hover {
    border: 1px solid #f09425;
}
.hero-next-btn:hover svg path {
    fill: #f09425;
}

@keyframes fadeDown {
    0% {
        opacity: 0; 
        transform: translateY(-20px); 
    }
    50% {
        opacity: 1; 
        transform: translateY(0); 
    }
    100% {
        opacity: 0; 
        transform: translateY(20px); 
    }
}
.hero-next-btn svg{
    width: 10px;
    animation: fadeDown 3s infinite;
}
.hero-title-mb{
    display: none;
}
/* section hero design end */

/* section about design */
.section-about{
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.about-container{
    padding: 8% 12%;
    width: 76%;
    max-width: 1920px;
    margin: 0;
}
.about-head{
    display: block;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
}
.about-title{
    position: relative;
    clear: both;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 2.375rem;
    line-height: 38px;
    font-weight: 700;
    text-transform: none;
    text-align: center;
}
.about-title::before{ 
    position: absolute;
    font-size: 2rem;
    opacity: .06;
    top: -0.17em;
    left: 0;
    right: 0;
    margin: auto;
    text-transform: uppercase;
}
.sec-bef-lit:before {
    content: "À"; 
}
.about-hr{
    width: 3%;
    margin: 1% auto;
    opacity: 1;
}
.about-head:hover .about-hr{
    width: 5%;
}
.about-sous-title{
    font-size: 1rem;
    color: #999; 
    width: 60%;
    display: block;
    margin: 2.5% auto 5% auto;
}
.about-row{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.about-row-col{
    padding: 0;
    margin: 0;
    width: 50%;
}
.about-s-title{
    font-size: 1rem;
    line-height: 1.85em;
    color: #272727;
}
.about-p{
    font-size: 0.875rem;
    line-height: 1.75em;
    color: #666;
    text-align: justify;
    padding: 0%;
    margin: 0%;
}
.about-col1{
    padding: 0% 5% 0% 0%;
}
.about-col2{
    padding: 0% 0% 0% 5%;
}
.head-hide-text{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.bar-about-container{
    width: 56%;
    background-color: #ebe9e9;
    text-align: center;
    color: white;
}
.bar-about1{
    width: 95%; 
    height: 6px; 
    background-color: #f09425;
}
.bar-about2{
    width: 90%; 
    height: 6px; 
    background-color: #f09425;
}
.about-more-btn{ 
    font-size: 1.095rem;
    background: none;
    border: none;
    font-weight: 700;
} 
/* section about design end */
/* section services design */
.section-service{
    background-color: #fafafa;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
} 
.sec-srv-bef-lit:before {
    content: "N"; 
}
.service-container{
    padding: 8% 0% 0% 0%;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.service-row {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;  
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.service-row-col {
    flex: 1 1 calc(100% / 3); 
    margin: 0;
    padding: 0; 
    position: relative;
}
.col-txt-serv {
    background-color: #f09425;
    padding: 1% 4%;
    display: flex;
    flex-direction: column;  
    justify-content: center;  
    text-align: center;
    min-height: 400px;  
    height: 100%;  
    width: 100%;  
    box-sizing: border-box;  
}
.service-img {
    width: 100%;   
    height: 100%;  
    background-size: cover;  
    background-position: center;  
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
} 
.service-title {
    font-size: 1.25rem;
    line-height: 1.85em;
    color: #ffffff;
}
.service-p {
    font-size: 0.875rem;
    line-height: 1.75em;
    color: #ffffff;
    text-align: justify;
    margin: 0;
    padding: 0;
}
.bck-ser-1 {
    background-image: url(../images/techno1.webp);
}
.bck-ser-2 {
    background-image: url(../images/techno2.webp);
}
.bck-ser-3 {
    background-image: url(../images/techno3.webp);
}
.bck-ser-4 {
    background-image: url(../images/techno4.webp);
} 
.col-txt-serv:hover {
    background-color: #999;
} 
.col-txt-serv:hover .service-title {
    font-size: 1.5rem; 
}  
/* section services design end */
/* section solutions design */
.sec-sol-bef-lit:before {
    content: "S"; 
} 
.hr-sol{
    width: 40% !important; 
}
.about-head:hover .hr-sol{
    width: 48% !important; 
}
.s-title-sol {
    font-size: 1.25rem;
    color: #f09425;
    display: block;
    text-align: center;
    margin: 4% auto 2% auto;
}
.sol-row{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start; 
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.sol-row-col{
    flex: 1 1 calc(100% / 3);
    margin: 0;
    padding: 1%;
    box-sizing: border-box;
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
}
.sol-col-ico{
    padding: 0%;
    margin: 5% 2% 5% 6%;
}
.sol-col-ico svg{
    width: 26px;
    margin: 60% 0%;
}
.sol-col-txt{
    padding: 5% 0% 5% 1%;
}
.sol-col-txt:hover .sol-col-txt-title{ 
    color: #f09425;
}
.sol-col-txt-title{
    margin: 5% 0;
    padding: 0;
    font-size: 1rem;
    color: #282828;
    font-weight: 600;
}
.sol-col-txt-p{
    font-size: 0.875rem;
    line-height: 1.75em;
    color: #666;
    text-align: justify;
    padding: 0%;
    margin: 0%;
}
.ico-fiab svg{
    width: 35px !important;
    margin: 40% 0;
}
.ico-per svg{
    width: 22px !important;
}
.st-m{
    margin: 2% auto 3% auto !important;
}
/* section solutions design end */
/* section devis design */
.parallax { 
    background-image: url("../images/back.webp"); 
    min-height: 300px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
.devis-title{ 
    margin-bottom: 20px;
    font-size: 2.375rem;
    line-height: 2.375rem;
    font-weight: 700; 
    color: #fff;
    text-align: center;
}
.devis-con{
    position: relative;
    z-index: 6;
    padding: 6% 8%;
    width: 84%;
}
.sol-sous-title{
    color: #fff;
    text-align: center;
    margin: 2.5% auto 3% auto;
}
.hr-dev{
    width: 6% !important;
    border: 1px solid #fff;
}
.devis-btn{
    font-size: 1.25rem;
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
}
.devis-btn2{
    background-color: #f09425;
    display: flex;
    padding: 1.5%;
    border-radius: 50px;
    width: fit-content;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 1% auto;
}
@keyframes zoomInOut {
    0%, 100% {
        transform: scale(1);  
    }
    50% {
        transform: scale(1.25);  
    }
}
.devis-btn2 svg{
    width: 25px; 
    animation: zoomInOut 1s infinite;  
    transition: transform 0.3s ease-in-out;
}
/* section devis design end */
/* section partenaires design */
.sec-part-lit:before {
    content: "P"; 
} 
.hr-part{
    width: 8% !important; 
}
.about-head:hover .hr-part{
    width: 12% !important; 
}
.part-logo-row{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0 5%;
}
.part-logo-col{
    margin: 2% 8%;
}
.part-logo{
    width: 100%;
    margin: 0;
    padding: 0;
}
/* section partenaires design end */
/* section contact design */
.section-contact {
    background-color: #fafafa;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
}
.sec-con-bef-lit:before {
    content: "C"; 
} 
.contact-row{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0% 10% 4% 10%;
}
.contact-row-col{
    width: 50%;
    padding: 0;
    margin: 0;
}
.col-txt-contact{
    padding: 0% 2%;
    box-sizing: border-box;
}
.col-txt-contact:hover .item-contact-title{
    color: #f09425;
}
.contact-title{
    color: #282828;
    font-weight: 600;
    font-size: 1.75rem;
}
.contact-item-row{
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 5% 0;
}
.con-item-b{
    border-bottom: 1px solid #e7e7e7; 
} 
.svgPhone svg{
    width: 43px !important;
}
.svgMail svg{
    width: 42px !important;
}
.icon-item-contact svg{
    width: 45px;
}
.txt-item-contact{
    padding: 0% 4%;
    margin: 0;
} 
.item-contact-title{
    color: #282828;
    font-weight: 600;
    font-size: 1.125rem;
    margin: 0;
}
.item-contact-p{
    font-size: 0.875rem;
    line-height: 1.75em;
    color: #666;
    margin: 0;
} 
.col-form-contact input, .col-form-contact textarea {
    line-height: 1;
    padding: 16px 18px;
    color: #a6a6a6;
    border-radius: 3px;
    border: 2px solid #eee;
    background-color: #fff;
    box-shadow: none !important;
    -webkit-transition: border-color 0.15s ease-in;
    -moz-transition: border-color 0.15s ease-in;
    transition: border-color 0.15s ease-in;
    width: 84%;
    margin: 2% 8%;
    font-size: 0.875rem;
}
.col-form-contact .form-button{
    line-height: 1;
    padding: 16px 24px;
    color: #fff;
    border-radius: 3px;
    border: none;
    background-color: #f09425;
    box-shadow: none !important;
    -webkit-transition: border-color 0.15s ease-in;
    -moz-transition: border-color 0.15s ease-in;
    transition: border-color 0.15s ease-in;
    width: fit-content;
    margin: 2% 8%;
    font-size: 0.875rem;
    font-weight: 700;
    position: relative;
    display: inline-flex;
    align-items: center;
}  
.col-form-contact .form-button svg{
    width: 18px;
    padding: 0px 9px 0px 0px;
}  
.contact-map{
    margin: 0;
    padding: 0;  
    width: 100%;
}
.contact-map iframe{
    margin: 0;
    padding: 0;  
    width: 100%;
    height: 400px;
}
/* section contact design end */
/* footer design */
footer{
    background: #222; 
}
.footer-body{ 
    position: relative;
    padding: 2% 0%;
    margin: -3% 0% 0% 0%
}
.logo-menu-des{
    width: 20%;
}
.overlay-footer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    z-index: 1;
    transition: .5s ease;
    background-image: url("../images/dotted-map.webp"); 
    background-repeat: repeat;
    background-size: contain;
}
.to-top{
    padding: 1.5% 1.6%;
    background-color: #f09425;
    border: none;
    border-radius: 50px;
    display: block;
    margin: -2.5% auto 2% auto;
    position: relative;
    z-index: 5;
    opacity: 0.8;
    cursor: pointer;
}
.to-top:hover{
    opacity: 1;
}
.to-top svg{
    width: 18px;
}
.footer-logo a img{
    display: block;
    margin: 3% auto 0 auto;
    padding: 0;
}
.footer-row{
    padding: 3% 14% 4% 14%;
    width: 72%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start; 
    position: relative;
    z-index: 8;
}
.footer-col{
    flex: 1 1 calc(100% / 3);
    margin: 0;
    padding: 1%;
    box-sizing: border-box;
    display: grid;
    justify-content: center;
    align-items: start;
}
.footer-col-title{
    font-size: 1.25rem;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}
.footer-p{
    color: #b0b0b0;
    font-size: 0.875rem;
    margin: 0 0 10px;
    line-height: 1.75em;
}
.footer-list1{
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-list1 li{
    color: #b0b0b0;
    font-size: 0.875rem;
    margin: 0 0 10px;
    line-height: 2.75em;
}
.footer-list2{
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-list2 li a{
    color: #b0b0b0;
    font-size: 0.875rem;
    margin: 0 0 5px;
    line-height: 2.35em;
    text-decoration: none;
    cursor: pointer;
}
.footer-list2 li a:hover{
    color: #f09425; 
}
.footer-bar{
    background-color: #000;
    padding: 1% 14%;
    width: 72%;
    margin: 0;
}
.footer-bar-row{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
} 
.footer-right-txt{
    color: #b0b0b0;;
    clear: both;
    margin: 0;
    line-height: 16px;
    letter-spacing: .5px;
    text-align: right;
}
.footer-right-txt b{
    color: #fff;;
    font-weight: 600;
}
.footer-rs-ligne{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.footer-rs-ligne a{
    margin: 0% 40%;
    padding: 0;
}
.footer-rs-ligne a svg{
    width: 14px;
}
.footer-rs-ligne .ico-fs svg{
    width: 10px;
}
.footer-rs-ligne a:hover svg path{
    fill: #f09425;
}
/* footer design end */
@media (min-width: 834px) and (max-width: 1500px) {
    .hero-title{
        font-size: 2.075rem;
        line-height: 50px; 
    }
    .hero-contune {
        position: relative;
        z-index: 2;
        width: 98%;
        padding: 4% 1% 0% 1%;
    }
    .h1-p1 { 
        animation: showup 7s infinite;
    } 
      .h1-p2 {
        width:0px;
        animation: reveal 7s infinite;
      } 
      .h1-p2 span {
        margin-left:-420px;
        animation: slidein 7s infinite;
      }
      
      @keyframes showup {
          0% {opacity:0;}
          20% {opacity:1;}
          80% {opacity:1;}
          100% {opacity:0;}
      }
      
      @keyframes slidein {
          0% { margin-left:-600px; }
          20% { margin-left:-600px; }
          35% { margin-left:0px; }
          100% { margin-left:0px; }
      }
      
    @keyframes reveal {
          0% {opacity:0;width:0px;}
          20% {opacity:1;width:0px;}
          30% {width:420px;}
          80% {opacity:1;}
          100% {opacity:0;width:420px;}
    } 
    .col-items-header {
        padding: 0;
        margin: 0;
        width: 84%;
    }
    .section-hero { 
        padding-top: 4%;
    }
    .col-txt-serv:hover .service-title {
        font-size: 1.025rem;
    }  
    .service-p {
        font-size: 0.75rem; 
    }
    .sol-col-txt-p { 
        text-align: left; 
    }
    .contact-title { 
        font-size: 1.675rem;
    }
    .hero-next-btn {
        margin: 2% auto 4% auto; 
    }   
    .icon-item-contact svg {
        width: 38px;
    }
    .svgPhone svg {
        width: 32px !important;
    }
    .svgMail svg {
        width: 34px !important;
    }   
    .footer-p { 
        font-size: 0.75rem; 
    }
    .footer-right-txt { 
        font-size: 0.78rem;
    } 
}

.swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide { 
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 45%;
    margin: 0 auto;
    opacity: 1;
    height: auto;
}

/* section catalogue */

.section-hero-catalogue{
    background-image: url("https://technologie-3d.com/wp-content/uploads/2025/03/catalogue-des-bras-de-mesures-3D.webp") !important; 
} 
.catalogue-container {
    padding: 2% 9% 4% 9%;
    width: 82%;
    max-width: 1920px;
    margin: 0;
}
.produit-tab{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.produit-tab-right .col-img{ 
    justify-content: flex-end;
}
.produit-tab .col-img{
    width:45%;
    display: flex; 
}
.produit-tab .col-info{
    width:55%;
}
.col-info .s-title-sol{
    font-size: 1.95rem !important;
    margin: 0% auto 2% auto;
    text-align:left !important;  
}
.donne-tab{
    display: flex;
    align-content: center;
    align-items: center; 
}
.donne-tab .info-ligne{
    width: 33.3333%; 
}
.donne-tab .info-ligne h4 {
    margin: 0 4% 0 0; 
}
.info-ligne {
    display: flex;
    align-content: center;
    align-items: center;
    margin: 2% 0;
    flex-wrap: wrap;
}
.info-ligne h4{
    margin: 0 2% 0 0;
    padding: 0;
}
.info-ligne P{
    margin:  0;
    padding: 0;
}
.mesure-table-col1{
    display: flex;
    align-content: center;
    align-items: center; 
}
.mesure-table-col1 .info-ligne{
    width: 33.3333%; 
}
.mesure-table-col1 .info-ligne h4 {
    margin: 0 4% 0 0; 
} 
.mesure-table-col2{
    display: flex;
    align-content: center;
    align-items: center; 
}
.mesure-table-col2 .info-ligne{
    width: 50%;
    display: block;
}
.mesure-table-col2 .info-ligne h4 {
    margin: 0 4% 0 0; 
} 
.mesure-table-col3{
    display: flex;
    align-content: center;
    align-items: center; 
}
.mesure-table-col3 .info-ligne-1{
    width: 45%; 
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}
.mesure-table-col3 .info-ligne-2{
    width: 55%; 
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}
.mesure-table-col3 .info-ligne-1 h4 , .mesure-table-col3 .info-ligne-2 h4 {
    margin: 0 4% 0 0; 
} 
.data-table-3 .info-ligne{
    align-content: flex-start !important;
    align-items: flex-start !important;
}
.catalogue-container h3 { 
    text-transform: capitalize;
    color: #1e4563;
}
.frst-prod{
    padding: 8% 9% 4% 9%;
}
.produit-tab .col-img .prod-img{
    width: 90%; 
    min-width: 90%; 
}
.last-table{ 
    margin-bottom: 6%;
}
.produit-tab .col-info a{
    margin: 0% !important;
}

.wpcf7-select {
    line-height: 1;
    padding: 16px 18px;
    color: #585858;
    border-radius: 3px;
    border: 2px solid #eee;
    background-color: #fff;
    box-shadow: none !important;
    -webkit-transition: border-color 0.15s ease-in;
    -moz-transition: border-color 0.15s ease-in;
    transition: border-color 0.15s ease-in;
    width: 90%;
    margin: 2% 8%;
    font-size: 0.875rem;
}