@media (min-width: 1200px) {
    .container {
        width: 1200px;
        max-width: 100%;
    }
}

.container-home, .container-cart-custom{
  width:100% !important;
}


#wrapper {
    padding-top:4.2rem;
    background: #ffffff;
}
#content-wrapper{
      padding-left: 0 !important;
      padding-right: 0 !important;
}
.btn-primary{
    color: #fff;
    background-color: #ed8210;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px 8px 8px 8px;
    padding: 18px 26px;
    text-transform:none;
    width: fit-content;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover{
        background-color: #c76802 !important;
}

.sp45{
    margin:45px 0;
}

.js-footer .container {
    width: 100%;
    max-width: 100%;
}
.block_newsletter {
 padding: 20px;
    background-image: url(/img/footer-newsletter-bg.webp);
    background-size: cover;
    height:auto;
    width:100%;
    max-width:100%;
    display:flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
}
.title {
  position: relative;       /* permet de positionner l'image en absolu à l'intérieur */
  width: 100%;              /* occupe toute la largeur */
  display: flex;
  justify-content: center;  /* centre le texte horizontalement */
  align-items: center;      /* centre verticalement si hauteur fixée */
  text-align: center;
}

.title .image-deco {
  position: absolute;
  left: -100px;                  /* colle à gauche */
  top: 50%;
  transform: translateY(-50%); /* centre verticalement dans le bloc */
}

.title p {
  margin: 0;                /* supprime les marges par défaut */
  z-index: 1;               /* assure qu'il reste au-dessus si nécessaire */
}

.block_newsletter .col-md-7 {
    width: 100%;
}
.block_newsletter .row{
    display:flex;
    flex-direction: column;
    align-items: center;
    max-width: 900px;
}

.block_newsletter .accroche{
    background-color: #fff;
    font-size:12px;
    font-style:normal;
    font-weight:500;
        padding: 10px 20px 10px 20px;
    border-radius: 40px 40px 40px 40px;
    margin-top:35px;
    color: #2e2d2b;
}

.block_newsletter #block-newsletter-label {
    font-size: 52px !important;
    line-height: 47px;
    color: #2e2d2b;
    text-align: center;
    font-weight: 600;
}

.block_newsletter .btn-primary{padding:0px 26px;}

.block_newsletter form input[type=email] {
    width: 100%;
    padding: 11px;
    border: 1px solid #7a7a7a;
        border-radius: 8px 8px 8px 8px;
    background-color: transparent;
}

.block_newsletter form input[type=email]:focus {
    padding: 8px 8px 9px;
    border: 1px #7a7a7a dashed;
    outline: 0;
}

.block_newsletter .newletter-infos{
  display:flex;
  flex-direction: column;
    align-items: center;
  margin:45px 0;
  text-transform: uppercase;
      font-size: 14px;
    font-weight: 400;
}
.block_newsletter .newletter-infos a,.block_newsletter .newletter-infos:hover{
color: #2e2d2b;
text-decoration: none;
}

/* Conteneur : éléments en ligne */
.news-letter-socials {
  display: inline-flex;         /* reste à la ligne du texte si besoin */
  align-items: center;
  gap: .5rem;
  padding: 0 0 35px;
  margin: 0;
}

/* Chaque "item" reste inline */
.news-letter-socials .socials-item {
  display: inline-flex;
}

/* Le bouton/lien : boîte cliquable */
.social-item-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;                 /* taille du bouton */
  height: 2.5em;
  border: 1px solid #000;
  border-radius: 50%;          /* optionnel : coins doux */
  background: transparent;
  text-decoration: none;
  transition: background-color .2s ease, border-color .2s ease, transform .08s ease;
  font-size: 16px;
}

/* Icône SVG : 1em, couleur noire par défaut */
.social-item-svg {
  width: 1.2m;
  height: 1.2em;
  fill: #000;                   /* par défaut : noir */
  transition: fill .2s ease;
}

/* Hover / focus : fond noir + icône blanche */
.social-item-link:hover,
.social-item-link:focus {
  background: #000;
}

.social-item-link:hover .social-item-svg,
.social-item-link:focus .social-item-svg {
  fill: #fff;
}

/* Accessibilité focus visible */
.social-item-link:focus-visible {
  outline: 2px dashed #000;
  outline-offset: 2px;
}

/* Optionnel : petit feedback au clic */
.social-item-link:active {
  transform: translateY(1px);
}


.custom-user{
  fill:#fff;
  height:16px;
  width:16px;
}
.user-info a{
      border: 1.5px solid #ffffff;
    padding: 0.5rem;
    border-radius: 50%;
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
}

.header .material-icons {
    display: flex;
    width: 1em;
    height: 1em;
    font-family: "Material Icons", Arial, sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    background-color: #ed8210;
    padding: 18px;
    color: white;
    border-radius: 50%;
    /* text-align: center; */
    align-items: center;
    justify-content: center;
}

.header .cart-products-count{
    position: absolute;
    transform: translate(25px, -46px);
    color: white;
    background-color: black;
    /* padding: 5px; */
    border-radius: 50%;
    width: 25px;
    height: 25px;
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
        font-size: 14px;
    font-weight: 700;
}
.footer-container {
  padding-top: 0;
}
.footer-container .container{
  display:flex;
  gap:50px;
}
.footer-container .links{
      width: fit-content;
}
.footer-container .links .row{
  display:flex;
      margin: 0;
          gap: 20px;
}
.footer-container .h3{
  width:max-content;
}
.footer-container .container{
  display: grid;
  grid-template-columns: 1fr auto 1fr; /* le centre reste au vrai milieu */
  align-items: start;
  column-gap: 24px;
}

/* Neutralise les marges négatives Bootstrap des .row dans ce contexte */
.footer-container .container > .row{
  margin-left: 0;
  margin-right: 0;
}

/* © gauche */
.footer-container .container > .row:nth-of-type(1){
  grid-column: 1;
  justify-content: flex-start; /* au cas où .row est flex */
  justify-self: start;
  text-align: left;
}

/* Links au milieu (centré) */
.footer-container .container > .row:nth-of-type(2){
  grid-column: 2;
  justify-content: center;
  justify-self: center;
}

/* Crafted by à droite */
.footer-container .container > .row:nth-of-type(3){
  grid-column: 3;
  justify-content: flex-end;
  justify-self: end;
  text-align: right;
}

/*******page CMS ***********/


.cms-main{
  margin-top:5rem;
}

.cms-main .page-header{
  text-align:center;
}
.cms-main h1{
  font-size: 70px;
    font-weight: 800;
}
.cms-main h4{
  margin:1rem 0 !important;
}

.cms-main ul {
    padding-left: 2rem !important;
    margin-top:1rem !important;
}
.cms-main .elementor-widget-container{
      height: max-content !important;
}


/******PAGE CONTACT *******************/

.form-btn{
  width:100%;
}
.sosc-custom-form-container .form-control{
  background-color: #fbfdf8;
    border-color: #dddddd;
    border-radius: 8px 8px 8px 8px;
        font-size: 14px;
    font-weight: 500;
    line-height: 2em;
    color: #2e2d2b;
        padding: .75em;

}

.sosc-custom-form-container label{
  font-weight: 600;;
}

.header-faq-contact h1{
  font-size: 75px;
    font-weight: 800;
    line-height: 60px;
    color: #2e2d2b;
}
.faq-contact-container{
  text-align:center;
}

.container-contact .col-lg-9 {
        width: 60% !important;
}
.container-contact #right-column{
  width:40% !important;
  display:flex;
  flex-direction: column;
  gap:20px;
      margin-top: 3.5rem;
}

.header-faq-contact{
      display: flex;
    padding: 30px;
}

.contact-underline{
      position: absolute;
    transform: translate(147px, 78px);
}

.contact-call-to-action-faq{
      display: flex;
    flex-direction: row;
    justify-content: center;
    gap:14px;
    margin: 3.5rem 0;
}
.contact-call-to-action-faq .CTA-product-view{
  width:fit-content !important;
  height:52px;
  line-height: inherit;
  padding: 16px 25px 16px 25px;
}

.googlemap{
      height: 302px;
}
.googlemap iframe{
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.info-container{
  width:100%;
  box-shadow: 0px 1px 27px 0px #0000000D;
  border:1px solid #eaeaea;
  border-radius:8px;
  padding: 25px 15px;
}

.info-wrapper{
  display:flex;
  flex-direction: column;
  gap:20px;
}

.item-info-contact{
  display:flex;
      align-items: center;
      gap:15px;
}
.item-info-contact svg{
  width:22px !important;
  height:22px !important;
}

.text-item-info h3{
  color: #ed8210;
  font-size:16px;
  margin-bottom: 0;
}
.subtext-item-info {
  font-size:14px;
}
.separator-info{
    height: 5px;
}
.separator-line{
border-bottom:1px solid #eaeaea;
}

.separator-cart {
    margin: 0;
    border-bottom: 1px solid #00000014;
    height: 3px;
    margin: 1rem 0;
}


/**** PAFE CATEGORIE ********/
.container-category{
width: 100%;
    padding: 15px;
  }

  .container-category .card-block {
    padding: 1.25rem 1.25rem .5rem;
    background-color: #f2f7e2;
    margin: 1rem 1rem .5rem;
    border-radius: 6px;
}
.block-category .container{
    display: flex;
    flex-direction: row;
    align-items: center;
        margin-top: 42px;
    margin-bottom: 18px;
    gap: 10px;
}
.block-category .container .category-header-wrapper{
  width: 70%;
}
.block-category .container .category-header-cover-wrapper{
  width: 30%;
}


.products-cat-wrapper{
  display:flex;
  margin-top: 2rem;
  gap: 20px;
  padding: 0 20px;

}
.container-category h1{    
  font-size: 60px;
    font-weight: 700;
    line-height: 60px;
        text-transform: none;
  }

.container-category #category-description p{
  font-size:14px;

}
.category-cover{
  width:322px;
  height:307px;
}
.category-cover img{
  width:100%;
  height:auto;
}

/*produit dans categorie*/
#products .products, .featured-products .products, .product-accessories .products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);

    row-gap: 16px;
}

.product{
  width:100% !important;
      padding-left: 6px;
    padding-right: 6px;
}


.product-miniature .thumbnail-container {

    box-shadow: 0 1px 27px 0 #0000000D;
        border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: #eaeaea;
    border-color: #EAEAEA;
    border-radius: 8px 8px 8px 8px;
    padding: 10px;
}
.product-miniature .thumbnail-top {

    padding: 0 25px 25px;
}

.CTA-product-add-to-cart .add{
margin-bottom: 0 !important;
}
.products-cat-wrapper .product-actions .add-to-cart {
    height: 43px !important;
    width: 40px !important;
    
    padding: 0;
}
.product-miniature .product-price-and-shipping {
font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #8e8e8e;
    text-align: left;
    margin-top:14px;
}


.product-call-to-action{
      display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 10px;
}
.CTA-product-view{
  width:100%;
  height: 43px;
  background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    fill: #ed8210;
    color: #ed8210;
    border-style: solid;
    border-width: 1px;
    border-color: #ed8210;
    border-radius: 6px 6px 6px 6px;
    padding: 14px 5px;
    display: flex;
        justify-content: center;
}
.CTA-product-view a{
      color: #ed8210;
}
.product-actions .add-to-cart img{
  width:20px;
  height:25px;
}
.product-miniature .product-title{
   text-align: left;
}
.product-miniature .product-title a{
    margin-top: .7rem;
    text-align: left;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    color: #2e2d2b;
}
.collapsible-content .product-description{
  font-size:14px;
  line-height: 15px;
}

.product-miniature .product-description {

    min-height: 145px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.display-cat-product{
  display:flex;
flex-wrap: wrap;
}
.display-cat-product a{
  color:#2e2d2b;
      font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

/* PAGINATION*/
.pagination .next, .pagination .previous {
    float: none;
}

.pagination>div:first-child {
  line-height: 1.2rem;
}

.pagination .page-list {

    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    align-items: center;
}

.pagination .page-list .current{
      width: 26px;
    height: 24px;
    display: inline-block;
    background: #ed8010;
    padding: 3px;
    border-radius: 4px;
    color: #fff;
}
.pagination .page-list li a{
  font-size:18px;
  font-weight: 400;
}
.pagination .page-list .current a {
    color: #fff;
    /* line-height: 20px; */
    font-weight: 400;
    font-size: 18px;
}

/***page research**/
.container-search  #main{
  margin-top: 5rem;
}

.container-search  #products .products, .container-search  .featured-products .products, .container-search  .product-accessories .products {
    display: grid !important
;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 16px;
}


.h2-search{
  font-size: 48px;
    font-weight: 700;
    line-height: 43px;
    text-align: center;
    text-transform: math-auto;
}

.subtext-search-result-header{
  font-size:14px;
  text-align: center;
      max-width: 400px;
    margin: 0 auto;
}

.underline-search-title{
  position:absolute;
  transform: translate(680px, -20px);
}

.underline-search-title img{
  width:200px;
  height:16px;
}

/* facet */
.myaccount{
  color:#fff;
}

#search_filters_wrapper{
      background-color: #fbfdf8;
   
    border-style: solid;
    border-width: 1px;
    border-color: #eaeaea;
    border-radius: 8px 8px 8px 8px;
    height: max-content;
}




.facet ul{
  display:grid !important;
  grid-template-columns: 1fr 1fr;
}
.facet-title{
font-size: 16px;
    font-weight: 700;
    height: 25px;
}

.facet-label{
  margin-bottom:0;
  text-align: left;
}
.facet-label a{
  font-size:14px !important;
font-style:normal;
font-weight:400;
}


.custom-checkbox span{
  width:16px !important;
  height:16px !important;
  border-radius:3px;
}

#search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a {
    margin-top: auto;
}

.custom-search-filters{
    padding: 1.563rem 0;
    width: 267px;
}

/*********** PAGE PANIER**************/


.header-cart {
    padding: 1.25rem 1.25rem ;
    background-color: #f2f7e2;
    margin: 1rem 1rem 1.5rem;
    border-radius: 6px;
}
.cart-grid{
  display:flex;
  gap:20px;
}
.cart-grid-body, .cart-grid-right{

    border-radius: 8px;
    border: 1px solid var(--Grey-3, #eaeaea);
    background: var(--White, #fff);
    box-shadow: 0px 1px 27px 0px rgba(0, 0, 0, 0.05);
}

.header-cart h1{
  font-size: 50px;
  font-weight: 400;
  text-transform:none;
      margin-bottom: 2rem;
}

.cart-overview .product-price {

    color: #2e2d2b;
    font-weight: 400;;
}
.cart-overview .qty{
  padding-left:0;
  padding-right:0;
}

.cart-overview  .product-line-grid-right .row{
  display:flex;
      flex-direction: column;
    align-items: flex-end;
    gap: 22px;
}


.cart-overview  .product-line-grid-right .row .price{
  padding-left:0;
  padding-right:0;
      display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.cart-overview .remove-from-cart{
      color: #EB4D60 !important;
          display: flex !important;
    align-items: center;
        gap: 15px;
}

.trash-bordeline{
  width: 44px;
    height: 44px;
    border: 1px solid red;
    border-radius: 999px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.trash-bordeline img{
  width:50%;
}


.bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after {
    content: "+";
    font-family: inherit;   /* pour pas prendre la font Material Icons */
    font-size: 16px;
    font-weight: bold;
}

.bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after {
    content: "–";
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
}



.bootstrap-touchspin {
  position: relative;
  display: inline-block;
  width: 120px; /* ajuste selon ton design */
}

.bootstrap-touchspin input.js-cart-line-product-quantity {
  text-align: center;
  width: 100%;
  padding-left: 30px;  /* laisse la place pour le "-" */
  padding-right: 30px; /* laisse la place pour le "+" */
}

.bootstrap-touchspin .input-group-btn-vertical {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  pointer-events: none; /* évite que le conteneur bloque les clics */
}

.bootstrap-touchspin .bootstrap-touchspin-down,
.bootstrap-touchspin .bootstrap-touchspin-up {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  pointer-events: auto; /* réactive le clic */
  border: none;
  background: #eeeeee00; /* ou transparent */
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}

.bootstrap-touchspin .bootstrap-touchspin-down {
    left: 6px;
    z-index: 500;
    top: 11px;
}

.bootstrap-touchspin .bootstrap-touchspin-up {
    right: 8px;
    z-index: 500;
    top: 8px;
}
.bootstrap-touchspin .input-group-btn-vertical>.btn {
    width: max-content;
    position: absolute;
}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 8px;
}

#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
    color: #ed8210;
}


.cart-item {
    border-bottom: 1px solid #eee;
}








/*********** PAGE PRODUiT ************/

.container-product{
  width:100%;
}




.product-container{

  margin-top: 50px;
}

#product #content {
      max-width: 90% !important;
}
.product-images>li.thumb-container .thumb.selected{
  border:none;
}
.product-images>li.thumb-container .thumb:not(.selected){
  opacity:0.5;
}
.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
    border: none;
    opacity:1;
}
.product-container h1{
  font-size: 48px;
    font-weight: 600;
    line-height: 43px;
    text-transform: none;

}
.underline-h1{
  margin:10px 0;
}
.current-price-value{
      font-size: 30px;
    font-weight: 700;
    color:#334155;
}

.product-sosc-accessories{
    background-color: #ffefdc;
    padding: 15px;
    border-radius: 10px 10px 10px 10px;
    margin: 1rem 0;
}

.header-sosc-accessories{
  display:flex;
  align-items: center;
}
.header-sosc-accessories h3{
  margin-bottom:0;
  margin-left:7px;
    font-size: 16px;
    font-weight: 600;
    color:#2e2d2b;
}


.product-sosc-accessories li{
  font-size:14px;
font-style:normal;
font-weight:400;
text-transform: lowercase;
}

.sosc-accessories-list {
  list-style: none;             
  columns: 2;                   
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 2rem;              
  padding: 0;
  margin: 0;
}

.sosc-accessories-list li {
  position: relative;
  margin: 0.5rem 0 0.5rem 1.5rem; 
}

.sosc-accessories-list li::before {
  content: "•";                 
  position: absolute;
  left: -1.2rem;
  font-size: 1.2rem;
  line-height: 1;
  color: #000;                   
}


.product-actions #quantity_wanted{
  width:140px;
  text-align:center;
}
.product-actions .product-quantity{
      display: flex;
    width: 100%;
}

.product-actions .qty{
  width: fit-content;
    display: flex;
}

.product-actions .qty .bootstrap-touchspin {
    display: flex;
    float: left;
    width: auto;
}
.product-actions .add{
      display: inline-flex;
    float: left;
    margin-bottom: .5rem;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}


.product-actions .add .btn-primary {

    width: 100%;
}

.product-information p{
    color: #2e2d2b !important;
}


.product-price-label-ht{color: #8E8E8E;
    font-size: 14px;
  }

.link-product-tags, .link-product-tags:hover, .link-product-tags:active, .link-product-tags:focus{
  color:#ed8210 !important;
  text-decoration: underline;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link.active:hover{
    border: 0;
    border-bottom: #204634 3px solid;
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    color: #204634 !important;
}

.tabs .nav-tabs .nav-link,.tabs .nav-tabs .nav-link:hover  {
    border: 0 solid transparent;
    color: #8f8f8e;
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
}

.features-container {
  padding: 20px;
  background: #f6f6f6;
}

.data-sheet {
  display: grid !important;
  grid-template-columns: 160px 1fr; /* dt fixe, dd flexible */
  border: 1px solid #adb6be;
  align-items: center; /* ✅ centre verticalement le contenu */
}

.data-sheet dt {
  width: auto;          
  max-width: 160px;     
  font-weight: 600;     
  background: #f6f6f6 !important;
  margin: 0 !important;
  padding: .67em 1.34em !important;
  border-right: 1px solid #adb6be;
  border-bottom: 1px solid #adb6be;
  display: flex;              /* ✅ centre verticalement le texte */
  align-items: center;
}

.data-sheet dd {
  width: auto;
  margin: 0 !important;            
  background: #f6f6f6 !important;
  padding: .67em 1.34em !important;
  border-bottom: 1px solid #adb6be;
  display: flex;              /* ✅ centre verticalement le texte */
  align-items: center;
}

.data-sheet dt:last-of-type,
.data-sheet dd:last-of-type {
  border-bottom: none;
}

.product-features {
  margin-top: 0 !important;
  margin-left: 0 !important;
}

.product-features > dl.data-sheet dt.name,
.product-features > dl.data-sheet dd.value {
  text-transform: none;
  color: #1e293b;
  font-size: 14px;
}

.alert-info {
    background-color: #f7e9d9;
    border-color: #f1dabc;
    color: #0b232f;
}
/*--- collapse description---*/
.collapsible-block {
  position: relative;
  max-height: 400px;        /* hauteur fermée */
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.collapsible-block.expanded {
  max-height: none;
}

.collapsible-fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  pointer-events: none;
  transition: opacity 0.3s;
}

.collapsible-block.expanded .collapsible-fade {
  opacity: 0;
}

/* --- Bouton rond avec flèche --- */
.collapsible-toggle {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 40px auto 0 !important;
  background: #ed8210;          /* bouton orange par défaut */
  color: white;                /* flèche blanche via currentColor */
  border-radius: 50%;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* flèche */
.collapsible-toggle .arrow-icon {
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
}

/* état ouvert (active) */
.collapsible-toggle.active {
  background: white;           /* cercle blanc */
  border: 2px solid #ed8210;    /* contour orange */
  color: #ed8210;               /* flèche orange */
}

.collapsible-toggle.active .arrow-icon {
  transform: rotate(180deg);
}
.nav.nav-tabs { scroll-margin-top: 100px; }

/********** AVIS CUSTOM **********/

.custom-avis-block{
  background-color: #edfbff;
  padding:15px;
  border-radius: 10px 10px 10px 10px;
      margin-top: 20px;
}
.avis-item{
  display:flex;
  flex-direction: column;
  gap:18px;
}
.avis-item-header{
  display:flex;
  align-items: center;
}
.header-item-infos{
  display:flex;
  flex-direction: column
}
.header-item-infos strong{
  font-size:16px;
}
.header-item-infos span{
font-size: 14px;
    font-weight: 400;
    color: #8e8e8e;
}
/**** FAQ CATEGORIE PAGE ****/
.wrapper-faq-cat{
  margin-bottom:2rem;
}
.faq-cat-header{
  display:flex;
      flex-direction: column;
    align-items: center;
    gap:20px;
}
.faq-cat-accroche{
    background-color: #f2f7e2;
    padding: 8px 10px;
    border-radius: 8px 8px 8px 8px;
}
.faq-cat-accroche span{
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;

}
.faq-answer span{
      background-color: transparent !important;
}

.faq-cat-title{
      font-size: 48px;
    font-weight: 600;
    line-height: 43px;
        margin-bottom: 50px;

}

.faq-cat-underline{
  position: absolute;
  transform: translate(224px, 62px);
}

/* (Optionnel) Mobile : on repasse en pile verticale centrée */
@media (max-width: 768px){
  
}



/*********** PAGE BLOG *************/
/* Style pour le bloc d'action sur le site */
.article-content .cta-block {
    background-color: #2c5446;
    color: #fff;
    padding: 40px;
    border-radius: 8px;
    margin: 30px 0;
}
.article-content .cta-block h3 {
    color: #fff;
    margin-top: 0;
}
.article-content .cta-block p {
    font-size: 1.1em;
}
.article-content .cta-block .btn {
    background-color: #e67e22;
    color: white;
    text-decoration: none;
    padding: 12px 25px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 15px;
    font-weight: bold;
}
.article-content .specs-block {
    border-left: 3px solid #f0f3f5;
    padding-left: 20px;
    margin: 30px 0;
    font-size: 1.1em;
}
.article-content .specs-block dt {
    font-weight: bold;
    color: #363a41;
    float: left;
    clear: left;
    width: 250px; /* Ajuste cette largeur si besoin */
    margin-right: 20px;
}
.article-content .specs-block dd {
    margin-left: 270px; /* Doit être > width + margin-right */
    padding-bottom: 10px;
}
 .article-content .specs-block dd a {
    color: #e67e22;
    text-decoration: underline;
}

/* Style pour le bloc astuce sur le site */
.article-content .tip-block {
    background-color: #fff8f0;
    border: 1px solid #fde4c7;
    border-radius: 8px;
    padding: 25px 30px;
    margin: 30px 0;
}
.article-content .tip-block h4 {
    color: #e67e22;
    margin-top: 0;
    font-weight: bold;
}
.article-content .tip-block p {
    margin-bottom: 0;
    color: #555;
}

/* Style pour le bloc image sur le site */
.article-content .image-full-block {
    margin: 30px 0;
    padding: 0;
}
.article-content .image-full-block img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
/* Style pour le bloc bouton sur le site */
.article-content .button-block {
    text-align: center;
    margin: 40px 0;
}
.article-content .button-block .btn {
    background-color: #e67e22; /* Ou la couleur que tu préfères */
    color: white;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.1em;
    border: none;
}
.article-content .button-block .btn:hover {
    background-color: #d35400;
}
/* Style pour le bloc image centrée sur le site */
.article-content .image-centered-block {
    text-align: center; /* Centre l'image */
    margin: 30px 0;
    padding: 0;
}
.article-content .image-centered-block img {
    max-width: 100%; /* S'assure que l'image ne dépasse pas son conteneur */
    border-radius: 8px;
    display: inline-block; /* Nécessaire pour que le text-align fonctionne */
}

.article-content .layout-2-columns {
    display: flex;
    gap: 30px; /* Espace entre les colonnes */
    margin: 40px 0;
}
.article-content .layout-2-columns .layout-column {
    flex: 1;
    width: 50%;
}

/* facette mise en page */
#search_filters, #search_filters_brands, #search_filters_suppliers {

    background: #fbfdf8 !important;
}
section.facet[data-name="Type de cage" i] ul,
section.facet[data-name="Type de caméra" i] ul,
section.facet[data-name="Effet" i] ul,
section.facet[data-name="Type de moniteur" i] ul,
section.facet[data-name="Type de transmetteur HF" i] ul,
section.facet[data-name="Type de solution de stream" i] ul,
section.facet[data-name="Type de grip caméra" i] ul,
section.facet[data-name="Type de rig caméra" i] ul,
section.facet[data-name="Réf. de Stabilisateur" i] ul,
section.facet[data-name="Stabilisateur ou Accessoire" i] ul,
section.facet[data-name="Connectiques" i] ul,
section.facet[data-name="Longueur de câble" i] ul,
section.facet[data-name="Type de projecteur" i] ul,
section.facet[data-name="Type de grip lumière" i] ul,
section.facet[data-name="Réf. de lumière" i] ul,
section.facet[data-name="Type de modeleur" i] ul,
section.facet[data-name="Type de micro" i] ul,
section.facet[data-name="Directivité" i] ul,
section.facet[data-name="Type d'enregistreur son" i] ul,
section.facet[data-name="Type d'accessoire son" i] ul
{
      grid-template-columns: 1fr;
}


/* Pour les écrans mobiles, on met les colonnes les unes sous les autres */
@media (max-width: 768px) {
    .article-content .layout-2-columns {
        flex-direction: column;
    }
    .article-content .layout-2-columns .layout-column {
        width: 100%;
    }
}
/* Style pour le bloc 3 colonnes sur le site */
.article-content .layout-3-columns {
    display: flex;
    gap: 30px; /* Espace entre les colonnes */
    margin: 40px 0;
}
.article-content .layout-3-columns .layout-column {
    flex: 1;
    width: 33.33%;
}

.sosc-mob-drawer{
  display:none;
 }
/* Pour les écrans mobiles, on met les colonnes les unes sous les autres */
@media (max-width: 768px) {
    .article-content .layout-3-columns {
        flex-direction: column;
    }
    .article-content .layout-3-columns .layout-column {
        width: 100%;
    }
}

.sosc-mainmenu__right .ps-search-toggle{
  display:none;
}


@media (max-width:1025px){

}
@media(max-width:768px){

  .block-category .container .category-header-wrapper {
      width: 100%;
              padding: 10px;
  }
  .container-category .card-block {
    padding: 1.25rem 0.25rem .5rem;
    margin: 1rem 0 .5rem;
  }
  .block-category .container {
    display:block;
    margin-top:0;
  }
  .soscb-slide{
    width:100vw;
  }
  #products .products, .featured-products .products, .product-accessories .products {
    
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .products-cat-wrapper {
    gap:0;
            margin: 2rem 0;
        padding-left: 0;
        padding-right: 0;
        flex-direction: column;
  }
  .product-miniature .product-description {
    padding: .25rem 0rem .7rem;
  }
  .display-cat-product a {
    font-size: 12px;
  }
  .CTA-product-view {

    padding: 0;
    display: flex;

    flex-direction: column;
    text-align: center;
  }
  .product-call-to-action {

    gap: 0 5px;
  }
  .product-miniature .thumbnail-container {
    padding: 10px 8px;
  }
  .product-miniature .product-description {
    min-height: 166px;
  }
  #products .up {
    display: flex;
    justify-content: center;
}
.faq-cat-title {
    font-size: 36px;
    text-align: center;
}
.faq-cat-underline {
    transform: translate(37px, 100px);
}
.faq-cat-underline img{
  width:70%;
}
.title .image-deco {
  display:none;
}
.sp45 {
    margin: 45px 0 0px;
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link.active:hover {
    font-size: 24px;
}
.tabs .nav-tabs .nav-link, .tabs .nav-tabs .nav-link:hover {
    font-size: 24px;
}
.tabs {
        margin-top: 1rem;
}
.nav-tabs .nav-link {
    padding: .5em 0.2em;
}
.tabs .nav-tabs .nav-link::before {
  content: "›"; /* ou ">" selon ce que tu veux */
  margin-right: 6px; /* espace entre la flèche et le texte */
  font-weight: bold; /* optionnel, pour le rendre plus visible */
  color: inherit; /* ou une couleur spécifique si tu veux */
}
.data-sheet {
    grid-template-columns: 150px 1fr;
}
.tabs .product-quantities{
  display:none;
}
.soscps_container-p-slider {
    padding: 1rem 0;
}
.underline-h1 {
    margin: 0 0 10px;
}
.sosc-hero {
    margin: 10px 12px 10px 12px;
    border-radius: 8px;
    padding-top: 34px;
    padding-bottom: 2rem;
}
.sosc-hero__img{
  /* display:none; */
}
.sosc_hero_middle_row {
    width: 100%;
}
.sosc-hero__ctas {
    flex-direction: column;
}
.sosc-hero__title {
    font-size: 65px;
}
.sosc-hero__btn {
    text-align: center;
}
.sosc-hero__card--left, .sosc-hero__card--right{
  display:none;
}
.home-carroussel-brand {
    padding-block-end: 1rem;
    width: 80vw;
    text-align: center;
    margin: 0 auto;
}
.soscps-underline{
  display:none;
}
.container-hero {
    height: 500px;
}
.home-carroussel-brand {

    padding-block-start: 2rem;
}
.sosc-brand-carousel {
    max-width: 80vw;
 }
 .home-img-brand{
  display:none;
 }
 .sosc-hs-icone{
  display:none;
 }
 .sosc-homepromo__right{
  display:none;
 }
 .sosc-hs__title {
    font-size: 36px;
    line-height: 36px;
}
.sosc-hs-line-title {
    transform: translate(-15px, 61px);
}
.sosc-hs-line-title img{
  width:50%;
  height:50%;
}
.sosc-hs {
    margin: 60px 0 20px;
}
.soscps-elment-2 .soscps-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 32px;
  }
  .soscps-fleche {
    display: none;
  }
.wrapper_sosc_tk {
    flex-direction: column;
    padding: 20px 0 50px;
}
.sosc_tk_text {
    width: 100%;
    align-items: center;
}
.sosc-tk-title {
    font-size: 36px;
    line-height: 30px;
    text-align: center;
    margin: 20px 0;

}
.sosc-tk-underline{
  display:none;
}
.faqHome-hero-title {
    font-size: 36px;
    line-height: 30px;
    text-align: center;
}
.faq-home-header-underline {
    width: 144px;
    transform: none;
}
.home-faq-spacer {
    margin: 50px 0;
}
.sosc-homepromo__prices {
    align-items: center;
}
.sosc-homepromo__btn {
    width: 100%;
    text-align: center;
}
.footer-container .links .row {
     gap: 0;
    flex-direction: column;
    align-items: flex-start;
}
.footer-container .container > .row:nth-of-type(1) {
    padding-left: 28px;
    margin-top: 20px;
}
.footer-container .container{
    display: flex;
        flex-direction: column;
        align-items: flex-start;
  }
  .footer-container .container > .row{
    grid-column: 1 !important;
    justify-content: center;
    justify-self: center;
    text-align: center;
    gap:15px
  }
  .footer-container .links ul>li {

        text-align: left;
  }
  .footer-container .links ul {
        background-color: #fff !important;
    }
  .title {
    justify-content: flex-start;

    }
    .container-contact .row{
    display:flex;
    flex-direction: column;
  } 
  .container-contact .col-lg-9 {
    width: 100% !important;
}
.container-contact #right-column {
    width: 100% !important;
    margin-top: 1.5rem;

}
.container-contact #main .page-content{
    margin-bottom: 0;
            padding: 15px 15px 0;
}
.header-faq-contact {
    padding: 13px;
}
.header-faq-contact h1 {
    font-size: 49px;
}
.header-faq-contact > div:first-child > img {
 width:40px;
 height:40px;
}
.contact-underline {
    position: absolute;
    transform: translate(8px, 73px);
}
.contact-underline img{
  width:63%;
  height:70%;
}
#wrapper .container {
    width: 100%;
    padding-left: 0;
        padding-right: 0;
}
.features {

    padding: 0 46px;
}
.services-produits .produits_bottomline .icone {
    position: absolute;
    transform: translateX(0px) translateY(-23px);
}
.produits_bottomline {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: center;
    transform: none;
    flex-direction: column;
    align-content: flex-start;
}
.text-container-h-service h1 {
    font-size: 65px;
    line-height: 50px;
}
.container-header-image-1, .container-header-image-2 {
    display: none;
}
.text-container-h-service {
    width: 100%;
  gap: 48px;
}
.brandCarrousel {
    margin: 3rem 0 4rem;
}
.accroche-services img{
  display:none;
}
.img-traitjaune {
    width: 50%;
    transform: translate(-109px, -9px)
}
.row-tech {
        padding: 0 30px;
}
.row-tech--reverse {
    grid-template-areas:
    "text"
    "media";
}
.row-tech .media {
    padding: 0;
}
.faqmaincontainer .faq_hero__icon {
    transform: translateX(-138px) translateY(-4px);
}
.s48 {
    font-size: 36px !important;
    font-weight: 600;
    line-height: 30px;
}
.faqmaincontainer .items-services-2 {
    padding: 0px 71px;
}
.block_newsletter {
    padding: 0;
}
.faq-container {
    max-width: 90vw;
    margin: 40px auto !important;
    display: flex;
    flex-direction: column;
    gap: 30px;
    }
  .block_newsletter #block-newsletter-label {

    font-size: 36px !important;
    line-height: 40px;
}
.block_newsletter .accroche {

    font-size: 9px;
}
.sosc-faq__section-title {
    font-size: 36px;
    line-height: 36px;
}
.sosc-faq {
    margin: 1.5rem 0 0 -0;
}
.faqmaincontainer .faq_hero__underline {
    transform: translateX(2px) translateY(-15px);
    width: 39%;
    height: 32%;
}
.faq-answer p{
      margin: 14px 0px 1.6em !important;
}
.customformcontainer .items-services-2 {

    padding: 0 30px;
}
.customformcontainer .items-services-2 .tech-form__underline {
    transform: translateX(-4px) translateY(58px);
    width: 65%;
    height: 40%;
}
.sosc_customcontact_form {
    max-width: 90vw;
}
.sub-txt-services span{padding: 0 50px;}
.tech-hero__icon, .tech-hero__sticker, .img-adatpe, .icone-header img, .services-produits .tech-hero__underline {
  display:none;
}
.tech-hero__underline {
    transform: translateX(-129px) translateY(-22px);
 }
 .sosc-mob-drawer{
  display:block;
 }
 .services-produits {
    padding: 20px;
 }
 .produit-hero {
    width: 97%;
}
.services-produits .produits_bottomline .container-text {
    width: 100%;
}
.soscps-carousel {
--per-view: 1;
    max-width: 100%;
}
.produits_bottomline {
    position: relative;
    width: 85vw;
}
.soscps-fade {
    width: 36px;}
.row {
    width: 100%;
    margin-right: -15px;
    margin-left: 0;
}
main{
  overflow: hidden;

}
.sosc-faq {
    margin: 1.5rem 0 0 0px;
}
.sosc-header-product {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.sosc-custommodal .close, .sosc-custommodal .close:hover, .sosc-custommodal .close:active, .sosc-custommodal .close:focus {
    min-width: 37px;
}
.sosc-custommodal .modal-header {
    padding: 30px 10px;
    gap: 20px;
}
.modal-footer .btn-primary, .modal-footer .btn-outline-secondary{

    width: 50%;
    text-align: center;
    padding: 5px;
    border-radius: 8px;
    white-space: normal;
    vertical-align: middle;
    display: flex
;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.footer-container .links ul>li {
  padding: 0.325rem 0.625rem;
}
#sosc-custom-modal .modal-content, .modal.sosc-aside .modal-content, #sosc-custom-modal .modal-dialog, .modal.sosc-aside .modal-dialog  {
    height: 69vh;
}
.faq-hero-title {
    font-size: 54px;
    line-height: 54px;
    margin-bottom: 32px;
    text-align: center;

}
.faq-header-underline {
    transform: translate(-75px, -97px);
    width: 255px;
}
.faq-header-icone {
    position: absolute;
    transform: none; 
    height: 38px;
    top: 0;
    right: 0;
}
.image-geader-wrapper{
      height: 193px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
}
.header-imgè-faq{
  height: 100%;
}
#sosc-faq-page.sosc-faq-grid {
  display: flex;
        flex-direction: column;
}
.faq-header {

    margin: 60px 0 30px;
}
.container-home, .soscps-home .container{
      padding-left: 15px !important;
    padding-right: 15px !important;
}
.cart-grid {
        padding-left: 15px;
        padding-right: 15px;
    flex-direction: column;
}
.trash-text{
  display: none;
}
.product-line-grid{
  display:flex;
}
.product-line-grid-left{
      width: 100%;
}
.product-line-grid-right .col-md-10{
  width:100%;
      padding-left: 0;
    padding-right: 0;
}
#_desktop_user_info .account .logged{
  color:#fff;
}
#_desktop_user_info .myaccount{
  display:none;
}
.cart-overview .product-line-grid-right .row {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
    justify-content: center;
}
.cart-overview .product-line-grid-right .row .price {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
}
.container-category {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
    .hidden-sm-down {
        display: block !important;
    }
#search_filter_controls .ok{
  display:none;
}
#search_filters{
  display:none !important;
}
.js-open-filters{
  width:100%;
}


#search_filters_wrapper {
    padding: 0.2em;
    margin-bottom: 1rem;
}

.sosc-mainmenu__right .ps-search-toggle{
  display:block;
}

.ps-search-toggle .material-icons {
          font-size: 27px;
    padding-left: 0;
}
.product-miniature .product-title a {
    margin-top: .7rem;
    text-align: left;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    color: #2e2d2b;
    display: -webkit-box;
    -webkit-line-clamp: 2;       /* nombre de lignes visibles */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.header-moncompte .title-moncompte{
  text-align:center;
  font-size: 42px;
}

.table-bordered{
  display :none !important;
}

.psgdprinfo17 {

    display: flex;
    flex-direction: column;
    align-items: center;
    text-align:center;
}
.psgdprgetdatabtn17{
  width:100%;
  margin-bottom:2rem;
}

}

@media(max-width:400px){
  .faq-header-underline {
        transform: translate(-115px, -107px);
        
    }
    .soscb-inner a{
      font-size:11px !important;
    }
    .features {
    padding: 0 60px !important;
    }
    .customformcontainer .items-services-2 .tech-form__underline {
      transform: translateX(-4px) translateY(77px);
      }

    
}


  /* Drawer mobile */
.facets-drawer { display:none; }
html.is-filters-open .facets-drawer { display:block; }
.facets-drawer__overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.35); z-index: 1040;
}
.facets-drawer__panel {
  position: fixed; top: 0; right: 0; height: 100%; width: 100%;
   background: #fff; z-index: 1050;
  transform: translateX(100%); transition: transform .2s ease;
  display: flex; flex-direction: column;
  box-shadow: -8px 0 24px rgba(0,0,0,.12);
}
html.is-filters-open .facets-drawer__panel { transform: translateX(0); }
.facets-drawer__header {
  display: flex; align-items: center; gap: .5rem;
  padding: .75rem 1rem; border-bottom: 1px solid #eee;
}
.facets-drawer__content {
  padding: .75rem 1rem 1rem; overflow: auto; -webkit-overflow-scrolling: touch;
}
.filters-mobile-bar { padding: .5rem; }


.page-my-account #content .links a i:hover, .page-my-account #content .links a i:active, .page-my-account #content .links a i:focus,.page-my-account #content .links a:hover i{
  color:#ed8210;
}

.header-moncompte{
  display:flex;
  justify-content: center;
      margin-top: 3rem;
}
.title-moncompte{
  font-size: 58px;
}

.underline-moncompte{
    position: absolute;
    transform: translate(80px, 16px);
    z-index: 1000;
    width: 243px;
}

.page-my-account #content .links a span.link-item {

    box-shadow: 0 2px 8px rgba(0, 0, 0, .10);
    border-radius: 8px;
}

.icone-logout{
  width: 30px;
}
.moncompte-logout, .moncompte-logout:hover, .moncompte-logout:focus{
  color:#EB4D60;
      display: flex;
    align-items: center;
    justify-content: center;
}

.loggin-content{
  display:flex;
  align-items: center;
    justify-content: center;
}
.loggin-wrapper{
      z-index: 100;
    position: relative;
}
.loggin-title{
    font-size: 32px;
    font-weight: 700;
}

.loggin-content img{
  width:40px;
  margin:0 10px;
}

.underline-login{
  position:absolute;

}
.underline-login img{
  width:260px;
  height:43px;
      transform: translate(662px, -17px);
}

.container-auth{
  margin-top: 20vh;
}


.container-registration{
  margin-top: 15vh;
}
#submit-login{
  width:100%;
}

.container-auth .page-header{
  margin-bottom:4rem !important;
}

.login-form .form-group{
  display:flex;
  flex-direction: column;
}

.login-form .form-control-label{
  text-align: left;
  width:100%;
}

.login-form .form-group .col-md-6{
  width:100%;
}


.container-registration .form-control-label{
  width:100%;
  text-align: left;
}


.container-registration .form-group{
  display:flex;
  flex-direction:column;
}

.container-registration  .form-control-comment{
  display:none;
}
.container-registration  .form-grid{
  display:grid;
  grid-template-columns: 1fr;   /* mobile: 1 colonne */
  gap: 0px 10px;
  margin-bottom:30px;
}

/* ≥768px : 2 colonnes */
@media (min-width:768px){
  .container-registration  .form-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
    align-items:start;
  }
  /* par défaut: tout prend la largeur complète */
  .container-registration  .form-grid > .form-group{
    grid-column: 1 / -1;
  }
  /* exception: 2e et 3e .form-group sur la même ligne */
  .container-registration  .form-grid > .form-group:nth-of-type(2){ grid-column: 1; }
  .container-registration  .form-grid > .form-group:nth-of-type(3){ grid-column: 2; }
  .container-registration  .form-grid > .field-password-policy { grid-column: 1 / -1; }
}

/* optionnel: neutraliser les marges Bootstrap .row à l'intérieur */
.container-registration  .form-grid .row{     margin-left: -15px;
    margin-right: -15px;     margin-bottom: 0;}

.form-control {

    border-radius: 6px;
}
.container-registration  .form-grid .col-md-6{
  width:100%;
}
.container-registration  .form-control-submit{
  width:100%;
}

.container-registration  .input-group .input-group-btn>.btn[data-action=show-password] {
    padding: .78rem 1rem;
    background: #204735;
}

@media (max-width: 768px) {
    .container-auth {
        margin-top: 13vh;
        padding-left: 10px !important;
    padding-right: 10px !important;
    }
    .container-auth .page-header {
      margin-bottom: 2rem !important;
  }
  .loggin-content img{
    display:none;
  }
  .loggin-title {
    font-size: 30px;
    text-align: center;
}

.container-registration {
    margin-top: 9vh;
}
.container-registration .form-grid .col-md-6 {
    padding-right: 0;
}
}