/* =============================================================================
   CRITICAL — Above-the-fold (anciennement injecté par Cloudflare Worker)
============================================================================= */
*,*::before,*::after { box-sizing: border-box; }
html { font-size: 16px; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.5; color: #222; }
img { max-width: 100%; height: auto; display: block; }
header.main-header { min-height: 70px; }
div.nav-outer { min-height: 70px; }
.slider-picture { width: 100%; height: auto; aspect-ratio: 1920/644; object-fit: cover; }
.owl-carousel { min-height: 100px; }
.scroll-to-top { will-change: transform; }

/* =============================================================================
   BASE & GLOBAL
============================================================================= */
* { word-spacing: 0px !important; }

p { text-align: unset !important; }
.cat-title{    font-size: 18px; }
/* =============================================================================
   HEADER TOP
============================================================================= */
.main-header .header-top .top-left .links li i,
.main-header .header-top .top-left .links li .icon { color: #56c5fa !important; }

.main-header .header-top .top-left .links li .icon {
  font-size: 14px;
  line-height: 24px;
  margin-right: 5px;
}
.main-header .header-top .top-right ul li flag-img img{display: inline !important; }
.main-header .header-top .top-left .links li i { font-size: 14px; }

.main-header .header-top .top-right ul li a:hover,
.header-style-two .header-top .top-right ul li a:hover { color: #56c5fa; }

.main-header .header-top .top-right ul li::after { padding-left: 5px; }
.main-header .header-top .top-right ul li .flag-img img{
    display: inline !important;
}

/* =============================================================================
   STICKY HEADER
============================================================================= */
.sticky-header { height: 70px !important; }

.main-header .sticky-header .main-menu .navigation > li > a { color: #273385 !important; }

/* =============================================================================
   NAVIGATION / MAIN MENU
============================================================================= */
.main-menu .navigation > li > a:hover,
.main-menu .navigation > li:hover > a { color: #56c5fa !important; }

.main-menu .navigation > li.current > a { color: #56c5fa !important; }

.main-menu .navigation > li:after { background-color: #56c5fa !important; }

.main-menu .navigation .featured #ex4 a:hover,
.main-menu .navigation .cartList #ex4 a:hover { color: #56c5fa !important; }

.main-menu .navigation > li > ul > li > a { color: #273385; }

.main-menu .navigation > li > ul > li:hover { border-color: #65c5fa; }

.main-menu .navigation > li > ul > li:hover > a { color: #65c5fa; }

.main-menu .navigation > li > .mega-menu {
  padding: 5px 10px;
  width: 80% !important;
  left: 10% !important;
}
/* Target the H2 inside the overlay */
.services-block .overlay-lower-inner h2 {
    font-size: 18px !important; /* Use !important only if other styles are overiding it */
}
.main-footer .logo-widget .widget-content .timing ul li{
padding-left: 5px;
}
/* Target the Link inside that H2 */
.services-block .overlay-lower-inner h2 a {
    position: relative;
    color: #ffffff;
    text-decoration: none; /* Often needed for links */
}
.mega-menu { margin-top: 0 !important; }

.main-menu .navigation .cart .mega-menu {
  width: 100% !important;
  left: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* sticky variant */
.navigation .featured-sticky,
.navigation .cart-sticky { margin-top: -10px; }

/* =============================================================================
   FOOTER
============================================================================= */
.main-footer .footer-title h2:after { background-color: #65c5fa; }

.main-footer .links li a:after { background-color: #65c5fa; }

.main-footer .footer-bottom .subscribe-form .form-group button { color: #56c5fa; }

.main-footer .footer-bottom .title-column .text .icon { color: #56c5fa; }

/* =============================================================================
   COOKIE BANNER
============================================================================= */
.wrapper-cookie { background: #020202; }

.wrapper-cookie .data p { color: #f5f5f5; }

.data p a { color: #56c5fa; }

.header-cookie h2 { color: #56c5fa; }

#acceptBtn {
  background: #0A39CC;
}

#acceptBtn:hover {
  background-color: #fff;
  color: #7A9CF5;
}

#declineBtn {
  border: none;
  background-color: #fff;
  color: #0A39CC;
}

#declineBtn:hover {
  background-color: #7A9CF5;
  color: #fff;
}

.centered { margin-bottom: 20px; }

/* =============================================================================
   PAGE TITLE & BREADCRUMB
============================================================================= */
.page-title { padding: 0px 0px 15px; }

.page-title:before { background-color: transparent; }

.page-title h1 {
  margin: 15px 0px 0px 0px !important;
  font-size: 36px;
}

.page-breadcrumb li {
  color: white;
  font-family: 'Poppins', sans-serif;
  font-weight: 400 !important;
  text-transform: uppercase;
  margin-right: 3px;
  padding-right: 15px;
}

.page-breadcrumb li a { font-weight: 400; }

.page-breadcrumb li:after { color: #65c5fa; }

/* =============================================================================
   SECTION TITLE
============================================================================= */
.sec-title h2 {
  font-size: 26px;
  padding: 0px 0px 15px;
}

.sec-title .separator:after,
.sec-title .separator:before { background-color: #76c70e; }

/* =============================================================================
   COMPANY SECTION
============================================================================= */
.company-section {
  padding: 65px 0px 0px;
}

.company-section .content-column { margin-bottom: 0px !important; }

.company-section .content-column .inner-column .sec-title { margin-bottom: 15px; }

.company-section .content-column .inner-column .bold-text {
  color: #002B5B;
  font-size: 20px;
  margin-bottom: 5px;
}

.company-section .content-column .inner-column .text { margin-bottom: 7px; }

.company-section .content-column .inner-column .text p { text-align: justify !important; }

.company-section .content-column .inner-column .text div {
  width: 100% !important;
  height: 100% !important;
}

.company-section .image-column .inner-column { padding-top: 90px; }

.company-section .image-column .inner-column .image { padding: 0; }

.company-section .image-column .inner-column .image img { border: 2px solid #19a3b8; }

/* =============================================================================
   ABOUT SECTION TWO
============================================================================= */
.about-section-two .content-column .text p { text-align: justify !important; }

.about-section-two .image-column .image img {
  border: 2px solid #19a3b8;
  height: auto;
}

/* =============================================================================
   SERVICES SECTION
============================================================================= */
.services-section { padding-bottom: 0px; }

.services-section .inner-container {
  display: block;
  margin-top: -8px;
}

.services-block { margin-bottom: 10px; }

.services-block .inner-box {
  border: 2px solid rgba(38, 50, 133, 255);
  padding-bottom: 10px;
}

.services-block .inner-box .image { padding: 0px; }

.services-block .inner-box .image img { height: 100%; }

.services-block .inner-box .image:before {
  z-index: 0;
  background: none;
}

.services-block .inner-box .lower-content { padding: 5px 0px 5px; }

.services-block .inner-box .lower-content h3 {
  display: block !important;
  margin: 0 !important;
}

.services-block .inner-box .lower-content .icon-box { color: rgba(38, 50, 133, 255); }

.services-block .inner-box .lower-content:after { background-color: rgba(38, 50, 133, 255); }

/* =============================================================================
   MARKET SECTION TWO
============================================================================= */
.market-section-two { padding: 35px 0px !important; }

.market-section-two .title-box { margin-bottom: -15px; }

.market-section-two .title-box h2 {
  margin-right: 0px;
  padding-right: 5px;
  color: #002B5B;
  font-size: 26px;
}

.market-section-two .title-box .text {
  padding-left: 15px;
  max-width: 83%;
  width: 100%;
}

.market-section-two .title-box .text section { max-width: auto !important; }

.market-section-two .title-box .text section div {
  margin-left: -10px;
  word-spacing: 0px !important;
}

.market-section-two .title-box .text p { text-align: justify !important; padding-left: 0px !important; }

.market-section-two .title-box .text .our-mission {
  text-align: justify !important;
  padding-left: 0px !important;
  text-indent: 0px !important;
}

.market-section-two .auto-container .text-center { margin-top: 25px; }

.market-section-two .view-all {
  font-size: 18px;
  margin-top: 50px;
}

/* =============================================================================
   MARKET BLOCK TWO
============================================================================= */
.market-block-two { margin-bottom: -50px; }

.market-block-two .inner-box .image { padding: 50px 0px !important; overflow: hidden !important; }

.market-block-two .inner-box .image img { border: 2px solid #19a3b8; }

.market-block-two .inner-box .image .overlay-box {
  padding: 0px;
  margin-top: -50px;
  left: 3px;
}

.market-block-two .inner-box .image .overlay-box h2 {
  text-align: center;
  padding-top: 80%;
  padding-bottom: 5px;
  color: #242424;
  font-weight: 500;
  line-height: 1.3em;
}
.market-block-two .inner-box .image .overlay-box h2::after {
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background-color: rgba(38, 50, 133, 255);
  margin: 4px auto 0 auto;
  position: relative;
}

.market-block-two .inner-box .image .

.market-block-two .inner-box .content-overlay {
  height: 150px;
  bottom: 0px;
  border-radius: 25px;
  top: 34%;
  background: #273385b8;
}

.market-block-two .inner-box .content-overlay .content-inner { padding: 0px; }

.market-block-two .inner-box .content-overlay .content-inner .content .text {
  line-height: 1.6em;
  padding: 5px;
}

.market-block-two .inner-box .content-overlay .content-inner .content .text p { line-height: 25px; }

.market-block-two .inner-box .content-overlay .content-inner .content .go { top: -20px; }

/* =============================================================================
   MARKET SECTION THREE
============================================================================= */
.market-section-three { padding: 40px 0px 40px !important; }

.market-section-three .owl-dots .owl-dot:hover,
.market-section-three .owl-dots .owl-dot.active { background-color: #56c5fa; }

/* =============================================================================
   MARKET BLOCK THREE
============================================================================= */
.market-block-three .inner-box {
  border: 2px solid rgba(38, 50, 133, 255);
  width: 100%;
}

.market-block-three .inner-box:hover .upper-box { background-color: #ffffff !important; }
.market-block-three .inner-box:hover { background-color: #ffffff !important; }

.market-block-three .inner-box .upper-box {
  height: 250px;
  border: none !important;
  border-bottom: 1px solid rgba(38, 50, 133, 0.3) !important;
}

.market-block-three .inner-box .upper-box h3 {
  font-size: 19px !important;
}

.market-block-three .inner-box .upper-box h3:after { background-color: rgba(38, 50, 133, 255); }

.market-block-three .inner-box .upper-box .text p { color: #545454; }

/* =============================================================================
   INNER CONTAINER (auto-container sections)
============================================================================= */
.auto-container .inner-container .clearfix section p { text-align: justify !important; }

.auto-container .inner-container .clearfix section .text-our {
  text-indent: 0px;
  text-align: justify !important;
}

/* =============================================================================
   CLIENTS / SPONSORS
============================================================================= */
.clients-section-two { padding: 50px 0px 50px !important; }

/* CLIENTS SECTION TWO — partenaires */
.clients-section-two .sponsors-outer .image-box {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clients-section-two .sponsors-outer .image-box img {
  height: 120px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}

.sponsors-full .owl-carousel .owl-stage { width: 6760px !important; }

.sponsors-full .owl-carousel.owl-drag .owl-item { width: auto !important; }

/* =============================================================================
   MANUFACTURERS
============================================================================= */
.manufacturers .container .row .col-12 .clients-section-two .auto-container .row .col-md-3 {
  margin-bottom: 10px;
}

.manufacturers .container .row .col-12 .clients-section-two .auto-container .row .col-md-3 a .image-fluid {
  width: 100%;
  height: auto !important;
  aspect-ratio: 872 / 469;
  object-fit: contain;
}

/* =============================================================================
   INFO BLOCKS
============================================================================= */
.info-block { margin-left: 25px !important; }

.info-block .inner-box .icon-box:after { left: 0px !important; }

.info-block .inner-box h3 {
  color: #ffffff;
  margin-left: 0px !important;
  text-align: center !important;
  display: block !important;
}

/* =============================================================================
   INFORMATIONS SECTION
============================================================================= */
.informations-section { padding: 55px 0px 55px; }

.informations-section:before,
.information_main .container-fluid .row .col-12 .informations-section:before { background-color: #020e28; }

/* =============================================================================
   HISTORY SECTION
============================================================================= */
.history-section {
  padding-top: 50px !important;
  padding-bottom: 25px !important;
}

.history-section .sec-title .text { color: #595959; }

.history-section .carousel-outer .content-slide .content-inner h3 { display: block !important; }

/* Contraste WCAG AA — texte descriptif carousel history */
.history-section .carousel-outer .content-slide .content-inner p,
.history-section .carousel-outer .content-slide .content-inner .text,
.history-section .carousel-outer .content-slide .content-inner .text p { color: #222222 !important; }

/* Contraste WCAG AA — li carousel years sur fond gris */
.history-section .history-carousel .thumbs-carousel li {
  color: #1a1a1a !important;
  font-weight: 600;
}

.history-section .history-carousel .thumbs-carousel li.active,
.history-section .history-carousel .thumbs-carousel li:hover {
  color: #273385 !important;
}

/* =============================================================================
   HIGHLIGHTS SECTION
============================================================================= */
.hightlight-block .hightlight-inner h3 {
  margin: 0 !important;
  align-items: normal !important;
}

/* =============================================================================
   ACHIEVED SECTION
============================================================================= */
.achived-section:before { background-color: #020e28; }

.achived-section .title-column .sec-title { margin-bottom: 20px; }

.achived-section .title-column .inner-column .title { color: #c4c4c4; }

.achived-section .title-column .achived-list li a { background-color: #76c70e; }

.achived-section .title-column .achived-list li.icon { color: #76c70e; }

/* =============================================================================
   PROGRESS / BAR
============================================================================= */
.progress-levels .progress-box .bar .bar-innner {
  width: 62px;
  border: 1px solid rgba(218, 233, 237, 0.8);
}

.progress-levels .progress-box .bar .bar-fill { background-repeat: repeat-x; }

.progress-levels .progress-box .inner .count-text { margin-top: 10px; }

.progress-levels .progress-box .inner .count-text,
.progress-levels .progress-box .inner .percent { color: #76c70e; }

/* =============================================================================
   CALL TO ACTION
============================================================================= */
.call-to-action-section:before { background-color: #76c70e; }

.call-to-action-section h2 { color: #020e28; }

.call-to-action-section .apointment {
  color: #020e28;
  font-size: 24px;
  border-bottom: 2px solid #020e28;
}

.call-to-action-section-two .auto-container .btn-style-one,
.success-btn-orange,
.pull-right .btn-style-one {
  background: #56c5fa;
  border: 2px solid #56c5fa;
}
.success-btn-orange:hover { color: #56c5fa; }

/* =============================================================================
   GLOBAL PRESENCE
============================================================================= */
.global_presence .container .auto-container .clearfix {
  border: 3px solid #2098d170;
  background-color: #f4f4f4;
  box-shadow: 7px 7px 15px rgba(0, 0, 0, 0.15), -7px -7px 15px rgba(255, 255, 255, 0.7);
  padding: 15px;
  border-radius: 30px;
  width: 380px;
}

/* =============================================================================
   TESTIMONIALS
============================================================================= */
.testimonial-block-six .inner .author-box .author-inner .image { display: none; }

/* =============================================================================
   SCROLL TO TOP
============================================================================= */
.scroll-to-top {
  background: #56c5fa;
  border: 2px solid #56c5fa;
  position: fixed;
  bottom: 13px;
  right: 11px;
  width: 30px;
  height: 50px;
  color: #ffffff;
  font-size: 24px;
  text-transform: uppercase;
  line-height: 45px;
  text-align: center;
  z-index: 99999;
  cursor: pointer;
  border-radius: 50px;
}

.scroll-to-top:hover { background: #56c5fa; }

/* =============================================================================
   SECTION FULL
============================================================================= */
.section-full .container-fluid {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* =============================================================================
   MULTINATION
============================================================================= */
.multination { padding-top: 25px !important; }

/* =============================================================================
   STATIC PAGES
============================================================================= */
.static-page div ul li {
  list-style: disc;
  color: #555;
}

/* =============================================================================
   SHOP / PRODUCTS
============================================================================= */
.shop-title .auto-container h1 {
  font-size: 32px;
  padding-top: 15px;
}

.shop-item .inner-box .image-box,
.shop-item .inner-box .image-box .image { padding: 0px; }

.shop-item .inner-box .image-box img { height: 265px; }

.shop-item .inner-box .brand-picture {
  height: 50px !important;
  width: 93px !important;
}

.thumbnail .caption h3 a {
  font-size: 18px;
  font-weight: normal;
}

.caption .part_number { margin-top: 15px; }

/* =============================================================================
   PRICING
============================================================================= */
.price:last-of-type { color: #176326 !important; }

/* =============================================================================
   BUTTONS & ACTIONS
============================================================================= */
.btn-success,
.btn-success:hover { background-color: #0051B3; }

.other-options .addToCart {
  background: #0051B3;
  border: 2px solid #0051B3;
}

.other-options .addToCart:hover { color: white; }

.styled-button {
  background-color: #273385;
  border: 1px solid #273385;
}

.styled-button:hover { color: #273385; }

.addToCart {
  font-size: 15px;
  margin: 0 5px;
}

/* =============================================================================
   IMAGE RATIOS — corrections Lighthouse "format incorrect"
============================================================================= */

/* Logo site : ratio natif 550x500 = 1.10 → affiché 90x(90/1.10)=82px */
img#logo_setting,
img.logo-normal {
  width: 75px !important;
  height: auto !important;
  aspect-ratio: 550 / 500;
}

/* Logos manufacturers home : ratio natif 872x469 = 1.86 → 100x54 */
.caption.single-product .product-header img[src*="/cdn-cgi/image/"] {
  width: 100px !important;
  height: auto !important;
  aspect-ratio: 872 / 469;
}

/* =============================================================================
   PRODUCT HEADER (featured)
============================================================================= */
.product-header {
  position: relative;
  background-color: #f8f8f8;
  padding: 10px;
  border-radius: 20px;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.product-header img {
  position: absolute;
  top: -20px;
  left: 10px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #ddd;
}

.product-header h3 {
  margin: 0;
  font-size: 18px;
  padding-top: 10px;
  font-weight: bold;
  color: #333;
}

.product-header h3 a { font-size: medium; }

.product-header .glyphicon-star {
  position: absolute;
  top: -15px;
  right: 10px;
  font-size: 20px;
  color: gold;
}

/* =============================================================================
   QUOTE FORM
============================================================================= */
.quote {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.quote .btn-primary {
  background-color: #0051B3;
  color: #fff;
  border: none;
  padding: 8px 16px;
  border-radius: 5px;
  transition: background-color 0.3s ease-in-out;
  width: 70%;
}

.quote .btn-primary:hover { background-color: #0056b3; }

.quote .form-control {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  width: 30%;
}

.quote .form-control:focus {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
  outline: none;
}

/* =============================================================================
   PRODUCT DETAILS
============================================================================= */
.size-delivery-info {
  border-block: 1px dashed #eee;
  padding-block: 12px;
}

.icon_product {
  font-size: larger;
  padding: 10px;
  color: #1c105b;
}

.bordered-box {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px dashed #ddd;
}

.sub-title {
  font-weight: 600;
  margin-bottom: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));
  font-size: 26px;
  display: flex;
  color: #337ab7;
  align-items: center;
  gap: 12px;
  letter-spacing: 0.01em;
}

.shipping-info {
  display: grid;
  line-height: 1.5;
  color: #5f5f5f;
  font-size: 16px;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  padding-left: 20px;
  margin-bottom: -7px;
}

.shipping-info li {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
  display: list-item;
  color: #7d7d7d;
}

.product-offer.delivery-details { display: grid; gap: 10px; }

.buy-box {
  margin-top: 17px;
  margin-bottom: 17px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

/* =============================================================================
   CART TABLE
============================================================================= */
.cart-table tbody tr .remove-btn { color: #848484; }

.cart-table tbody tr .prod-column .column-box .prod-thumb { margin: 0; }

/* =============================================================================
   FLOATING LABELS / FORM INPUTS
============================================================================= */
.floating-label-group input,
.floating-label-group select {
  width: 100%;
  border: 2px solid #ddd;
  border-radius: 8px;
  font-size: 16px;
  background-color: white !important;
  transition: all 0.3s ease;
}

/* =============================================================================
   MISC UTILITIES
============================================================================= */
.signature { display: none; }

.success-div { height: 20em; }

.outer-box-mobile { display: none; }

.number { margin: 0 !important; }

.container-radio { display: block !important; }

.bold-text { color: #595959; }

.custom-class { color: #dddddd !important; }

.nopadding .auto-container .clearfix .col-md-4 { margin-bottom: 10px; }

.part-text {
  position: relative;
  font-weight: normal !important;
  margin: 0px;
  background: none;
  line-height: 1.6em;
  font-family: 'Poppins', sans-serif;
}

.box-label {
  color: #11698e;
  font-size: 0.9rem;
  font-weight: 800;
  background-color: #ebf1f4;
}

.fa-plus:before {
  content: "\f067";
  background-color: #ebf1f4;
}

.titles {
  background-color: #ebf1f4 !important;
  font-weight: 400 !important;
  color: #11698e !important;
}

.hover-nam-2 .card-body {
  width: auto;
  padding-left: 20px;
  padding-bottom: 50px;
}

.hover-nam-2 .card-body h3 {
  font-size: 16px;
  color: white;
}

.hover-nam-2 .card-body h3 span {
  position: relative;
  top: -100px;
  font-size: 16px;
  font-weight: bold;
}

.cat-div {
  height: 100px;
  display: flex;
  flex-wrap: nowrap;
}

.cat-div h4 {
  line-height: 2.5;
  padding-left: 5px;
  font-size: 16px;
}

.img-cat {
  background-color: transparent;
  object-fit: cover;
}

/* =============================================================================
   CAROUSEL
============================================================================= */
.carousel-caption {
  top: 48% !important;
}

.carousel-caption .title {
  font-size: 3vw;
  line-height: 2em;
}

.carousel-caption .description { margin-bottom: 1em; }

.carousel-inner .item img {
  width: 100%;
  object-fit: contain;
}

/* =============================================================================
   OUR VALUES SECTION
============================================================================= */
.ourvalues-section .services-section { background-image: none !important; }

/* =============================================================================
   SECTOR 3
============================================================================= */
.serctor_3 .market-block-two .inner-box .image .overlay-box h2 { padding-top: 480px; }

.serctor_3 .market-block-two .inner-box .content-overlay { height: 250px; }

.serctor_3 .market-section-two .view-all { margin-top: 80px; }

.serctor_3 .market-block-two .inner-box .content-overlay .content-inner .content .text {
  font-size: 12px;
  font-weight: 350;
  line-height: 1.3em;
}

.serctor_3 .market-block-two .inner-box .image .overlay-box h2 { font-size: 16px; }

/* =============================================================================
   MODAL
============================================================================= */
@media only screen and (min-width: 980px) {
  .modal-xl { width: 1060px; }
}

/* =============================================================================
   RESPONSIVE — 992px to 1140px (tablet landscape / small desktop)
============================================================================= */
@media (min-width: 992px) and (max-width: 1140px) {
  .featured-products .container-fluid .row .col-12 .history-section .container .row .col-sm-3 {
    max-width: 33.33%;
    padding-right: 7px;
    padding-left: 7px;
  }

  .titre-home { font-size: 28px !important; }

  .services-block {
    padding-right: 10px;
    padding-left: 10px;
  }

  .services-block .inner-box .lower-content h3 { font-size: 16px; }

  .info-block .inner-box h3 { font-size: 14px; }

  .page-title h1 { font-size: 32px; }

  .icon_product { font-size: 15px; }

  .main-menu .navigation > li > a { font-size: 14px; }

  .sidebar-page-container { padding: 45px 0px 40px; }

  .shipping-info { font-size: 15px; }

  .thumbnail .caption h3 a { font-size: 16px; }

  .sec-title { margin-bottom: 30px; }

  .company-section { padding: 40px 0px 0px; }

  .sec-title h2 { font-size: 22px; }

  .company-section .content-column .inner-column .text p { font-size: 16px !important; }

  .global_presence .container { width: 100%; }

  .global_presence .container .row .col-lg-4 {
    padding-right: 0px;
    padding-left: 0px;
    float: left;
  }

  .global_presence .container .auto-container .clearfix {
    width: 335px;
    padding: 10px;
  }

  .global_presence .container .row .col-lg-4 .auto-container { padding: 0px 3px; }

  .global_presence .container .auto-container .clearfix div { text-align: justify; }

  .about-section-two .content-column .text p { font-size: 16px; }

  .hightlight-block .hightlight-inner h3 {
    font-size: 10px;
    display: block;
  }

  .history-section .sec-title { margin-bottom: 45px; }

  .main-header .header-top .top-left .links li a { font-size: 13px; }

  .market-section-two .title-box .text { max-width: 80%; }

  .quote { gap: 0px; }

  .price { font-size: 15px; }

  .quote .form-control { width: 60px; }
}

/* =============================================================================
   RESPONSIVE — max-width 1140px
============================================================================= */
@media only screen and (max-width: 1140px) {
  .main-header .header-top .top-left .links li {
    padding-right: 0px !important;
    margin-right: 0px !important;
  }

  .main-header .header-top .top-outer {
    padding-right: 10px !important;
    padding-left: 10px;
  }

  .market-block-two .inner-box .image .overlay-box h2 { padding-top: 95%; }
}

/* =============================================================================
   RESPONSIVE — 768px to 991px (tablet portrait)
============================================================================= */
@media (min-width: 768px) and (max-width: 991.98px) {
  .col-sm-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* =============================================================================
   RESPONSIVE — min-width 1200px
============================================================================= */
@media (min-width: 1200px) {
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

/* =============================================================================
   RESPONSIVE — max-width 789px
============================================================================= */
@media (max-width: 789px) {
  .thumbs-carousel {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 10px;
  }

  .thumbs-carousel li {
    flex: 1 0 20%;
    font-size: 0.8rem;
  }

  .content-slide h3 { font-size: 1.2rem; }

  .content-slide .text { font-size: 0.8rem; }

  .highlights-section { padding: 15px 0px 5px; }

  .highlights-section .content-column .inner-column .sec-title { margin-bottom: 10px; }

  .hightlight-block { margin-bottom: 20px !important; }

  .hightlight-block .hightlight-inner {
    display: flex;
    justify-content: flex-start;
    padding: 0px !important;
  }

  .hightlight-block .hightlight-inner h3 {
    margin-top: 17px !important;
    margin-left: 10px !important;
    font-size: 17px !important;
  }

  .achived-section { padding: 15px 0px 5px; }

  .achived-section .title-column { margin-bottom: 20px; }

  .achived-section .title-column .sec-title { margin-bottom: 25px; }

  .achived-section .title-column .inner-column .title { margin-bottom: 25px; }

  .call-to-action-section { padding: 30px 0px !important; }

  .call-to-action-section h2 { font-size: 20px; }

  .call-to-action-section .apointment { font-size: 20px; }

  .market-page-section .auto-container .row .col-md-4 {
    width: 50%;
    padding-left: 3px;
    padding-right: 3px;
  }

  .cat-div {
    height: 80px;
    padding: 2px;
    justify-content: flex-start;
  }

  .cat-div h4 {
    font-size: 12px;
    padding-left: 5px;
    line-height: 1.5;
  }

  .clients-section-two .auto-container .row .col-md-3 {
    width: 33.33%;
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-bottom: 10px;
  }

  .market-section-two { padding: 15px 0px !important; }

  .market-section-two .title-box .text p { font-size: 15px !important; }

  .market-section-two .title-box h2 {
    font-size: 17px;
    margin-bottom: 5px;
  }

  .plans { display: block !important; padding: 0px; margin: 0px; }

  .plans .plan { width: 49%; }

  .captcha-card .section-title { font-size: 16px !important; white-space: nowrap; }

  .company-groupes-section .auto-container .row .col-md-4 { margin-bottom: 10px; }

  .main-header .nav-outer .outer-box-mobile { margin-top: 0 !important; }

  .main-header .nav-outer .outer-box-mobile button .fa-star-o {
    font-size: 32px;
    color: #273385;
  }

  .main-header .nav-outer .outer-box-mobile button i {
    font-size: 28px;
    color: #273385;
  }

  .navbar-toggle { margin-right: 0px; }

  .main-menu .navbar-header .navbar-toggle {
    background: #273385;
    border: 1px solid #273385;
    margin: 0px;
  }

  .main-header .main-box .outer-container { padding-bottom: 0px; }

  .market-block-two .inner-box .image { padding-top: 25px !important; }

  .market-block-two .inner-box .content-overlay { top: 19%; }

  .market-block-two .inner-box .content-overlay .content-inner .content .text { padding: 0px; }

  .clients-section-two .auto-container .row,
  .market-page-section .auto-container .row {
    display: flex;
    flex-wrap: wrap;
  }

  .market-page-section .auto-container .row .col-md-4 { margin-bottom: 10px; }

  .company-section .content-column .inner-column .text div h1 {
    font-size: 18px;
    text-align: justify !important;
    word-spacing: -2px;
    line-height: 1em !important;
  }

  .company-section .content-column .inner-column .text div p { font-size: 15px !important; }

  .about-section-two .content-column .text { margin-bottom: 10px !important; }

  .about-section-two .content-column .text p span { font-size: 16px !important; }

  .page-wrapper .global_presence .auto-container .inner-container { margin-right: -15px; }

  .market-section-two .title-box .text div {
    font-size: 15px !important;
    word-spacing: -2px !important;
  }

  .static-page { padding: 0px; }

  .multination .owl-carousel.owl-drag .owl-item {
    margin-left: 18px;
    width: 120px !important;
  }

  .static-page div { padding: 5px !important; }

  .pb-themesection .container .inner-container .clearfix section p,
  .company-section .content-column .inner-column .text p { font-size: 17px !important; }
}

/* =============================================================================
   RESPONSIVE — max-width 767px (mobile landscape + small tablet)
============================================================================= */
@media only screen and (max-width: 767px) {
  .outer-box-mobile { display: block; }

  .main-header .sticky-header .main-menu .navigation > li > a { color: #fff !important; }

  .col-sm-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .thumbnail { text-align: center; }

  .caption h3 { font-size: 1.4rem; }

  .quote {
    flex-direction: column;
    align-items: center;
    margin: 0 !important;
  }

  .quote .form-control {
    margin-top: 10px;
    max-width: 80%;
    width: 100%;
  }

  .web, .header-top { display: block; }

  .main-menu .collapse.in,
  .main-menu .collapsing { max-height: 100%; }

  .header-icon-shop { margin: 0 !important; }

  .fixed-header .sticky-header,
  .sec-title .text br { display: block; }

  .sticky-header .main-menu .navbar-header {
    padding: 5px 0px;
    margin-top: -50px;
  }

  .carousel-caption {
    padding-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    padding-bottom: 1px;
    left: 9%;
  }

  .carousel-caption .title {
    padding-top: 0px;
    margin-bottom: 0px;
    font-size: 12px;
  }

  .carousel-caption .description { margin-bottom: 0px !important; }

  .carousel-caption .description h2 { font-size: 10px; }

  .carousel-caption .styled-button {
    padding: 8px 5px;
    font-size: xx-small;
  }

  .auto-container .inner-container .clearfix ul li {
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 1.5 !important;
  }

  .auto-container .inner-container .clearfix ul li span { font-size: 18px !important; }

  .market-section-two .title-box .text { max-width: 100% !important; }

  .market-section-two { padding: 30px 0px; }

  .market-block-two .inner-box .image img { height: auto; }

  .market-block-two .inner-box .image .overlay-box h2 { padding-top: 125%; }

  .info-block {
    margin-left: 0px !important;
    margin-bottom: 5px;
  }

  .history-section { padding: 10px 0px; }

  .history-section .col-sm-3 {
    max-width: 50%;
    padding-left: 2px;
    padding-right: 2px;
  }

  .product-header img {
    left: 0px;
    height: 32px;
  }

  .product-header h3 a { font-size: smaller; }

  .caption .part_number {
    font-size: x-small;
    margin-bottom: 5px;
  }

  .caption .price { font-size: 9px; }
}

/* =============================================================================
   RESPONSIVE — max-width 579px (small mobile)
============================================================================= */
@media only screen and (max-width: 579px) {
  .market-block-three .inner-box { width: 154px; }

  .market-block-three .inner-box:hover .upper-box { width: 150px; }

  figure { margin: 0px; }

  .clients-section-two .sponsors-outer .image-box img { width: auto; }

  .owl-carousel .icon-box img {
    width: 50px !important;
    height: 50px !important;
  }

  .market-block-three .inner-box .upper-box {
    padding: 20px 9px !important;
    height: 180px !important;
  }

  .market-block-three .inner-box .upper-box h3 {
    font-size: x-small !important;
    margin-bottom: 0px !important;
  }

  .market-block-three .inner-box .upper-box h3:after { visibility: hidden; }

  .owl-carousel.owl-loaded { width: 100% !important; }

  .market-block-three .inner-box .upper-box .text { font-size: 14px; }

  .owl-carousel .owl-item img { height: 100%; }

  .clients-section-two { padding: 10px 0px 0px; }

  .market-section-three { padding: 15px 0px 0px; }

  .page-wrapper .multination { padding-top: 0px !important; }

  .company-section { padding: 10px 0px 10px; }

  .company-section .content-column { margin-bottom: 0px; }

  .company-section .image-column .inner-column { padding-top: 10px; }

  .about-section-two .content-column { margin-bottom: 0px; }

  .history-section .history-carousel .thumbs-carousel { max-width: 125px; margin-bottom: 0px; }

  .page-wrapper .global_presence { margin-left: -15px !important; }

  .global_presence .container .auto-container .clearfix {
    padding: 8px !important;
    margin-top: 5px !important;
    width: auto;
  }

  .global_presence .container .auto-container .clearfix div { text-align: start !important; }

  .global_presence .container .auto-container .clearfix div span { font-size: 16px !important; }
}

/* =============================================================================
   RESPONSIVE — max-width 525px
============================================================================= */
@media (max-width: 525.5px) {
  .auto-container { padding: 0px 10px; }

  .market-section-two .auto-container .text-center { margin-top: 0px; }

  .static-page div p { text-align: initial !important; }

  .static-page div ul {
    font-size: 15.5px !important;
    text-align: initial !important;
  }

  .page-breadcrumb li {
    font-size: 8px;
    padding-right: 8px;
  }

  .page-title h1 { font-size: 1em; }

  .sidebar-page-container { padding: 30px 10px 30px; }

  .sidebar-page-container .content-side .shop-single .product-details div .basic-details { padding: 5px; }

  .product-details .basic-details .details-header h4 {
    font-size: 16px;
    margin: -5px 0px 10px;
  }

  .product-details .basic-details .details-header .item-price {
    font-size: 18px;
    margin-bottom: 0px;
  }

  .bordered-box { padding-top: 0px; }

  .bordered-box .sub-title { font-size: 22px; }

  .shipping-info {
    padding-left: 10px;
    grid-template-columns: auto;
  }

  .product-offer.delivery-details li { font-size: 12px; }

  .icon_product {
    font-size: 15px;
    padding: 5px;
  }

  .product-details .basic-details .item-quantity {
    margin-bottom: 0px;
    width: 60px;
    margin-right: 35px;
    margin-left: 40px;
  }

  .shop-single .product-details .prod-tabs { margin-bottom: 10px; }

  #related-products .sec-title { margin-bottom: 20px; }

  #related-products-manufacter .sec-title h2 {
    font-size: 12px;
    padding: 0px 0px 14px;
  }

  #related-products .sec-title h2 {
    font-size: 14px;
    padding: 0px 0px 14px;
  }

  .btn-style-one {
    font-size: 10px;
    padding: 3px 5px;
  }

  .control-left { margin-left: -15px; }

  #related-products {
    padding-right: 0px;
    padding-left: 0px;
  }

  .control-right { margin-right: -15px; }

  .thumbnail .caption { padding: 0px; }

  #related-products-carousel .carousel-inner .item .thumbnail .caption .price,
  #related-products-carousel .carousel-inner .item .thumbnail .caption .price_detail { font-size: 13px !important; }
}

/* =============================================================================
   RESPONSIVE — max-width 479px (small mobile portrait)
============================================================================= */
@media screen and (max-width: 479px) {
  .carousel-default #carousel-default .carousel-inner .item img {
    height: 213px;
    object-fit: cover;
    object-position: right;
  }

  #related-products-carousel .carousel-inner .item img { height: 213px; }

  .services-block .inner-box .image img {
    height: auto;
    width: auto;
  }

  .services-block {
    width: 50%;
    padding-right: 7px;
    padding-left: 7px;
  }

  .services-block .inner-box .overlay-box { padding: 0px; }

  .services-block .inner-box .lower-content { padding: 5px 0px 5px; }

  .services-block .inner-box .lower-content h3 { font-size: 12px; }

  .services-block .inner-box .overlay-box .overlay-inner .text {
    margin-bottom: 0px;
    font-size: small;
  }

  .services-block .inner-box .overlay-box .overlay-inner h4 { font-size: 14px; }

  .services-block .inner-box .overlay-box .overlay-inner .overlay-icon { margin-bottom: 0px; }

  .ourvalues-section .clearfix h2 {
    font-size: 16px !important;
    line-height: 1.5 !important;
    padding-bottom: 15px;
  }

  .market-block-two .inner-box .image .overlay-box h2 {
    padding-top: 318px;
    font-size: 14px;
  }

  .market-block-two .inner-box .content-overlay .content-inner .content .text { display: block; }

  .market-block-two .inner-box .content-overlay .content-inner .content .text h4 { font-size: 15px !important; }

  .history-section .sec-title { margin-bottom: 10px; }

  .history-section .row {
    display: flex;
    flex-wrap: wrap;
  }

  .ourvalues-section .clearfix h2 { font-size: 16px !important; }

  .plans .plan .plan-content img { height: 60px !important; }

  .market-block-two .inner-box .content-overlay .content-inner .content .text { font-size: 12px; }

  .quote { gap: 0px; }

  .services-block .inner-box .overlay-box .overlay-inner h4 { font-size: 12px; }

  .services-block .inner-box .overlay-box .overlay-inner .overlay-icon { font-size: 45px; }

  .services-block .inner-box .overlay-box .overlay-inner .know-more { font-size: 12px; }

  .services-block .inner-box .overlay-box .overlay-inner .text { font-size: 12px; }

  .services-block .inner-box .lower-content .icon-box { font-size: 45px; }

  .thumbnail .caption h3 a { font-size: 14px; }

  .price_detail { font-size: 14px; }

  .carousel-caption .description h2 { font-size: 10px; }

  .carousel-caption .title { font-size: 11px; }

  .carousel-caption .styled-button { font-size: 9px; }

  .call-to-action-section-two { padding: 45px 0px 45px; }

  .call-to-action-section-two h2 { font-size: 12px; }

  .call-to-action-section-two .text { font-size: 14px; }

  .clients-section-two h2 { font-size: 13px; }

  .page-title h1 { font-size: 18px; }

  .sec-title h2 { font-size: 17px; padding: 0px 0px 15px; }

  .company-section .content-column .inner-column .bold-text {
    color: #002B5B;
    font-size: 16px;
  }

  .company-section .content-column .inner-column .text p { font-size: 15px !important; }

  .market-section-two .title-box .text .our-mission { font-size: 15px !important; }

  .about-section-two .content-column .text p { font-size: 15px !important; }

  .history-section .history-carousel .thumbs-carousel li { font-size: 21px; }

  .history-section .carousel-outer .content-slide .content-inner h3 { font-size: 16px; }

  .history-section .carousel-outer .content-slide .content-inner .text { font-size: 15px; }

  .auto-container .inner-container .clearfix section p { font-size: 15px; }

  .market-page-section .auto-container .row .col-md-4 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .page-wrapper section { width: auto !important; }

  .auto-container .inner-container .clearfix section div h3 { font-size: 15px !important; }

  .manufacturers .container .row .col-12 .clients-section-two .auto-container .row .col-md-3 a .image-fluid { height: 85px; }

  .about-section-two .content-column .sec-title { margin-bottom: 15px; }

  .total-section div { flex-direction: row !important; }
}

/* =============================================================================
   RESPONSIVE — max-width 350px (very small mobile)
============================================================================= */
@media only screen and (max-width: 350px) and (min-width: 320px) {
  .market-block-two .inner-box .image .overlay-box h2 { padding-top: 175%; }
}

/* =============================================================================
   RESPONSIVE — 521px to 798px (tablet)
============================================================================= */
@media only screen and (min-width: 521px) and (max-width: 798px) {
  .clients-section-two .auto-container .row {
    display: flex;
    flex-wrap: wrap;
  }

  .hover-nam-2 .card-body h3 span { left: 350px; }

  .services-block .inner-box .overlay-box .overlay-inner .overlay-icon {
    margin-bottom: 10px;
    font-size: 40px;
  }

  .main-header .main-box .logo-box .logo img { height: 40px !important; }

  .main-menu .navigation > li { margin-right: 12px; }

  .header-style-two .main-menu .navigation > li > a { font-size: 12px; }

  .auto-container .inner-container .clearfix h2 { font-size: 21px !important; }

  .informations-section { padding: 30px 0px 30px; }

  .market-section-two .title-box .text { max-width: 80%; }

  .market-block-two .inner-box .content-overlay .content-inner .content .text {
    font-size: 11px;
    padding: 6px;
  }

  .market-block-two { width: 50%; }

  .market-section-two .row {
    display: flex;
    flex-wrap: wrap;
  }

  .market-block-two .inner-box .image .overlay-box h2 {
    font-size: 13px;
    padding-top: 84%;
  }

  .market-block-two .inner-box .image { padding-top: 30px !important; }

  .history-section { padding-top: 25px !important; }

  .history-section .sec-title { margin-bottom: 30px; }

  .history-section .container .row .col-sm-3 { width: 33%; }

  .price { font-size: 15px; }

  .quote { gap: 0px; }

  .thumbnail .caption { padding: 5px; }

  .quote .form-control { width: 100%; }

  .multination .owl-carousel.owl-drag .owl-item { width: 270px !important; }

  .market-section-three { padding: 20px 0px 20px !important; }

  .multination { padding-top: 0px !important; }

  .carousel-caption .description h2 { font-size: 16px; }

  .ourvalues-section .auto-container .inner-container .clearfix ul li { line-height: 1.9 !important; }

  .company-section { padding: 30px 0px 0px; }

  .company-section .image-column .inner-column { padding-top: 0px; }

  .global_presence .container { width: 50%; }

  .global_presence .container .row .col-lg-4 { margin-bottom: 10px; }

  .clients-section-two .auto-container .row .col-md-3 { width: 33%; }

  .services-block .inner-box .lower-content h3 { font-size: 12px; }

  .market-section-two .title-box h2 {
    font-size: 19px;
    max-width: 20%;
  }

  .services-block .inner-box:hover .overlay-box,
  .services-block .inner-box .overlay-box { padding: 40px 20px 30px; }

  .services-block .inner-box:hover .overlay-box { padding: 40px 10px 30px; }

  .services-block .inner-box .lower-content .icon-box { font-size: 48px; }

  .services-block .inner-box .overlay-box .overlay-inner .text {
    font-size: 10px;
    margin-bottom: 15px;
  }

  .services-block .inner-box .overlay-box .overlay-inner .know-more { font-size: 12px; }

  .services-block .inner-box .overlay-box .overlay-inner .overlay-icon { font-size: 48px; }

  .services-block .inner-box .overlay-box .overlay-inner h4 { font-size: 11px; }

  .ourvalues-section .services-section .inner-container .row .col-sm-6 {
    width: 25%;
    padding-right: 5px;
    padding-left: 5px;
  }

  .market-block-two .inner-box .image img { height: 218px; }

  .values-1-image { height: 160px; }

  .thumbnail .caption h3 a { font-size: 16px; }

  .informations-section .auto-container .row .info-block {
    width: 20%;
    margin-left: 0px !important;
  }

  .auto-container .inner-container .clearfix section div h3 { font-size: 16px !important; }

  .auto-container .inner-container .clearfix section { width: auto !important; }

  .auto-container .inner-container .clearfix section div { font-size: 16px !important; }

  .company-section .content-column .inner-column .bold-text { font-size: 18px; }

  .page-title h1 {
    margin: 15px 0px 0px 0px !important;
    font-size: 26px;
  }

  .sec-title h2 { font-size: 22px; }

  .call-to-action-section-two { padding: 45px 0px 45px; }

  .product-header { padding: 9px; }

  .product-header h3 { font-size: 11px; }

  .info-block .inner-box h3 { font-size: 12px; }

  .info-block .inner-box .icon-box { font-size: 46px; }

  .product-details .basic-details .details-header h4 { font-size: 16px; }

  .page-breadcrumb li { font-size: 12px; }

  .product-offer.delivery-details { font-size: 13px; }

  .icon_product { font-size: 11px; padding: 5px; }

  .product-offer.delivery-details a { font-size: 12px; }

  .sub-title { font-size: 22px; }

  .carousel-caption .title {
    font-size: 17px;
    margin-bottom: 0px;
  }

  .modal-xl { width: 769px; }
}

/* =============================================================================
   RESPONSIVE — max-width 321px (very small phone)
============================================================================= */
@media screen and (max-width: 321px) {
  .carousel-caption .title { font-size: 9px; }

  .carousel-caption .description h2 { font-size: 8px; }

  .carousel-caption .styled-button { font-size: 8px; }

  .services-block .inner-box .lower-content h3 { font-size: 8px !important; }

  .services-block .inner-box .lower-content .icon-box { font-size: 35px; }

  .services-block .inner-box .overlay-box .overlay-inner .text { font-size: 10px; }

  .services-block .inner-box .overlay-box .overlay-inner .know-more { font-size: 10px; }

  .services-block .inner-box .overlay-box .overlay-inner h4 { font-size: 10px; }

  .services-block .inner-box .overlay-box .overlay-inner .overlay-icon { font-size: 34px; }

  .market-section-two .title-box h2 { font-size: 22px; }

  .market-section-two .title-box .text .our-mission { font-size: 16px; }

  .market-block-two .inner-box .content-overlay .content-inner .content .text p { font-size: 10px; }

  .market-section-two .view-all {
    font-size: 11px;
    margin-top: 15px;
  }

  .informations-section { padding: 35px 0px 35px; }

  .thumbnail .caption h3 a { font-size: 12px; }

  .quote .btn-primary { width: 100%; }

  .quote { gap: 0px; }

  .sec-title h2 { font-size: 12px; }

  .page-title h1 { font-size: 10px; }

  .call-to-action-section .apointment { font-size: 12px; }

  .call-to-action-section h2,
  .call-to-action-section h2 span { font-size: 12px; }

  .market-section-two .title-box .text p { font-size: 14px !important; }

  .cat-div h4 { font-size: 10px; }

  .page-wrapper section div h3 { font-size: 14px !important; }

  .hover-nam-2 .card-body h3 span {
    top: -75px;
    left: 125px;
  }

  .plans .plan .plan-details span { font-size: 16px; }

  .hover-nam-2 .card-body h3 { display: block; }

  .hover-nam-2 .card-body .text { font-size: 12px; }
}

/* ═══════════════════════════════════════════════════════════════
   S4I Performance & Accessibility Fixes
   ═══════════════════════════════════════════════════════════════ */

/* ── Contrast fixes (WCAG AA) ── */
label.tick,
.product-details li,
.product-details span {
  color: #1a1a1a !important;
}

.box-label,
#filterbar {
  color: #11698e !important;
}

.result,
.show_result,
.item-price,
.product_price {
  color: #273385 !important;
}

.footer-bottom * {
  color: #f5f5f5 !important;
}

/* ── Primary action buttons ── */
#subscribeNewsBtn,
th,
#productByCategory,
#productByManufacturer {
  color: #fff !important;
  background: #273385 !important;
}

th {
  border-color: #273385 !important;
}

/* ── Links ── */
a[href*="s4igroups"] {
  color: #273385 !important;
  text-decoration: underline !important;
}

.wrapper-cookie a {
  color: #56c5fa !important;
  text-decoration: underline !important;
}

/* ── Touch targets (min 44×44px) ── */
[class*="bootstrap-touchspin-"],
.quantity-spinner,
input[name="quantity"] {
  min-height: 44px !important;
  min-width: 44px !important;
  padding: 8px !important;
}

/* ── CLS prevention (reserved space) ── */
.nav-outer {
  min-height: 70px;
}
/* Fix contrast: red text on white background (was #ff0000, ratio 4.0:1 → now #c00, ratio 5.25:1) */
p[style*="color:#ff0000"],p[style*="color: #ff0000"],p[style*="color:#f00"],p[style*="color: red"],p[style*="color:red"]{color:#c00!important}
/* Fix contrast: section with white background inherits low-contrast text */
section[style*="background: rgb(255, 255, 255)"],section[style*="background:rgb(255,255,255)"],section[style*="background:#fff"],section[style*="background: #fff"],section[style*="background-color:#fff"],section[style*="background-color: #fff"]{color:#222!important}
section[style*="background: rgb(255, 255, 255)"] *,section[style*="background:rgb(255,255,255)"] *,section[style*="background:#fff"] *,section[style*="background: #fff"] *{color:inherit}
/* Keep explicit colors inside these sections (links, etc) */
section[style*="background: rgb(255, 255, 255)"] a,section[style*="background:rgb(255,255,255)"] a{color:#0050b3!important}

.product-details .basic-details .quantity-spinner{
height: 86px !important;
}
/* MARKET BLOCK THREE — version consolidée */
.market-block-three .inner-box {
  border: 2px solid rgba(38, 50, 133, 255);
  width: 100%;
}
.market-block-three .inner-box .upper-box {
  height: 250px;
  border: none !important;
  border-bottom: 1px solid rgba(38, 50, 133, 0.3) !important;
}
.market-block-three .inner-box .upper-box h3 {
  font-size: 19px !important;
}
.market-block-three .inner-box .upper-box h3:after {
  background-color: rgba(38, 50, 133, 255) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.market-block-three .inner-box .upper-box .text p { color: #545454; }
.market-block-three .inner-box .upper-box h3 a { color: #020e28 !important; }

/* Hover — fond blanc, texte visible */
.market-block-three .inner-box:hover,
.market-block-three .inner-box:hover .upper-box {
  background-color: #ffffff !important;
}
.market-block-three .inner-box:hover .upper-box h3 a { color: #020e28 !important; }
.market-block-three .inner-box:hover .upper-box .text { color: #848484 !important; }
.market-block-three .inner-box:hover .upper-box .icon-box { color: #f7793f !important; }
.market-block-three .inner-box:hover .upper-box h3:after {
  background-color: rgba(38, 50, 133, 255) !important;
  opacity: 1 !important;
  visibility: visible !important;
}



/* === Corrections finales === */
.services-block .inner-box .lower-content {
    padding: 15px 0px 5px !important;
}
.services-block .inner-box .lower-content h3 {
    margin-bottom: 3px !important;
    line-height: 1.3em !important;
}

/* === Fix content-overlay dimensions + transparence === */
.market-block-two .inner-box .content-overlay {
    top: 50px !important;
    bottom: 50px !important;
    height: auto !important;
    background: rgba(38, 50, 133, 0.85) !important;
}





/* === Fix card hover text scale === */
.hover-nam-2 .card,
.hover-nam-2 .card-body,
.hover-nam-2 .card *,
.hover-nam-2 .card:hover,
.hover-nam-2 .card-body:hover,
.hover-nam-2 .card:hover * {
    transform: none !important;
    font-size: inherit !important;
    transition: none !important;
}

/* === Fix card-body position au hover === */
.hover-nam-2 .card-body {
    bottom: 0 !important;
    top: auto !important;
    position: absolute !important;
}
.hover-nam-2 .card:hover .card-body {
    bottom: 0 !important;
    top: auto !important;
    transform: none !important;
}

/* === Fix card hover pointer events === */
.hover-nam-2 .card:before {
    pointer-events: none !important;
}


/* Section 16 — Pages confirmation Contact & Quote — Desktop */
@media (min-width: 768px) {
    div#success h5 {
        font-size: 24px !important;
        font-weight: 600 !important;
        line-height: 1.6 !important;
        margin-bottom: 25px !important;
    }
    div#success p.text-muted {
        font-size: 18px !important;
        line-height: 1.6 !important;
        margin-bottom: 50px !important;
    }
    div#success {
        min-height: 500px !important;
    }
    div#success .text-center {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    div#success .buttons {
        margin-top: 50px !important;
    }
    div#success .success-btn-orange,
    div#success .success-btn-blue {
        margin-top: 50px !important;
        display: inline-block !important;
    }
}
div#success.hidden {
    display: none !important;
}


/* Fix iti flag container z-index quand modal ouvert */
body.modal-open .iti__flag-container {
    z-index: 0 !important;
}
body.modal-open .iti__country-list {
    z-index: 0 !important;
}